@font-face {
  font-family: "Manrope";
  src: url("/assets/fonts/manrope-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("/assets/fonts/montserrat-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
}

:root {
  --navy-950: #061322;
  --navy-900: #0a1a2c;
  --navy-800: #102a46;
  --navy-700: #1d496f;
  --gold: #d4ad67;
  --gold-light: #efd39a;
  --copper: #b8613d;
  --green: #50735f;
  --steel: #668099;
  --ink: #101820;
  --muted: #56616b;
  --paper: #f5f2ec;
  --paper-deep: #e9e4dc;
  --white: #ffffff;
  --line: rgba(16, 24, 32, 0.16);
  --line-light: rgba(255, 255, 255, 0.2);
  --header-height: 84px;
  --max: 1440px;
  --gutter: clamp(24px, 4.2vw, 72px);
  --font-body: "Manrope", sans-serif;
  --font-brand: "Montserrat", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--white); font-family: var(--font-body); font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
body.menu-open { overflow: hidden; }
body[dir="rtl"] { direction: rtl; }
html[lang="zh-Hans"] body { font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif; line-height: 1.72; }
html[lang="zh-Hans"] h1, html[lang="zh-Hans"] h2, html[lang="zh-Hans"] h3 { letter-spacing: -.025em; line-height: 1.12; }
html[lang="zh-Hans"] .center-wordmark, html[lang="zh-Hans"] .menu-wordmark, html[lang="zh-Hans"] .footer-wordmark { font-family: var(--font-brand); }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
a:visited { color: inherit; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
[hidden] { display: none !important; }
.skip-link { position: fixed; top: 8px; left: 8px; z-index: 2000; padding: 12px 16px; color: var(--navy-950); background: var(--white); transform: translateY(-160%); }
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid var(--gold-light); outline-offset: 3px; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }

h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { margin-bottom: 0; font-weight: 500; letter-spacing: -0.045em; line-height: 1.02; text-wrap: balance; }
h1 { font-size: clamp(3.25rem, 7.4vw, 7.8rem); }
h2 { font-size: clamp(2.35rem, 4.8vw, 5rem); }
h3 { font-size: clamp(1.25rem, 2vw, 2rem); }
p { text-wrap: pretty; }
.eyebrow { margin-bottom: 22px; color: var(--navy-700); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; }
.section-intro { max-width: 820px; }
.section-intro > p:last-child { max-width: 680px; margin: 26px 0 0; color: var(--muted); font-size: 1.05rem; }
.dark-intro { color: var(--white); }
.dark-intro .eyebrow { color: var(--gold); }
.dark-intro > p:last-child { color: rgba(255,255,255,.68); }

.site-header { position: sticky; top: 0; z-index: 900; min-height: var(--header-height); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 10px var(--gutter); color: var(--navy-950); background: rgba(255,255,255,.96); border-bottom: 1px solid var(--line); backdrop-filter: blur(18px); transition: color .25s ease-out, background-color .25s ease-out, border-color .25s ease-out; }
.site-header-overlay { position: absolute; right: 0; left: 0; color: var(--white); background: linear-gradient(180deg, rgba(3,12,22,.74), rgba(3,12,22,0)); border-color: transparent; backdrop-filter: none; }
.site-header-overlay.scrolled { position: fixed; color: var(--navy-950); background: rgba(255,255,255,.94); border-color: var(--line); backdrop-filter: blur(18px); }
.header-edge { min-width: 0; display: flex; align-items: center; gap: 14px; }
.header-edge-right { justify-content: flex-end; }
.menu-button { width: 54px; height: 54px; display: grid; place-content: center; gap: 5px; padding: 0; color: currentColor; background: rgba(255,255,255,.1); border: 1px solid currentColor; border-radius: 50%; cursor: pointer; }
.site-header:not(.site-header-overlay) .menu-button, .site-header-overlay.scrolled .menu-button { background: transparent; border-color: rgba(16,24,32,.22); }
.menu-button span { width: 20px; height: 2px; display: block; background: currentColor; }
.brand-mark { width: 68px; height: 56px; display: grid; place-items: center; overflow: visible; background: transparent; border: 0; }
.brand-mark-crop { width: 62px; height: 56px; display: block; background: transparent url("/assets/wintrad-w-mark.png") center / contain no-repeat; }
.center-wordmark, .menu-wordmark, .footer-wordmark { font-family: var(--font-brand); font-weight: 800; letter-spacing: -0.055em; line-height: 1; }
.center-wordmark { font-size: clamp(1.75rem, 2.55vw, 2.7rem); }
.brief-button, .locale-button { min-height: 50px; display: inline-flex; align-items: center; gap: 11px; padding: 0 18px; color: inherit; background: rgba(3,12,22,.18); border: 1px solid rgba(255,255,255,.48); border-radius: 11px; font-size: .86rem; font-weight: 700; cursor: pointer; }
.locale-button { padding-inline: 13px; }
.site-header:not(.site-header-overlay) .brief-button, .site-header:not(.site-header-overlay) .locale-button, .site-header-overlay.scrolled .brief-button, .site-header-overlay.scrolled .locale-button { background: transparent; border-color: rgba(16,24,32,.22); }
.brief-button:hover, .locale-button:hover { background: rgba(255,255,255,.17); }
.brief-button.active { color: var(--navy-950); background: var(--gold); border-color: var(--gold); }
.language-popover { position: absolute; top: calc(100% + 8px); right: var(--gutter); width: min(360px, calc(100vw - 32px)); padding: 16px; color: var(--ink); background: var(--white); border: 1px solid var(--line); box-shadow: 0 24px 60px rgba(6,19,34,.2); }
.language-popover > p { margin: 0 0 10px; color: var(--muted); font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.language-popover button { width: 100%; min-height: 60px; padding: 0 16px; color: var(--ink); background: transparent; border: 0; border-top: 1px solid var(--line); text-align: left; font-size: 1.04rem; cursor: pointer; }
.language-popover button:hover, .language-popover button.active { background: var(--paper); }
.language-popover small { display: block; margin-top: 12px; color: var(--muted); line-height: 1.45; }

.global-menu { position: fixed; inset: 0; z-index: 1500; display: grid; grid-template-rows: auto 1fr auto; padding: 24px var(--gutter) 28px; color: var(--white); background: linear-gradient(115deg, #092241 0%, #173d68 36%, #70384a 73%, #b2543a 100%); overflow: auto; }
.global-menu::before, .global-menu::after { content: ""; position: absolute; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; pointer-events: none; }
.global-menu::before { width: 38vw; height: 38vw; left: -14vw; top: -17vw; }
.global-menu::after { width: 24vw; height: 24vw; right: -8vw; bottom: -12vw; }
.global-menu-top { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 62px; }
.menu-close { justify-self: start; width: 52px; height: 52px; padding: 0; color: var(--white); background: transparent; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; font-size: 2rem; font-weight: 300; line-height: 1; cursor: pointer; }
.menu-wordmark { font-size: 2.2rem; }
.menu-contact { justify-self: end; padding-bottom: 5px; border-bottom: 1px solid rgba(255,255,255,.55); font-weight: 600; }
.global-menu-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(250px, .85fr) repeat(3, minmax(190px, 1fr)); gap: clamp(28px, 5vw, 84px); align-items: start; padding: clamp(56px, 8vh, 108px) 0; }
.menu-brand-block { align-self: center; }
.menu-mark { width: 132px; height: 112px; margin-bottom: 34px; background-size: contain; background-position: center; }
.menu-brand-block p { margin: 0; font-size: clamp(1.35rem, 2vw, 2rem); line-height: 1.25; }
.menu-column { display: grid; align-content: start; }
.menu-column > p { margin: 0 0 22px; color: rgba(255,255,255,.56); font-size: .7rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.menu-column a { width: fit-content; padding: 8px 0; color: rgba(255,255,255,.9); font-size: clamp(1.05rem, 1.7vw, 1.52rem); line-height: 1.2; }
.menu-column a:hover, .menu-column a.active { color: var(--gold-light); }
.global-menu-bottom { position: relative; z-index: 1; display: flex; justify-content: space-between; gap: 24px; padding-top: 20px; color: rgba(255,255,255,.62); border-top: 1px solid rgba(255,255,255,.2); font-size: .78rem; }

.home-hero { position: relative; min-height: max(760px, 100svh); display: grid; align-items: end; color: var(--white); overflow: hidden; background: var(--navy-950); }
.hero-media, .hero-shade { position: absolute; inset: 0; }
.hero-media { background: url("/assets/hero-global-trade.png") center / cover no-repeat; animation: heroDrift 16s ease-in-out infinite alternate; }
.hero-shade { background: linear-gradient(90deg, rgba(3,12,22,.9) 0%, rgba(3,12,22,.58) 48%, rgba(3,12,22,.2) 72%, rgba(3,12,22,.45) 100%), linear-gradient(0deg, rgba(3,12,22,.84) 0%, transparent 42%); }
.home-hero-content { position: relative; z-index: 2; width: min(1250px, calc(100% - 2 * var(--gutter))); margin: 0 auto; padding: calc(var(--header-height) + 78px) 0 190px; }
.hero-eyebrow { color: var(--gold-light); }
.home-hero h1 { max-width: 1120px; font-size: clamp(3.4rem, 7.1vw, 7.5rem); font-weight: 500; }
.hero-copy { max-width: 770px; margin: 34px 0 36px; color: rgba(255,255,255,.78); font-size: clamp(1.05rem, 1.6vw, 1.32rem); line-height: 1.55; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 26px; }
.button { min-height: 54px; display: inline-flex; align-items: center; justify-content: center; gap: 22px; padding: 0 24px; border: 1px solid transparent; border-radius: 2px; font-size: .87rem; font-weight: 700; cursor: pointer; transition: transform .2s ease-out, background-color .2s ease-out, color .2s ease-out; }
.button:hover { transform: translateY(-2px); }
.button-gold { color: var(--navy-950); background: var(--gold); }
.button-gold:hover { background: var(--gold-light); }
.button-navy { color: var(--white); background: var(--navy-900); }
.button-navy:hover { background: var(--navy-700); }
.button-light-outline { color: var(--white); border-color: rgba(255,255,255,.65); background: transparent; }
.button-light-outline:hover { color: var(--navy-950); background: var(--white); }
.text-link { width: fit-content; display: inline-flex; align-items: center; gap: 20px; padding-bottom: 5px; color: var(--navy-800); border-bottom: 1px solid currentColor; font-size: .88rem; font-weight: 700; }
.text-link-light { color: var(--white); }
.priority-rail { position: absolute; z-index: 3; right: var(--gutter); bottom: 34px; width: min(630px, calc(100% - 2 * var(--gutter))); display: grid; grid-template-columns: auto 1fr auto; gap: 22px; align-items: center; padding: 20px 0; border-top: 1px solid rgba(255,255,255,.38); }
.priority-index { color: var(--gold-light); font-size: .7rem; font-variant-numeric: tabular-nums; }
.priority-rail div { display: grid; gap: 3px; }
.priority-rail small { color: rgba(255,255,255,.55); font-size: .66rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.priority-rail strong { font-size: .95rem; font-weight: 600; }
.priority-rail strong { transition: opacity .17s ease-out, transform .17s ease-out; }
.priority-rail strong.swapping { opacity: 0; transform: translateY(5px); }
.priority-rail button { width: 44px; height: 44px; color: var(--white); background: transparent; border: 1px solid rgba(255,255,255,.45); border-radius: 50%; cursor: pointer; }
.scroll-cue { position: absolute; z-index: 3; left: var(--gutter); bottom: 48px; display: flex; align-items: center; gap: 18px; color: rgba(255,255,255,.7); font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; }

.statement-section { display: grid; grid-template-columns: minmax(180px, .45fr) minmax(0, 1.55fr); gap: 8vw; padding: clamp(100px, 13vw, 190px) var(--gutter); background: var(--paper); }
.statement-kicker { display: flex; gap: 18px; align-items: flex-start; color: var(--muted); }
.statement-kicker span { color: var(--copper); font-variant-numeric: tabular-nums; font-weight: 700; }
.statement-kicker p { margin: 0; font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; }
.statement-section h2 { max-width: 1050px; }
.statement-section > div:last-child > p { max-width: 780px; margin: 36px 0; color: var(--muted); font-size: 1.12rem; }

.division-index { padding: clamp(96px, 10vw, 150px) var(--gutter); color: var(--white); background: var(--navy-950); }
.division-rows { margin-top: 72px; border-top: 1px solid var(--line-light); }
.division-row { position: relative; min-height: 136px; display: grid; grid-template-columns: 64px minmax(220px, .7fr) minmax(300px, 1.3fr) 44px; gap: 28px; align-items: center; padding: 28px 0; color: var(--white); border-bottom: 1px solid var(--line-light); overflow: hidden; }
.division-row::before { content: ""; position: absolute; inset: 0; z-index: 0; background: var(--navy-800); transform: scaleY(0); transform-origin: bottom; transition: transform .28s ease-out; }
.division-row:hover::before { transform: scaleY(1); }
.division-row > * { position: relative; z-index: 1; }
.division-number { color: var(--gold); font-size: .78rem; font-variant-numeric: tabular-nums; }
.division-row h3 { font-size: clamp(1.4rem, 2.3vw, 2.35rem); }
.division-row p { margin: 0; color: rgba(255,255,255,.62); font-size: .92rem; }
.division-arrow { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid rgba(255,255,255,.38); border-radius: 50%; }

.global-section { display: grid; grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr); gap: clamp(48px, 6vw, 100px); padding: clamp(100px, 12vw, 174px) var(--gutter); color: var(--white); background: #0b253e; }
.global-copy { align-self: center; }
.global-copy .eyebrow { color: var(--gold); }
.global-copy > p:not(.eyebrow) { max-width: 550px; margin: 30px 0; color: rgba(255,255,255,.66); }
.global-copy .text-link { color: var(--white); }
.map-detail { display: grid; gap: 10px; margin-top: 72px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.24); }
.map-detail span { color: var(--gold); font-size: .72rem; letter-spacing: .15em; text-transform: uppercase; }
.map-detail strong { max-width: 520px; font-size: 1rem; font-weight: 500; }
.world-map { position: relative; min-height: 520px; align-self: center; }
.world-map img { width: 100%; height: 100%; object-fit: contain; opacity: .24; filter: invert(1); }
.map-point { position: absolute; display: flex; align-items: center; gap: 9px; padding: 8px; color: rgba(255,255,255,.74); background: transparent; border: 0; font-size: .68rem; cursor: pointer; transform: translate(-50%, -50%); }
.map-point span { width: 12px; height: 12px; border: 2px solid var(--gold); border-radius: 50%; box-shadow: 0 0 0 6px rgba(212,173,103,.12); }
.map-point b { font-weight: 600; white-space: nowrap; opacity: 0; transform: translateY(4px); transition: opacity .2s ease-out, transform .2s ease-out; }
.map-point:hover b, .map-point:focus-visible b, .map-point.active b { opacity: 1; transform: translateY(0); }
.map-point.active span { background: var(--gold); }
.point-americas { left: 22%; top: 44%; }.point-europe { left: 50%; top: 31%; }.point-africa { left: 51%; top: 56%; }.point-middle-east { left: 59%; top: 48%; }.point-asia { left: 72%; top: 39%; }.point-oceania { left: 82%; top: 71%; }

.project-lens-section { display: grid; grid-template-columns: minmax(300px, .68fr) minmax(0, 1.32fr); gap: 7vw; padding: clamp(92px, 11vw, 160px) var(--gutter); background: var(--paper); }
.project-lens-copy { align-self: center; }
.project-lens-copy > p:not(.eyebrow) { max-width: 560px; margin: 30px 0 44px; color: var(--muted); }
.perspective-control { display: grid; gap: 12px; max-width: 440px; }
.perspective-control span { color: var(--muted); font-size: .72rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.perspective-control input { width: 100%; accent-color: var(--copper); }
.project-panorama { --panorama-x: 62%; position: relative; min-height: 560px; overflow: hidden; background: linear-gradient(135deg, rgba(6,19,34,.2), rgba(6,19,34,.68)), url("/assets/hero-global-trade.png") var(--panorama-x) center / cover no-repeat; box-shadow: 24px 24px 0 var(--paper-deep); }
.panorama-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.13) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.13) 1px, transparent 1px); background-size: 18% 18%; transform: perspective(520px) rotateY(calc((var(--panorama-angle, 12) - 50) * .08deg)) scale(1.08); transform-origin: center; }
.panorama-caption { position: absolute; right: 34px; bottom: 32px; left: 34px; display: flex; justify-content: space-between; gap: 20px; padding-top: 18px; color: var(--white); border-top: 1px solid rgba(255,255,255,.42); }
.panorama-caption span { font-size: .7rem; letter-spacing: .13em; text-transform: uppercase; }
.panorama-caption strong { font-weight: 500; }

.proof-section { display: grid; grid-template-columns: minmax(300px, .8fr) minmax(0, 1.2fr); gap: 7vw; padding: clamp(100px, 12vw, 170px) var(--gutter); }
.proof-heading .eyebrow { color: var(--copper); }
.proof-facts { display: grid; }
.proof-facts > div { display: grid; grid-template-columns: minmax(170px, .75fr) minmax(200px, 1fr); gap: 30px; align-items: baseline; padding: 32px 0; border-bottom: 1px solid var(--line); }
.proof-facts strong { color: var(--navy-800); font-size: clamp(1.5rem, 2.8vw, 2.8rem); letter-spacing: -.04em; }
.proof-facts span { color: var(--muted); }
.market-section { padding: 92px var(--gutter) 110px; background: var(--paper); }
.market-heading { display: grid; grid-template-columns: 1fr minmax(280px, .55fr); gap: 60px; align-items: end; }
.market-heading > p { margin: 0; color: var(--muted); font-size: .88rem; }
.market-context-grid { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 48px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.market-context-grid > div { min-height: 98px; padding: 20px 22px; border-right: 1px solid var(--line); }
.market-context-grid > div:first-child { padding-left: 0; }
.market-context-grid > div:last-child { border-right: 0; }
.market-context-grid span, .market-context-grid strong { display: block; }
.market-context-grid span { margin-bottom: 14px; color: var(--blue); font-size: .62rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.market-context-grid strong { font-size: .94rem; font-weight: 600; }
.market-tape { min-height: 76px; margin: 0 0 34px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.market-feed-status { margin: 16px 0; color: var(--muted); font-size: .72rem; letter-spacing: .04em; }
.market-tape.widget-loaded .market-feed-status { display: none; }
.news-section { padding: 92px var(--gutter) 86px; background: var(--paper); }
.news-heading { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); gap: 60px; align-items: end; }
.news-heading h2 { max-width: 920px; }
.news-heading > p { max-width: 520px; margin: 0 0 8px; color: var(--muted); font-size: .92rem; }
.news-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 48px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.news-card { min-width: 0; display: grid; grid-template-columns: minmax(150px, .92fr) minmax(160px, 1.08fr); gap: clamp(18px, 2vw, 30px); padding: 32px clamp(22px, 2vw, 34px); border-right: 1px solid var(--line); }
.news-card:first-child { padding-left: 0; }
.news-card:last-child { padding-right: 0; border-right: 0; }
.news-image { position: relative; min-width: 0; aspect-ratio: 1.38; margin: 0; overflow: hidden; background: var(--paper-deep); }
.news-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 58%, rgba(6,19,34,.72)); pointer-events: none; }
.news-image img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.7) contrast(.94); transition: transform .45s ease-out, filter .45s ease-out; }
.news-card:hover .news-image img { transform: scale(1.025); filter: saturate(.84) contrast(.98); }
.news-image figcaption { position: absolute; z-index: 1; right: 10px; bottom: 8px; left: 10px; color: rgba(255,255,255,.78); font-size: .48rem; line-height: 1.35; }
.news-image figcaption a:hover { color: var(--white); text-decoration: underline; }
.news-card-copy { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; }
.news-meta { display: flex; flex-wrap: wrap; gap: 6px 10px; margin: 2px 0 22px; color: var(--navy-800); font-size: .58rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.news-meta span::after { content: "·"; margin-left: 10px; color: var(--muted); }
.news-card h3 { font-size: clamp(1rem, 1.18vw, 1.24rem); font-weight: 650; letter-spacing: -.025em; line-height: 1.36; }
.news-link { display: inline-flex; align-items: center; gap: 22px; margin-top: auto; padding-top: 32px; padding-bottom: 4px; color: var(--navy-800); border-bottom: 1px solid currentColor; font-size: .82rem; font-weight: 750; }
.news-link:hover { color: var(--copper); }
.news-source { margin-top: 9px; color: var(--muted); font-size: .61rem; letter-spacing: .04em; }
.news-footer { display: flex; justify-content: space-between; align-items: center; gap: 30px; padding-top: 28px; }
.news-footer > p { display: flex; align-items: center; gap: 6px; margin: 0; color: var(--muted); font-size: .74rem; }
.news-footer > p span:first-child { color: var(--navy-700); font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.closing-section { position: relative; min-height: 620px; display: grid; align-content: center; justify-items: start; padding: 100px var(--gutter); color: var(--white); background: linear-gradient(115deg, rgba(6,19,34,.98), rgba(16,42,70,.9)), url("/assets/hero-global-trade.png") center / cover no-repeat; overflow: hidden; }
.closing-section .eyebrow { color: var(--gold); }
.closing-section h2 { max-width: 990px; margin-bottom: 42px; }
.closing-mark { position: absolute; right: 4vw; bottom: -12vw; color: rgba(255,255,255,.045); font-family: var(--font-brand); font-size: 43vw; font-weight: 800; line-height: .9; }

.page-hero { min-height: 610px; display: grid; align-items: end; padding: calc(var(--header-height) + 90px) var(--gutter) 92px; color: var(--white); background: linear-gradient(120deg, rgba(6,19,34,.97), rgba(16,42,70,.82)), url("/assets/hero-global-trade.png") center / cover no-repeat; }
.page-hero > div { width: min(1120px, 100%); }
.page-hero .eyebrow { color: var(--gold); }
.page-hero h1 { font-size: clamp(3.3rem, 6.6vw, 7rem); }
.page-hero > div > p:last-child { max-width: 740px; margin: 34px 0 0; color: rgba(255,255,255,.72); font-size: 1.12rem; }
.page-hero-about { background: linear-gradient(120deg, rgba(6,19,34,.97), rgba(34,54,65,.78)), url("/assets/hero-global-trade.png") left center / cover no-repeat; }
.page-hero-divisions { background: linear-gradient(120deg, rgba(6,19,34,.98), rgba(106,61,46,.76)), url("/assets/hero-global-trade.png") right center / cover no-repeat; }
.editorial-split { display: grid; grid-template-columns: minmax(180px,.42fr) minmax(0,1.58fr); gap: 8vw; padding: clamp(100px, 12vw, 170px) var(--gutter); background: var(--paper); }
.editorial-split > div:first-child { display: flex; gap: 20px; color: var(--muted); font-size: .78rem; letter-spacing: .11em; text-transform: uppercase; }
.editorial-split > div:first-child span { color: var(--copper); }
.editorial-split h2 { max-width: 1050px; }
.editorial-split > div:last-child > p { max-width: 760px; margin: 34px 0 0; color: var(--muted); font-size: 1.05rem; }
.purpose-band { display: grid; grid-template-columns: 1fr 1fr; background: var(--navy-950); }
.purpose-band article { min-height: 480px; display: grid; align-content: end; padding: 64px var(--gutter); color: var(--white); border-right: 1px solid var(--line-light); }
.purpose-band article > p { color: var(--gold); font-size: .72rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.purpose-band h2 { font-size: clamp(2rem, 3.7vw, 4rem); }
.values-section { padding: clamp(100px, 12vw, 170px) var(--gutter); }
.value-lines { margin-top: 70px; border-top: 1px solid var(--line); }
.value-lines > div { display: grid; grid-template-columns: 70px minmax(180px,.55fr) minmax(260px,1fr); gap: 30px; align-items: center; min-height: 116px; border-bottom: 1px solid var(--line); }
.value-lines span { color: var(--copper); font-size: .75rem; }
.value-lines h3 { font-size: 1.65rem; }
.value-lines p { margin: 0; color: var(--muted); }
.company-family-section { padding: clamp(100px, 12vw, 170px) var(--gutter); color: var(--white); background: var(--navy-900); }
.family-list { margin-top: 66px; border-top: 1px solid var(--line-light); }
.family-list > div { display: grid; grid-template-columns: minmax(240px,.7fr) minmax(300px,1.3fr); gap: 60px; padding: 28px 0; border-bottom: 1px solid var(--line-light); }
.family-list strong { font-size: 1.25rem; }
.family-list p { max-width: 740px; margin: 0; color: rgba(255,255,255,.64); }

.brief-page { color: var(--white); background: var(--navy-950); }
.brief-hero { min-height: 86svh; display: grid; align-content: center; padding: calc(var(--header-height) + 60px) var(--gutter) 80px; background: linear-gradient(125deg, #0a1f38 0%, #173f6d 46%, #75404c 100%); }
.brief-hero .eyebrow { color: var(--gold); }
.brief-hero h1 { max-width: 1180px; }
.brief-hero > p:last-child { max-width: 650px; margin: 36px 0 0; color: rgba(255,255,255,.68); font-size: 1.12rem; }
.brief-scroll { padding: 0 var(--gutter); }
.brief-chapter { min-height: 620px; display: grid; grid-template-columns: 70px 160px minmax(300px,1fr) minmax(260px,.7fr); gap: 40px; align-items: center; border-top: 1px solid var(--line-light); }
.brief-chapter > span { color: var(--gold); font-size: .72rem; }
.brief-chapter > p { color: rgba(255,255,255,.5); font-size: .72rem; letter-spacing: .13em; text-transform: uppercase; }
.brief-chapter h2 { font-size: clamp(2.5rem, 4.4vw, 4.8rem); }
.brief-chapter div p { color: rgba(255,255,255,.68); }
.brief-divisions { padding: 120px var(--gutter); color: var(--ink); background: var(--paper); }
.brief-divisions ol { margin: 62px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.brief-divisions li a { min-height: 104px; display: grid; grid-template-columns: 70px 1fr 44px; gap: 26px; align-items: center; border-bottom: 1px solid var(--line); }
.brief-divisions li span { color: var(--copper); font-size: .74rem; }
.brief-divisions li strong { font-size: clamp(1.3rem, 2vw, 2rem); }
.brief-divisions li i { font-style: normal; }
.brief-end { min-height: 650px; display: grid; align-content: center; justify-items: start; padding: 100px var(--gutter); background: linear-gradient(120deg, #102a46, #70404e); }
.brief-end > p { color: var(--gold); font-size: .72rem; letter-spacing: .15em; text-transform: uppercase; }
.brief-end h2 { margin-bottom: 42px; }

.division-catalog { padding: 0 var(--gutter) 120px; background: var(--paper); }
.catalog-entry { min-height: 250px; display: grid; grid-template-columns: 64px minmax(250px,.75fr) minmax(300px,1fr) auto; gap: 34px; align-items: center; border-bottom: 1px solid var(--line); }
.catalog-entry > span { color: var(--copper); font-size: .74rem; }
.catalog-entry div > p { margin: 0 0 10px; color: var(--muted); font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; }
.catalog-entry h2 { font-size: clamp(1.8rem, 3vw, 3.3rem); }
.catalog-entry > p { margin: 0; color: var(--muted); }
.catalog-entry > a { padding-bottom: 5px; border-bottom: 1px solid currentColor; font-size: .82rem; font-weight: 700; white-space: nowrap; }
.division-page { --division-accent: var(--copper); }
.division-page.accent-steel { --division-accent: var(--steel); }.division-page.accent-gold { --division-accent: var(--gold); }.division-page.accent-green { --division-accent: var(--green); }.division-page.accent-blue { --division-accent: var(--navy-700); }.division-page.accent-navy { --division-accent: var(--navy-800); }
.division-hero { min-height: 740px; display: grid; grid-template-columns: minmax(180px,.42fr) minmax(0,1.58fr); gap: 7vw; align-items: end; padding: calc(var(--header-height) + 90px) var(--gutter) 100px; color: var(--white); background: linear-gradient(125deg, var(--navy-950), var(--navy-800)); }
.division-hero-number { align-self: start; color: var(--division-accent); font-size: clamp(7rem, 18vw, 18rem); font-weight: 500; letter-spacing: -.08em; line-height: .8; opacity: .72; }
.division-hero .eyebrow { color: var(--division-accent); }
.division-hero h1 { max-width: 1050px; font-size: clamp(3.2rem, 6.2vw, 6.7rem); }
.division-hero > div:last-child > p:not(.eyebrow) { max-width: 760px; margin: 32px 0; color: rgba(255,255,255,.7); font-size: 1.08rem; }
.division-focus { display: grid; grid-template-columns: minmax(260px,.7fr) minmax(0,1.3fr); gap: 7vw; padding: clamp(100px, 12vw, 170px) var(--gutter); background: var(--paper); }
.division-focus ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.division-focus li { min-height: 92px; display: grid; grid-template-columns: 60px 1fr; gap: 24px; align-items: center; border-bottom: 1px solid var(--line); }
.division-focus li span { color: var(--division-accent); font-size: .72rem; }
.division-focus li strong { font-size: 1.15rem; font-weight: 600; }
.division-proof { min-height: 520px; display: grid; align-content: center; padding: 100px var(--gutter); color: var(--white); background: var(--division-accent); }
.division-proof p { font-size: .72rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.division-proof h2 { max-width: 1050px; }
.transaction-path { padding: clamp(100px, 12vw, 170px) var(--gutter); }
.transaction-path ol { display: grid; grid-template-columns: repeat(4,1fr); margin: 68px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.transaction-path li { min-height: 290px; padding: 28px 28px 28px 0; border-right: 1px solid var(--line); }
.transaction-path li + li { padding-left: 28px; }
.transaction-path li span { display: block; margin-bottom: 70px; color: var(--copper); font-size: .72rem; }
.transaction-path li strong { display: block; font-size: 1.15rem; }
.transaction-path li p { margin: 18px 0 0; color: var(--muted); font-size: .9rem; }
.next-division { display: flex; justify-content: space-between; gap: 24px; padding: 36px var(--gutter); color: var(--white); background: var(--navy-950); }

.content-hero { background: linear-gradient(120deg, rgba(6,19,34,.98), rgba(80,68,62,.7)), url("/assets/hero-global-trade.png") center / cover no-repeat; }
.content-market { padding: 32px var(--gutter); background: var(--paper); }
.content-market > p { margin: 0; color: var(--muted); font-size: .7rem; letter-spacing: .13em; text-transform: uppercase; }
.content-chapters { padding: 0 var(--gutter); }
.content-chapters article { min-height: 460px; display: grid; grid-template-columns: 70px minmax(320px,1fr) minmax(260px,.75fr); gap: 6vw; align-items: center; border-bottom: 1px solid var(--line); }
.content-chapters article > span { color: var(--copper); font-size: .74rem; }
.content-chapters h2 { font-size: clamp(2.2rem, 4vw, 4.3rem); }
.content-chapters article div > p:last-child { max-width: 700px; margin: 28px 0 0; color: var(--muted); }
.content-chapters ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.content-chapters li { padding: 14px 0; border-bottom: 1px solid var(--line); color: var(--muted); }
.content-cta { min-height: 540px; display: grid; align-content: center; justify-items: start; padding: 100px var(--gutter); color: var(--white); background: var(--navy-900); }
.content-cta > p { color: var(--gold); font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; }
.content-cta h2 { margin-bottom: 38px; }

.contact-hero { display: grid; grid-template-columns: minmax(320px,1.2fr) minmax(280px,.8fr); gap: 7vw; align-items: end; padding: calc(var(--header-height) + 100px) var(--gutter) 100px; background: var(--paper); }
.contact-hero h1 { font-size: clamp(3.4rem, 6.2vw, 6.8rem); }
.contact-hero > p { margin: 0 0 12px; color: var(--muted); font-size: 1.08rem; }
.contact-form-section { display: grid; grid-template-columns: minmax(280px,.7fr) minmax(0,1.3fr); gap: 7vw; padding: 96px var(--gutter) 130px; }
.contact-guidance ol { margin: 32px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.contact-guidance li { display: grid; grid-template-columns: 44px 1fr; gap: 18px; padding: 24px 0; border-bottom: 1px solid var(--line); }
.contact-guidance li span { color: var(--copper); font-size: .72rem; }
.contact-guidance li p { margin: 0; color: var(--muted); }
.contact-guidance li strong { display: block; margin-bottom: 7px; color: var(--ink); }
.contact-note { margin-top: 34px; padding: 22px; color: var(--white); background: var(--navy-900); }
.contact-note p { margin: 8px 0 0; color: rgba(255,255,255,.66); font-size: .88rem; }
.opportunity-form { display: grid; gap: 22px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.opportunity-form label { display: grid; gap: 9px; }
.opportunity-form label > span { color: var(--muted); font-size: .76rem; font-weight: 700; }
.opportunity-form input, .opportunity-form select, .opportunity-form textarea { width: 100%; min-height: 54px; padding: 13px 14px; color: var(--ink); background: var(--white); border: 1px solid rgba(16,24,32,.28); border-radius: 0; outline: 0; }
.opportunity-form textarea { min-height: 180px; resize: vertical; }
.opportunity-form input:focus, .opportunity-form select:focus, .opportunity-form textarea:focus { border-color: var(--navy-700); box-shadow: 0 0 0 3px rgba(29,73,111,.13); }
.opportunity-form [aria-invalid="true"] { border-color: #a43f35; }
.consent-row { grid-template-columns: 22px 1fr !important; align-items: start; }
.consent-row input { width: 20px; min-height: 20px; margin: 1px 0 0; accent-color: var(--navy-800); }
.form-status { display: none; padding: 14px 16px; font-size: .9rem; font-weight: 600; }
.form-status.visible { display: block; }
.form-status.success { color: #174c36; background: #e4f1e9; }.form-status.error { color: #7a261f; background: #f7e7e4; }
.not-found { min-height: 70vh; display: grid; align-content: center; justify-items: start; padding: calc(var(--header-height) + 80px) var(--gutter) 100px; background: var(--paper); }
.not-found h1 { max-width: 980px; margin-bottom: 38px; }

.site-footer { padding: 80px var(--gutter) 28px; color: var(--white); background: var(--navy-950); }
.footer-top { display: grid; grid-template-columns: 1fr 1fr; gap: 7vw; padding-bottom: 72px; border-bottom: 1px solid var(--line-light); }
.footer-wordmark { font-size: clamp(2.7rem, 5vw, 5rem); }
.footer-top > div:first-child p { max-width: 440px; margin: 18px 0 0; color: rgba(255,255,255,.56); }
.footer-cta p { max-width: 520px; color: rgba(255,255,255,.72); font-size: 1.15rem; }
.footer-cta a { width: fit-content; display: flex; gap: 40px; padding-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,.6); font-weight: 700; }
.footer-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 6vw; padding: 64px 0; }
.footer-grid nav { display: grid; align-content: start; }
.footer-grid nav > p { margin-bottom: 18px; color: var(--gold); font-size: .68rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.footer-grid a { width: fit-content; padding: 7px 0; color: rgba(255,255,255,.67); font-size: .88rem; }
.footer-grid a:hover { color: var(--white); }
.footer-bottom { display: grid; grid-template-columns: 1fr 1.5fr auto; gap: 30px; padding-top: 24px; color: rgba(255,255,255,.45); border-top: 1px solid var(--line-light); font-size: .7rem; }

@keyframes heroDrift { from { transform: scale(1.02) translateX(-.5%); } to { transform: scale(1.075) translateX(1%); } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }

@media (max-width: 1060px) {
  .brief-button span:nth-child(2) { display: none; }
  .brief-button { width: 50px; padding: 0; justify-content: center; }
  .brief-button span:last-child { display: none; }
  .global-menu-grid { grid-template-columns: repeat(3,1fr); }
  .menu-brand-block { display: none; }
  .division-row { grid-template-columns: 54px minmax(230px,.8fr) minmax(280px,1.2fr) 44px; }
  .global-section, .project-lens-section, .proof-section { grid-template-columns: 1fr; }
  .world-map { min-height: 440px; }
  .project-panorama { min-height: 500px; }
  .catalog-entry { grid-template-columns: 52px minmax(240px,.8fr) minmax(300px,1.2fr); padding: 40px 0; }
  .catalog-entry > a { grid-column: 2; }
  .brief-chapter { grid-template-columns: 56px 130px 1fr; }
  .brief-chapter > div { grid-column: 3; }
  .transaction-path ol { grid-template-columns: 1fr 1fr; }
  .transaction-path li:nth-child(2) { border-right: 0; }.transaction-path li:nth-child(n+3) { border-top: 1px solid var(--line); }
  .news-heading { grid-template-columns: 1fr; gap: 22px; }
  .news-grid { grid-template-columns: 1fr; }
  .news-card { grid-template-columns: minmax(180px, .72fr) minmax(0, 1.28fr); padding: 28px 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .news-card:last-child { border-bottom: 0; }
  .news-image { aspect-ratio: 1.48; }
}

@media (max-width: 760px) {
  :root { --header-height: 70px; --gutter: 20px; }
  .site-header { padding-block: 8px; }
  .menu-button { width: 46px; height: 46px; }
  .header-edge-left { gap: 7px; }
  .brand-mark { width: 42px; height: 42px; display: grid; }
  .brand-mark-crop { width: 40px; height: 40px; background-size: contain; background-position: center; }
  .locale-button { width: 46px; min-height: 46px; padding: 0; justify-content: center; }
  .locale-button > span:first-child { display: none; }
  .center-wordmark { font-size: 1.75rem; }
  .brief-button { width: 46px; min-height: 46px; }
  .global-menu { padding-top: 14px; }
  .global-menu-top { grid-template-columns: 1fr auto; }
  .menu-wordmark { justify-self: end; font-size: 1.7rem; }
  .menu-contact { display: none; }
  .global-menu-grid { grid-template-columns: 1fr; gap: 28px; padding: 42px 0; }
  .menu-column > p { margin-bottom: 10px; }
  .menu-column a { padding: 5px 0; font-size: 1.12rem; }
  .global-menu-bottom { display: grid; }
  .home-hero { min-height: 800px; }
  .home-hero-content { width: calc(100% - 2 * var(--gutter)); padding-bottom: 215px; }
  .home-hero h1 { font-size: clamp(3.15rem, 14vw, 4.8rem); }
  .hero-copy { margin: 26px 0 30px; font-size: 1rem; }
  .scroll-cue { display: none; }
  .priority-rail { bottom: 24px; width: calc(100% - 2 * var(--gutter)); grid-template-columns: 1fr auto; }
  .priority-index { display: none; }
  .statement-section, .editorial-split { grid-template-columns: 1fr; gap: 44px; }
  .division-index { padding-inline: var(--gutter); }
  .division-row { min-height: 150px; grid-template-columns: 42px 1fr 42px; gap: 14px; }
  .division-row p { grid-column: 2 / 4; }
  .division-arrow { grid-column: 3; grid-row: 1; }
  .world-map { min-height: 330px; margin-top: 30px; }
  .map-point b { display: none; }
  .map-detail { margin-top: 42px; }
  .project-panorama { min-height: 390px; box-shadow: 12px 12px 0 var(--paper-deep); }
  .panorama-caption { right: 20px; bottom: 20px; left: 20px; display: grid; }
  .proof-facts > div { grid-template-columns: 1fr; gap: 10px; }
  .market-heading { grid-template-columns: 1fr; gap: 22px; }
  .market-context-grid { grid-template-columns: repeat(2, 1fr); }
  .market-context-grid > div:nth-child(2) { border-right: 0; }
  .market-context-grid > div:first-child { padding-left: 22px; }
  .market-context-grid > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .news-section { padding-top: 72px; padding-bottom: 68px; }
  .news-card { grid-template-columns: 1fr; }
  .news-image { aspect-ratio: 1.5; }
  .news-link { margin-top: 26px; padding-top: 0; }
  .news-footer { display: grid; align-items: start; }
  .news-footer > p { order: -1; flex-wrap: wrap; }
  .page-hero { min-height: 590px; padding-bottom: 64px; }
  .page-hero h1 { font-size: clamp(3rem, 12vw, 5rem); }
  .purpose-band { grid-template-columns: 1fr; }
  .purpose-band article { min-height: 380px; border-right: 0; border-bottom: 1px solid var(--line-light); }
  .value-lines > div { grid-template-columns: 44px 1fr; padding: 22px 0; }
  .value-lines p { grid-column: 2; }
  .family-list > div { grid-template-columns: 1fr; gap: 12px; }
  .brief-hero { min-height: 720px; }
  .brief-chapter { min-height: 520px; grid-template-columns: 44px 1fr; gap: 22px; align-content: center; }
  .brief-chapter > p { grid-column: 2; }
  .brief-chapter h2 { grid-column: 1 / 3; }
  .brief-chapter > div { grid-column: 1 / 3; }
  .catalog-entry { grid-template-columns: 42px 1fr; gap: 18px; }
  .catalog-entry > p, .catalog-entry > a { grid-column: 2; }
  .division-hero { min-height: 700px; grid-template-columns: 1fr; gap: 20px; align-content: end; }
  .division-hero-number { position: absolute; top: 140px; right: 20px; font-size: 10rem; opacity: .18; }
  .division-focus { grid-template-columns: 1fr; }
  .transaction-path ol { grid-template-columns: 1fr; }
  .transaction-path li, .transaction-path li + li { min-height: auto; padding: 28px 0; border-right: 0; border-top: 1px solid var(--line); }
  .transaction-path li span { margin-bottom: 28px; }
  .content-chapters article { grid-template-columns: 44px 1fr; gap: 22px; padding: 62px 0; }
  .content-chapters article div, .content-chapters article ul { grid-column: 2; }
  .contact-hero, .contact-form-section { grid-template-columns: 1fr; }
  .contact-hero { padding-top: calc(var(--header-height) + 70px); }
  .form-grid { grid-template-columns: 1fr; }
  .footer-top, .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom { grid-template-columns: 1fr; }
}