:root {
  --paper: #fbf8f4;
  --paper-deep: #f3eee8;
  --paper-warm: #eee8e1;
  --ink: #252a37;
  --navy: #0e1525;
  --muted: #6a6d75;
  --gold: #a87932;
  --gold-light: #c09c61;
  --line: #e5ded5;
  --display: "Cormorant Garamond", "Noto Serif SC", Georgia, serif;
  --body: "Montserrat", "Noto Sans SC", Arial, sans-serif;
  --font-body-size: clamp(16px, calc(.42vw + 11px), 18px);
  --font-secondary-size: clamp(15px, calc(.21vw + 12px), 16px);
  --font-small-size: 12px;
  --content: 1216px;
  --header-height: 86px;
  --motion-transition-duration: .22s;
  --motion-title-duration: .84s;
  --motion-content-duration: .98s;
  --motion-content-easing: cubic-bezier(.22,1,.36,1);
  --motion-reveal-distance: 14px;
  --motion-contact-duration: 1.05s;
  --motion-contact-distance: 22px;
}

* { box-sizing: border-box; }
html { background: var(--paper); scroll-behavior: smooth; scroll-padding-top: 100px; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--body); font-size: var(--font-body-size); font-weight: 500; line-height: 1.75; -webkit-font-smoothing: antialiased; }
@view-transition { navigation: auto; }
::view-transition-old(root), ::view-transition-new(root) {
  animation-duration: var(--motion-transition-duration);
  animation-timing-function: var(--motion-content-easing);
}
::view-transition-group(site-logo) { animation-duration: var(--motion-transition-duration); animation-timing-function: var(--motion-content-easing); }
img { display: block; max-width: 100%; }
a { color: inherit; }
button { font: inherit; }
figure, blockquote { margin: 0; }
.content-width { width: min(var(--content), calc(100% - 64px)); margin-inline: auto; }
.section-pad { padding-block: 98px; }
.section-tint { background: var(--paper-deep); }
.skip-link { position: fixed; z-index: 100; top: 12px; left: 12px; padding: 9px 14px; transform: translateY(-160%); background: #fff; color: var(--navy); }
.skip-link:focus { transform: translateY(0); }

/* Shared brand header and navigation */
.site-header { position: sticky; z-index: 30; top: 0; height: var(--header-height); margin-bottom: calc(-1 * var(--header-height)); background: transparent; transition: background .25s ease, box-shadow .25s ease, backdrop-filter .25s ease; }
.site-header.is-scrolled, .site-header.menu-open { background: rgba(251, 248, 244, .94); box-shadow: 0 1px 0 rgba(45, 42, 37, .08); backdrop-filter: blur(12px); }
.header-inner { width: min(1280px, calc(100% - 64px)); height: 100%; margin: auto; display: flex; align-items: center; justify-content: space-between; }
.brand { width: 100px; height: 72px; display: flex; align-items: center; flex: 0 0 auto; view-transition-name: site-logo; }
.brand img { width: 100%; height: 100%; object-fit: contain; }
.site-nav { height: 100%; display: flex; align-items: center; gap: clamp(22px, 3.2vw, 48px); }
.site-nav a { position: relative; display: inline-flex; height: 100%; align-items: center; color: #202637; font-size: 11px; font-weight: 500; letter-spacing: .12em; text-decoration: none; text-transform: uppercase; transition: color .2s ease; }
.site-nav a::after { position: absolute; right: 0; bottom: 24px; left: 0; height: 1px; content: ""; background: var(--gold); transform: scaleX(0); transform-origin: left; transition: transform .23s ease; }
.site-nav a:hover, .site-nav a.active { color: var(--gold); }
.site-nav a:hover::after, .site-nav a.active::after { transform: scaleX(1); }
.menu-toggle { width: 44px; height: 44px; padding: 10px; border: 1px solid var(--line); display: none; flex-direction: column; justify-content: center; gap: 5px; background: rgba(251,248,244,.8); cursor: pointer; }
.menu-toggle span { width: 22px; height: 1px; background: var(--navy); transition: transform .2s ease; }

.eyebrow { margin: 0 0 12px; color: var(--gold); font-size: 11px; font-weight: 600; letter-spacing: .28em; line-height: 1.6; text-transform: uppercase; }
h1, h2, h3, h4, p { margin-top: 0; }
h1, h2, h3 { color: var(--navy); font-family: var(--display); font-weight: 400; }
h1 { margin-bottom: 0; font-size: clamp(54px, 7vw, 78px); line-height: .98; }
h2 { margin-bottom: 14px; font-size: clamp(38px, 4.1vw, 51px); line-height: 1.05; }
h3 { margin-bottom: 7px; font-size: 25px; line-height: 1.15; }
.short-rule { width: 48px; height: 1px; margin: 20px 0 25px; display: block; background: var(--gold-light); }
.section-heading { margin-bottom: 42px; }
.section-heading > p:last-child { max-width: 850px; margin-bottom: 0; color: var(--muted); }
.button { min-height: 46px; padding: 0 23px; border: 1px solid var(--line); display: inline-flex; align-items: center; justify-content: center; gap: 11px; color: var(--ink); font-size: 11px; font-weight: 600; letter-spacing: .12em; line-height: 1.2; text-decoration: none; text-transform: uppercase; transition: background .22s ease, color .22s ease, border-color .22s ease, transform .22s ease; }
.button:hover { transform: translateY(-2px); border-color: var(--gold); background: var(--gold); color: #fff; }
.button-outline { border-color: rgba(168,121,50,.55); color: var(--gold); }
.button-quiet { background: rgba(255,255,255,.12); }
.button span[aria-hidden="true"] { font-size: 16px; font-weight: 400; }

/* Home hero and business cards */
.home-hero { min-height: max(690px, 100svh); position: relative; display: flex; align-items: center; overflow: hidden; background: var(--paper); }
.home-hero::before { position: absolute; inset: 0; content: ""; background: radial-gradient(ellipse at 84% 20%, rgba(224,213,185,.28), transparent 31%), radial-gradient(ellipse at 8% 78%, rgba(231,222,205,.26), transparent 30%), linear-gradient(135deg, #fcfaf6 0%, #f8f4ec 72%, var(--paper) 100%); -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 76%, transparent 100%); mask-image: linear-gradient(to bottom, #000 0%, #000 76%, transparent 100%); }
.hero-inner { width: min(1110px, calc(100% - 64px)); margin: 0 auto; padding-top: 20px; position: relative; z-index: 1; }
.home-hero .hero-inner { transform: translateY(42px); }
.home-hero h1 { max-width: 1100px; margin: 25px 0 0; color: #3d414b; font-size: clamp(48px, 5vw, 66px); text-align: center; }
.home-hero .scroll-cue { bottom: 88px; }
.home-hero .eyebrow { display: flex; align-items: center; justify-content: center; gap: 13px; text-align: center; }
.home-hero .eyebrow span { width: 24px; height: 1px; background: var(--gold-light); }
.home-title-rule { width: 120px; height: 1px; margin: 64px auto 63px; display: block; background: var(--gold-light); transform-origin: center; }
.home-hero .hero-actions { display: flex; justify-content: center; gap: 10px; }
.scroll-cue { position: absolute; z-index: 2; bottom: 62px; left: 50%; display: flex; flex-direction: column; align-items: center; gap: 2px; color: var(--gold); font-size: 10px; font-weight: 600; letter-spacing: .2em; text-decoration: none; text-transform: uppercase; transform: translateX(-50%); }
.scroll-cue b { font-size: 18px; font-weight: 400; animation: nudge 1.5s ease-in-out infinite; }
.home-business { background: var(--paper); }
.vertical-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.vertical-card { min-width: 0; color: inherit; text-decoration: none; border-right: 1px solid var(--line); transition: background .25s ease, transform .25s ease; }
.vertical-card:last-child { border-right: 0; }
.vertical-card:hover { z-index: 1; background: #fff; transform: translateY(-4px); }
.card-photo { height: 170px; position: relative; overflow: hidden; background: #dedbd5; }
.card-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.vertical-card:hover .card-photo img { transform: scale(1.04); }
.card-photo::after { position: absolute; inset: 0; content: ""; background: linear-gradient(180deg, transparent 45%, rgba(9,16,26,.18)); }
.card-index { position: absolute; z-index: 1; top: 8px; right: 15px; color: white; font: 500 34px/1 var(--display); }
.coming-badge { position: absolute; z-index: 2; top: 11px; left: 12px; padding: 4px 8px; background: rgba(14,21,37,.82); color: #fff; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.card-copy { min-height: 270px; padding: 20px 19px 23px; }
.card-copy h3 { font-size: 23px; }
.card-copy p { min-height: 110px; margin: 0 0 13px; color: #59606a; font-size: var(--font-body-size); line-height: 1.65; }
.chips { min-height: 38px; margin-bottom: 15px; display: flex; flex-wrap: wrap; align-content: flex-start; gap: 5px; }
.chips span, .outline-label { padding: 2px 6px; border: 1px solid #e3d5bd; color: var(--gold); font-size: 10px; letter-spacing: .09em; line-height: 1.5; text-transform: uppercase; }
.text-link { display: inline-flex; align-items: center; gap: 8px; color: var(--gold); font-size: 11px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.text-link b { font-size: 15px; font-weight: 400; transition: transform .2s ease; }
.vertical-card:hover .text-link b { transform: translateX(4px); }

/* Home presence, about block and call to action */
.map-wash { position: relative; isolation: isolate; overflow: hidden; background: var(--paper-deep); }
.presence-layout { display: grid; grid-template-columns: 1fr 1.12fr; align-items: center; gap: clamp(55px, 9vw, 140px); }
.presence-copy { max-width: 520px; }
.global-presence .flat-hyphen { display: inline-block; font-family: Arial, sans-serif; font-size: .8em; font-style: normal; font-weight: 400; transform: none; rotate: 0deg; }
.presence-copy p:not(.eyebrow) { margin: 0 0 27px; color: #656973; font-size: var(--font-body-size); }
.presence-copy > .short-rule { width: 40px; height: 1px; transform: none; rotate: 0deg; }
.country-list { border: 1px solid rgba(168,121,50,.14); background: rgba(251,248,244,.53); }
.country-list > div { min-height: 61px; padding: 12px 20px; border-bottom: 1px solid rgba(168,121,50,.14); display: grid; grid-template-columns: 44px 1fr 28px; align-items: center; transition: background-color .25s ease; }
.country-list > div:hover { background: rgba(232,224,215,.62); }
.country-list > div:last-child { border-bottom: 0; }
.country-code { color: #806d50; font-size: var(--font-small-size); }
.country-name { min-width: 0; }
.country-list strong { display: block; color: #2f3541; font-size: var(--font-secondary-size); font-weight: 500; line-height: 1.4; transition: color .25s ease; }
.country-list small { display: block; color: #9a958f; font-size: var(--font-small-size); letter-spacing: .08em; line-height: 1.4; text-transform: uppercase; }
.country-mark { width: 22px; height: 1px; justify-self: end; background: var(--gold-light); opacity: .28; transition: opacity .25s ease, width .25s ease; }
.country-list > div:hover strong { color: var(--gold); }
.country-list > div:hover .country-mark { width: 24px; opacity: 1; }
.who-layout { display: grid; grid-template-columns: 1.03fr .97fr; align-items: center; gap: clamp(48px, 7vw, 100px); }
.framed-photo { position: relative; padding: 0 10px 10px 0; }
.framed-photo::before { position: absolute; z-index: -1; inset: -10px 0 0 10px; border: 1px solid #e9dfd0; content: ""; }
.framed-photo img { width: 100%; max-height: 410px; object-fit: cover; }
.who-copy p:not(.eyebrow) { color: #585d67; font-size: var(--font-body-size); }
.who-copy .button { margin-top: 11px; }
.home-cta { background: var(--paper-warm); }
.cta-layout { display: flex; align-items: center; justify-content: space-between; gap: 38px; }
.cta-layout h2 { margin: 0; font-size: clamp(32px, 3vw, 40px); }
.cta-layout .eyebrow { margin-bottom: 8px; }
.cta-actions { display: flex; flex: 0 0 auto; gap: 10px; }

/* Shared inner-page hero and anchor navigation */
.page-hero { min-height: 340px; padding: calc(var(--header-height) + 55px) 0 63px; position: relative; overflow: hidden; border-bottom: 1px solid var(--line); }
.page-hero h1 { max-width: 1000px; font-size: clamp(52px, 6.8vw, 76px); }
.page-hero .short-rule { margin: 25px 0 0; }
.map-hero { background: linear-gradient(180deg, rgba(216,214,213,.82), rgba(231,229,225,.89) 62%, rgba(251,248,244,.98)); }
.map-hero .content-width { position: relative; z-index: 1; }
.hero-description { max-width: 700px; margin: 23px 0 0; color: #4e5560; font-size: var(--font-body-size); }
.section-nav { position: sticky; z-index: 15; top: var(--header-height); min-height: 48px; background: rgba(243,238,232,.96); border-bottom: 1px solid var(--line); backdrop-filter: blur(10px); }
.section-nav .content-width { min-height: 48px; display: flex; align-items: center; gap: 48px; }
.section-nav a { color: #323947; font-size: 11px; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; transition: color .2s ease; }
.section-nav a:hover { color: var(--gold); }

/* About page */
.about-intro-layout { display: grid; grid-template-columns: 1fr .94fr; align-items: center; gap: clamp(55px, 8vw, 115px); }
.about-copy p:not(.eyebrow) { margin-bottom: 15px; color: #5a6069; font-size: var(--font-body-size); }
.office-photo img { max-height: 330px; }
.about-network, .technology#technology { background: var(--paper); }
.philosophy-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.philosophy-grid article { min-height: 220px; padding: 28px 34px 30px; border-right: 1px solid var(--line); }
.philosophy-grid article:first-child { padding-left: 0; }
.philosophy-grid article:last-child { padding-right: 0; border-right: 0; }
.principle-word { margin-bottom: 13px; display: block; color: var(--gold); font: 500 30px/1.0 var(--display); }
.philosophy-grid h3 { font-size: 23px; }
.principle-hyphen { width: .3em; height: 1px; margin: 0 .025em .16em; display: inline-block; background: currentColor; vertical-align: middle; }
.philosophy-grid p { margin-bottom: 0; color: var(--muted); font-size: var(--font-body-size); }
.network-layout { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 58px; }
.about-network .network-layout { align-items: start; }
.about-network .section-heading { max-width: 830px; margin-bottom: 0; }
.about-network .about-network-hyphen { width: .34em; height: .08em; margin: 0 .035em .16em; display: inline-block; background: currentColor; font-size: .9em; vertical-align: middle; }
.about-network .network-map.map-plot { width: 100%; margin: 46px 0 0; padding: 0; position: relative; overflow: visible; border: 0; background: transparent; }
.about-network .map-plot > img { width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; mix-blend-mode: normal; }
.map-marker { width: 48px; height: 48px; padding: 10px; position: absolute; z-index: 1; display: grid; place-items: center; border: 0; background: transparent; cursor: pointer; transform: translate(-50%, -50%); }
.map-marker img { width: 43px; height: 29px; object-fit: contain; filter: brightness(0); transition: transform .2s ease, filter .2s ease, drop-shadow .2s ease; }
.map-marker span { min-height: 42px; padding: 0 17px 0 38px; position: absolute; bottom: calc(100% - 1px); left: 50%; border: 1px solid rgba(192,156,97,.78); border-radius: 24px; display: flex; align-items: center; background: #101827; color: #f5ead2; font-size: 14px; font-weight: 600; letter-spacing: .06em; line-height: 1; text-transform: uppercase; white-space: nowrap; opacity: 0; pointer-events: none; transform: translate(-50%, 4px); transition: opacity .18s ease, transform .18s ease; }
.map-marker span::before { width: 9px; height: 9px; position: absolute; left: 17px; border-radius: 50%; content: ""; background: var(--gold); box-shadow: 0 0 0 2px rgba(168,121,50,.14); }
.map-marker:hover, .map-marker:focus-visible { z-index: 2; outline: none; }
.map-marker:hover img, .map-marker:focus-visible img { filter: brightness(.8) sepia(1) saturate(1.4) drop-shadow(0 0 5px rgba(168,121,50,.55)); transform: scale(1.18); }
.map-marker:hover span, .map-marker:focus-visible span { opacity: 1; transform: translate(-50%, 0); }
.map-marker-bolivia { left: 35.5%; top: 61%; }
.map-marker-china { left: 77.5%; top: 25%; }
.map-marker-hong-kong { left: 80%; top: 33%; }
.map-marker-singapore { left: 79%; top: 44%; }
.map-marker-timor { left: 85%; top: 53%; }
.network-locations { border-top: 1px solid rgba(168,121,50,.16); }
.network-locations > div { min-height: 58px; padding: 10px 13px; border-bottom: 1px solid rgba(168,121,50,.16); display: flex; align-items: center; gap: 20px; }
.network-locations b { width: 26px; color: #8a775d; font-size: var(--font-small-size); font-weight: 500; }
.network-locations strong, .network-locations small { display: block; }
.network-locations strong { font-size: var(--font-secondary-size); font-weight: 500; }
.network-locations small { color: #99938a; font-size: var(--font-small-size); letter-spacing: .08em; text-transform: uppercase; }
.about-network.section-pad { padding-bottom: 48px; }
.about-network + .community.section-pad { padding-top: 52px; }
.community.section-pad { padding-block: 76px; background: var(--paper-deep); }
.community-content { width: min(1830px, calc(100% - 70px)); }
.community-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(42px, 5vw, 96px); align-items: stretch; }
.community-visual { min-width: 0; min-height: 0; display: flex; flex-direction: column; }
.community-copy { color: #252a37; font-size: clamp(16px, 1.1vw, 21px); line-height: 1.55; }
.community-copy .kicker { margin: 0 0 20px; color: var(--gold); font-size: clamp(11px, .82vw, 16px); font-weight: 600; letter-spacing: .2em; line-height: 1.5; text-transform: uppercase; }
.community-copy h2 { max-width: 850px; margin: 0 0 20px; color: var(--navy); font-size: clamp(40px, 3.4vw, 66px); line-height: 1.08; }
.community-copy > .short-rule { width: 72px; height: 1px; margin: 30px 0 46px; }
.community-copy .community-intro { margin: 0; line-height: 1.58; }
.community-points { margin: 36px 0 0; padding: 0; display: grid; gap: 22px; list-style: none; }
.community-points li { display: grid; grid-template-columns: 11px minmax(0, 1fr); column-gap: 16px; align-items: start; font-size: clamp(16px, 1.05vw, 20px); line-height: 1.5; }
.community-points li::before { width: 9px; height: 9px; margin-top: .62em; border-radius: 50%; background: var(--gold); content: ""; }
.community-points li strong { margin-bottom: 4px; display: block; font-weight: 600; }
.photo-caption { margin: 28px 0 0; min-height: 52px; width: 100%; max-width: 100%; padding: 11px 20px; border: 1px solid rgba(168,121,50,.25); display: flex; align-items: center; color: var(--ink); font-size: clamp(15px, .72vw, 16px); font-weight: 500; letter-spacing: .1em; line-height: 1.5; text-transform: uppercase; }
.photo-caption::before { width: 11px; height: 11px; margin-right: 15px; border-radius: 50%; flex: 0 0 auto; background: var(--gold); content: ""; }
.community-gallery { min-width: 0; min-height: 0; position: relative; flex: 1; overflow: hidden; aspect-ratio: auto; background: #e7e0d7; }
.community-track { position: absolute; inset: 0; }
.community-slide { position: absolute; inset: 0; overflow: hidden; opacity: 0; visibility: hidden; transition: opacity .5s ease, visibility .5s ease; }
.community-slide.is-active { opacity: 1; visibility: visible; }
.community-slide img { width: 100%; height: 100%; object-fit: cover; }
.community-badge { position: absolute; z-index: 2; top: 24px; right: 24px; padding: 15px 19px; border: 1px solid rgba(168,121,50,.38); background: rgba(251,248,244,.92); color: var(--gold); font-size: clamp(12px, .8vw, 15px); letter-spacing: .08em; line-height: 1.3; text-transform: uppercase; }
.community-arrow { position: absolute; z-index: 2; top: 50%; width: 48px; height: 70px; padding: 0; border: 0; background: transparent; color: #1682e4; cursor: pointer; font: 300 100px/1 var(--body); transform: translateY(-50%); transition: color .2s ease, background-color .2s ease; }
.community-arrow:hover { background: rgba(251,248,244,.15); color: #0873d5; }
.community-previous { left: 9px; }
.community-next { right: 9px; }
.community-dots { position: absolute; z-index: 2; right: 0; bottom: 17px; left: 0; display: flex; justify-content: center; gap: 9px; }
.community-dots button { width: 10px; height: 10px; padding: 0; border: 1px solid #fff; border-radius: 50%; background: rgba(255,255,255,.5); cursor: pointer; }
.community-dots button[aria-current="true"] { border-color: #1682e4; background: #1682e4; }
.technology-layout { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 85px; }
.technology-layout p:not(.eyebrow) { max-width: 550px; color: #5a606a; font-size: var(--font-body-size); }
.status-pill { padding: 5px 12px; border: 1px solid #d7c6a8; display: inline-block; color: var(--gold); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; }

/* Business page */
.business-vertical { scroll-margin-top: 135px; }
.business-intro { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(55px, 8vw, 105px); }
.business-intro p:not(.eyebrow) { margin-bottom: 14px; color: #575d67; font-size: var(--font-body-size); }
#minerals .business-intro > div:first-child > p:not(.eyebrow),
#energy .business-intro > div:first-child > p:not(.eyebrow),
#culture .business-intro > div:first-child > p:not(.eyebrow) { text-align: justify; }
.reverse-layout .carousel { order: -1; }
.carousel { min-width: 0; position: relative; overflow: hidden; background: #e8e3dc; }
.carousel-track { position: relative; aspect-ratio: 1.42; }
.carousel-slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .55s ease, visibility .55s ease; }
.carousel-slide.active { opacity: 1; visibility: visible; }
.carousel-slide img { width: 100%; height: 100%; object-fit: cover; }
.carousel-arrow { position: absolute; z-index: 2; top: 50%; width: 37px; height: 48px; padding: 0; border: 0; background: rgba(251,248,244,.68); color: #1677d2; cursor: pointer; font: 300 38px/1 var(--body); transform: translateY(-50%); transition: background .2s ease, color .2s ease; }
.carousel-arrow:hover { background: var(--gold); color: #fff; }
.carousel-arrow.previous { left: 0; }
.carousel-arrow.next { right: 0; }
.carousel-dots { position: absolute; z-index: 2; bottom: 12px; left: 50%; display: flex; gap: 8px; transform: translateX(-50%); }
.carousel-dots button { width: 7px; height: 7px; padding: 0; border: 1px solid #fff; border-radius: 50%; background: rgba(255,255,255,.45); cursor: pointer; }
.carousel-dots button[aria-current="true"] { background: #1682e4; border-color: #1682e4; }
.subheading-row { margin: 41px 0 15px; }
.mineral-grid { display: grid; grid-template-columns: repeat(7, 1fr); border: 1px solid var(--line); }
.mineral-grid > div { min-height: 70px; border-right: 1px solid var(--line); display: flex; flex-direction: column; align-items: center; justify-content: center; }
.mineral-grid > div:last-child { border: 0; }
.mineral-grid strong { color: var(--gold); font: 500 23px/1.1 var(--display); }
.mineral-grid small { color: #9a948a; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
.portfolio-label { margin-top: 35px; }
.table-scroll { overflow-x: auto; }
.portfolio-table { width: 100%; border-collapse: collapse; font-size: var(--font-secondary-size); }
.portfolio-table th, .portfolio-table td { padding: 13px 18px; border-bottom: 1px solid var(--line); text-align: left; }
.portfolio-table th { background: #eee9e3; color: #858078; font-size: 11px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; }
.portfolio-table td:nth-child(2) { color: var(--gold); }
.energy-section { border-block: 1px solid var(--line); }
.technology-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid var(--line); }
.technology-grid article { min-height: 170px; padding: 12px 23px 23px; border-right: 1px solid var(--line); }
.technology-grid article:first-child { padding-left: 0; }
.technology-grid article:last-child { padding-right: 0; border: 0; }
.technology-grid .outline-label { display: inline-block; margin-bottom: 12px; }
.technology-grid h3 { margin: 0 0 10px; font-size: 22px; }
.technology-grid p { margin-bottom: 0; color: #666a72; font-size: var(--font-body-size); line-height: 1.65; }
.applications { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); }
.applications > div { min-height: 66px; padding: 10px 13px; border-right: 1px solid var(--line); display: flex; align-items: center; gap: 10px; font-size: var(--font-body-size); line-height: 1.45; }
.applications > div:last-child { border: 0; }
.applications span { color: var(--gold); font-size: 15px; }
.partnership-grid { display: grid; grid-template-columns: 1fr 1fr; border-block: 1px solid var(--line); }
.partnership-grid article { padding: 28px 33px; border-right: 1px solid var(--line); }
.partnership-grid article:first-child { padding-left: 0; }
.partnership-grid article:last-child { padding-right: 0; border-right: 0; }
.partnership-grid h3 { margin-bottom: 3px; color: var(--gold); font-size: 30px; }
.partnership-grid h4 { margin: 0; color: #4b505a; font-size: var(--font-small-size); font-weight: 500; letter-spacing: .05em; text-transform: uppercase; }
.partnership-grid .short-rule { width: 34px; margin: 12px 0; }
.partnership-grid p { margin: 0; color: #626770; font-size: var(--font-body-size); line-height: 1.65; }
.scope-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); }
.scope-grid div { min-height: 65px; padding: 16px; border-right: 1px solid var(--line); color: #737782; font-size: var(--font-body-size); line-height: 1.5; }
.scope-grid div:last-child { border: 0; }

/* Partner and contact pages */
.partner-tabs-wrap { min-height: 49px; border-bottom: 1px solid var(--line); background: var(--paper-deep); }
.partner-tabs { min-height: 49px; display: flex; align-items: stretch; }
.partner-tabs button { min-width: 225px; padding: 0 24px; border: 0; border-bottom: 2px solid transparent; display: flex; align-items: center; justify-content: center; gap: 9px; background: transparent; color: #4d525e; cursor: pointer; font-size: 11px; letter-spacing: .13em; text-transform: uppercase; transition: color .2s ease, border-color .2s ease; }
.partner-tabs button:hover, .partner-tabs button[aria-selected="true"] { border-bottom-color: var(--gold); color: var(--gold); }
.tab-panel[hidden] { display: none; }
.tab-panel.section-pad { padding-bottom: 52px; }
.tab-panel .section-heading { margin-bottom: 24px; }
.lead-copy { margin: 0 0 20px; color: #333948; font-size: var(--font-body-size); }
.partner-intro { margin-bottom: 40px; color: #444a56; font-size: var(--font-body-size); }
.partner-area-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.partner-area-grid > div { min-height: 61px; padding: 12px 15px; border: 1px solid var(--line); display: flex; align-items: center; gap: 13px; font-size: var(--font-body-size); line-height: 1.5; transition: border-color .2s ease, background .2s ease; }
.partner-area-grid > div:hover { border-color: var(--gold-light); background: #fffdfa; }
.partner-area-grid b { color: var(--gold); font-weight: 400; }
.partner-cta { margin-top: 20px; padding: 34px 25px; position: relative; background-color: #faf7f2; background-image: linear-gradient(rgba(251,248,244,.82),rgba(251,248,244,.82)), linear-gradient(90deg, rgba(168,121,50,.08) 1px, transparent 1px), linear-gradient(rgba(168,121,50,.08) 1px, transparent 1px); background-size: auto, 48px 48px, 48px 48px; text-align: center; }
.partner-cta h2 { font-size: 34px; }
.partner-cta > p:not(.eyebrow) { max-width: 560px; margin: 0 auto 20px; color: #595d67; font-size: var(--font-body-size); line-height: 1.65; }
#panel-careers .career-layout { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: clamp(48px, 6vw, 88px); }
#panel-careers .career-copy > p:not(.eyebrow) { max-width: 650px; margin: 23px 0 0; color: #444a56; font-size: var(--font-body-size); line-height: 1.75; }
#panel-careers .career-copy > .careers-lead { margin-top: 0; margin-bottom: 22px; color: #333948; font-size: var(--font-body-size); }
#panel-careers .why-join > .eyebrow { margin-bottom: 25px; }
#panel-careers .why-join-list { margin: 0; padding: 0; display: grid; gap: 14px; list-style: none; }
#panel-careers .why-join-list li { min-height: 82px; padding: 16px 20px; border: 1px solid var(--line); display: flex; align-items: center; gap: 18px; background: var(--paper-deep); color: #252a37; font-size: var(--font-body-size); line-height: 1.55; transition: border-color .2s ease, background .2s ease; }
#panel-careers .why-join-list li::before { width: 7px; height: 7px; border-radius: 50%; flex: 0 0 7px; content: ""; background: var(--gold); }
#panel-careers .why-join-list li:hover { border-color: var(--gold-light); background: #f7f2ec; }
.contact-groups { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.contact-visual-group { min-width: 0; display: grid; grid-template-rows: auto auto; align-content: start; gap: 12px; }
.contact-details { min-width: 0; }
.contact-address, .contact-channel { min-width: 0; min-height: 94px; padding: 20px 23px; border: 1px solid var(--line); }
.contact-address { position: relative; display: flex; flex-direction: column; justify-content: center; gap: 0; padding-right: 46px; }
.contact-address::after { width: 4px; height: 44px; position: absolute; top: 50%; right: 22px; content: ""; background: var(--gold); transform: translateY(-50%); }
.contact-channels { min-width: 0; min-height: 94px; display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--line); }
.contact-channel { border: 0; display: flex; flex-direction: column; justify-content: center; }
.contact-channel + .contact-channel { border-left: 1px solid var(--line); }
.contact-details h2 { margin: 0 0 5px; font: 500 16px/1.4 var(--body); color: var(--navy); }
.contact-details p, .contact-details a { margin: 0; display: flex; align-items: center; gap: 9px; color: #535967; font-size: var(--font-secondary-size); text-decoration: none; }
.contact-details a:hover { color: var(--gold); }
.contact-details span { color: var(--gold); }
.contact-details .contact-icon { width: 16px; height: 16px; flex: 0 0 16px; color: var(--gold); }
.contact-details .contact-icon svg { width: 100%; height: 100%; display: block; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; }
.contact-address p { font-size: 13.2px; line-height: 1.5; }
.contact-media { margin-top: 12px; display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.map-frame, .office-building { min-height: 415px; position: relative; overflow: hidden; background: #e8e5df; }
.map-frame iframe { width: 100%; height: 100%; min-height: 415px; border: 0; }
.map-link { position: absolute; right: 15px; bottom: 14px; padding: 9px 13px; background: rgba(251,248,244,.92); color: var(--gold); font-size: 11px; letter-spacing: .12em; text-decoration: none; text-transform: uppercase; }
.office-building img { width: 100%; height: 100%; min-height: 415px; object-fit: cover; }
.office-building figcaption { position: absolute; right: 0; bottom: 0; left: 0; padding: 10px 15px; background: linear-gradient(transparent,rgba(14,21,37,.7)); color: #fff; font-size: var(--font-small-size); }

/* Footer, transitions and responsive layouts */
.site-footer { min-height: 66px; border-top: 1px solid var(--line); background: #f5f0e9; }
.footer-inner { width: min( var(--content), calc(100% - 64px)); min-height: 66px; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 18px; color: #656873; font-size: 11px; }
.footer-locations { white-space: nowrap; }
.reveal { opacity: 1; }
[data-reveal].is-visible { animation: soft-rise var(--motion-content-duration) var(--motion-content-easing) both; }
@keyframes soft-rise { from { opacity: .52; transform: translateY(var(--motion-reveal-distance)); } to { opacity: 1; transform: translateY(0); } }
@keyframes nudge { 0%,100% { transform: translateY(0); } 50% { transform: translateY(5px); } }

/* Home-only scroll reveals; existing IntersectionObserver adds .is-visible once. */
.home-page { --home-scroll-duration: .84s; --home-scroll-distance: 12px; }
@keyframes home-scroll-in { from { opacity: .5; translate: 0 var(--home-scroll-distance); } to { opacity: 1; translate: 0 0; } }
@keyframes home-rule-in { from { opacity: 0; transform: scaleX(.38); } to { opacity: 1; transform: scaleX(1); } }
@keyframes home-hero-line-in { from { opacity: 0; translate: 0 10px; } to { opacity: 1; translate: 0 0; } }

/* Wegic reference: the incoming title fades in without a visible position shift. */
@media (prefers-reduced-motion: no-preference) {
  .home-hero .eyebrow,
  .page-hero .eyebrow,
  .page-hero h1,
  .page-hero .short-rule {
    animation: title-fade-in var(--motion-title-duration) var(--motion-content-easing) both;
  }
  .contact-page .page-hero .eyebrow { animation-delay: .04s; }
  .contact-page .page-hero h1 { animation-delay: .1s; }
  .contact-page .page-hero .short-rule { animation-delay: .16s; }
  .contact-page .contact-visual-group-left { animation: contact-group-in-left var(--motion-contact-duration) var(--motion-content-easing) .12s both; }
  .contact-page .contact-visual-group-right { animation: contact-group-in-right var(--motion-contact-duration) var(--motion-content-easing) .12s both; }
  .home-page [data-reveal].is-visible { animation: home-scroll-in var(--home-scroll-duration) var(--motion-content-easing) both; }
  .home-page .vertical-cards > .vertical-card:nth-child(2).is-visible { animation-delay: .12s; }
  .home-page .vertical-cards > .vertical-card:nth-child(3).is-visible { animation-delay: .24s; }
  .home-page .vertical-cards > .vertical-card:nth-child(4).is-visible { animation-delay: .36s; }
  .home-hero .eyebrow { animation: home-hero-line-in .78s var(--motion-content-easing) both; }
  .home-hero h1 { animation: home-hero-line-in .88s var(--motion-content-easing) .2s both; }
  .home-title-rule { animation: home-rule-in .78s var(--motion-content-easing) .42s both; }
  .home-hero .hero-actions { animation: home-hero-line-in .88s var(--motion-content-easing) .66s both; }
  .home-hero .scroll-cue { animation: title-fade-in .84s var(--motion-content-easing) .68s both; }
}
@keyframes title-fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes contact-group-in-left { from { opacity: 0; transform: translateX(calc(-1 * var(--motion-contact-distance))); } to { opacity: 1; transform: translateX(0); } }
@keyframes contact-group-in-right { from { opacity: 0; transform: translateX(var(--motion-contact-distance)); } to { opacity: 1; transform: translateX(0); } }

@media (max-width: 980px) {
  :root { --header-height: 78px; }
  .community .content-width { width: min(100% - 44px, 760px); }
  .community-layout { grid-template-columns: 1fr; gap: 42px; }
  .community-visual { display: block; }
  .community-gallery { min-height: auto; flex: none; aspect-ratio: 1 / 1; }
  .header-inner, .content-width, .hero-inner, .footer-inner { width: min(100% - 44px, 760px); }
  .brand { width: 86px; height: 62px; }
  .menu-toggle { display: flex; }
  .site-nav { position: absolute; top: var(--header-height); right: 0; left: 0; height: auto; padding: 6px 28px 22px; display: none; flex-direction: column; align-items: stretch; gap: 0; background: rgba(251,248,244,.98); box-shadow: 0 12px 24px rgba(19,23,31,.11); }
  .site-nav.open { display: flex; }
  .site-nav a { min-height: 45px; height: auto; border-bottom: 1px solid rgba(37,42,55,.07); }
  .site-nav a::after { bottom: 0; right: auto; width: 45px; }
  .home-hero { min-height: max(660px, 88svh); }
  .home-hero .hero-inner { transform: translateY(18px); }
  .home-hero h1 { margin-top: 22px; }
  .home-title-rule { width: 96px; margin: 30px auto 38px; }
  .vertical-cards { grid-template-columns: repeat(2, 1fr); }
  .vertical-card:nth-child(2) { border-right: 0; }
  .vertical-card:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .card-photo { height: 210px; }
  .card-copy { min-height: 245px; }
  .presence-layout, .who-layout, .about-intro-layout, .network-layout, .community-layout, .technology-layout, .business-intro { gap: 42px; }
  .contact-groups { gap: 16px; }
  .contact-address, .contact-channel { padding-inline: 17px; }
  .contact-address { padding-right: 38px; }
  .contact-address::after { right: 15px; }
  .partner-area-grid { grid-template-columns: repeat(2, 1fr); }
  #panel-careers .career-layout { gap: 42px; }
}

@media (max-width: 700px) {
body { font-size: 16px; }
  .community .content-width { width: calc(100% - 36px); }
  .community.section-pad { padding-block: 58px; }
  .community-layout { gap: 32px; }
  .community-copy h2 { font-size: clamp(38px, 10vw, 50px); }
  .community-copy > .short-rule { margin: 24px 0 30px; }
  .community-points { margin-top: 28px; gap: 18px; }
  .community-points li { column-gap: 11px; }
  .community-badge { top: 13px; right: 13px; padding: 10px 12px; }
  .community-arrow { width: 42px; height: 58px; font-size: 86px; }
  .community-previous { left: 3px; }
  .community-next { right: 3px; }
  .community-dots { bottom: 12px; }
  .photo-caption { margin-top: 28px; padding: 10px 12px; letter-spacing: .06em; }
  .content-width, .header-inner, .hero-inner, .footer-inner { width: calc(100% - 36px); }
  .section-pad { padding-block: 65px; }
  :root { --header-height: 70px; }
  .site-nav { top: var(--header-height); padding-inline: 18px; }
  .brand { width: 76px; height: 56px; }
  .home-hero { min-height: max(610px, 90svh); }
  .home-hero h1 { max-width: 540px; margin: 20px 0 0; font-size: clamp(45px, 10vw, 62px); }
  .home-title-rule { width: 84px; margin: 26px auto 28px; }
  .home-hero .eyebrow { max-width: 320px; margin-inline: auto; font-size: 10px; letter-spacing: .19em; }
  .scroll-cue { bottom: 34px; }
  .home-hero .hero-actions { flex-wrap: wrap; }
  .vertical-cards { grid-template-columns: 1fr; }
  .vertical-card, .vertical-card:nth-child(2) { border-right: 0; border-bottom: 1px solid var(--line); }
  .vertical-card:last-child { border-bottom: 0; }
  .card-photo { height: 225px; }
  .card-copy { min-height: auto; padding: 18px 17px 21px; }
  .card-copy p { min-height: auto; }
  .presence-layout, .who-layout, .about-intro-layout, .network-layout, .community-layout, .technology-layout, .business-intro { grid-template-columns: 1fr; gap: 32px; }
  .community-layout { align-items: start; }
  .who-layout .framed-photo { order: 2; }
  .presence-copy { max-width: none; }
  .country-list > div { min-height: 55px; }
  .cta-layout { align-items: flex-start; flex-direction: column; }
  .cta-actions { flex-wrap: wrap; }
  .page-hero { min-height: 270px; padding: calc(var(--header-height) + 48px) 0 45px; }
  .page-hero h1 { font-size: clamp(47px, 11vw, 64px); }
  .page-hero .short-rule { margin-top: 18px; }
  .section-nav { top: var(--header-height); overflow-x: auto; }
  .section-nav .content-width { width: max-content; min-width: 100%; padding-inline: 18px; gap: 25px; }
  .section-nav a { white-space: nowrap; font-size: 10px; }
  .philosophy-grid { grid-template-columns: 1fr; }
  .philosophy-grid article, .philosophy-grid article:first-child, .philosophy-grid article:last-child { min-height: 0; padding: 23px 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .philosophy-grid article:last-child { border-bottom: 0; }
  .reverse-layout .carousel { order: 0; }
  .carousel-track { aspect-ratio: 1.22; }
  .business-vertical { scroll-margin-top: 120px; }
  .mineral-grid { grid-template-columns: repeat(4, 1fr); }
  .mineral-grid > div:nth-child(4) { border-right: 0; }
  .mineral-grid > div:nth-child(-n+4) { border-bottom: 1px solid var(--line); }
  .portfolio-table { min-width: 580px; }
  .technology-grid { grid-template-columns: 1fr; }
  .technology-grid article, .technology-grid article:first-child, .technology-grid article:last-child { min-height: 0; padding: 20px 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .technology-grid article:last-child { border-bottom: 0; }
  .applications { grid-template-columns: repeat(2, 1fr); }
  .applications > div:nth-child(2) { border-right: 0; }
  .applications > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .partnership-grid { grid-template-columns: 1fr; }
  .partnership-grid article, .partnership-grid article:first-child, .partnership-grid article:last-child { padding: 23px 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .partnership-grid article:last-child { border-bottom: 0; }
  .scope-grid { grid-template-columns: repeat(2, 1fr); }
  .scope-grid div:nth-child(2) { border-right: 0; }
  .scope-grid div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .partner-tabs button { min-width: 50%; padding-inline: 10px; font-size: 11px; }
  #panel-careers .career-layout { grid-template-columns: 1fr; gap: 38px; }
  #panel-careers .career-copy > p:not(.eyebrow) { max-width: none; }
  #panel-careers .why-join > .eyebrow { margin-bottom: 16px; }
  #panel-careers .why-join-list { gap: 9px; }
  #panel-careers .why-join-list li { min-height: 68px; padding: 13px 15px; font-size: var(--font-body-size); }
  .partner-area-grid { grid-template-columns: 1fr; gap: 8px; }
  .partner-area-grid > div { min-height: 54px; }
  .partner-cta { padding: 31px 18px; }
  .partner-cta h2 { font-size: 31px; }
  .contact-groups { grid-template-columns: 1fr; gap: 12px; }
  .contact-visual-group { gap: 12px; }
  .contact-address, .contact-channel { min-height: 77px; padding: 15px; }
  .contact-address { padding-right: 38px; }
  .contact-address::after { right: 15px; height: 38px; }
  .contact-channel { padding-inline: 13px; }
  .contact-media { grid-template-columns: 1fr; gap: 12px; }
  .map-frame, .map-frame iframe, .office-building, .office-building img { min-height: 320px; }
  .footer-inner { min-height: 82px; padding-block: 16px; align-items: flex-start; flex-direction: column; justify-content: center; gap: 6px; font-size: 10px; }
  .footer-locations { white-space: normal; }
}

@media (min-width: 981px) {
  .contact-page .page-hero { min-height: 322px; padding-top: calc(var(--header-height) + 42px); }
  .contact-page .contact-section { padding-block: 55px 98px; }
}

@media (min-width: 1600px) {
  .contact-page .content-width { width: min(1824px, calc(100% - 90px)); }
  .contact-page .contact-groups { gap: clamp(22px, 2.25vw, 44px); }
}

@media (max-width: 600px) {
  .contact-channels { grid-template-columns: 1fr; }
  .contact-channel + .contact-channel { border-top: 1px solid var(--line); border-left: 0; }
  .contact-channel { min-height: 77px; }
  .contact-details a { overflow-wrap: anywhere; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  ::view-transition-group(root), ::view-transition-old(root), ::view-transition-new(root),
  ::view-transition-group(site-logo), ::view-transition-old(site-logo), ::view-transition-new(site-logo) { animation-duration: .01ms !important; }
}