/* ZooBC Foundation production translation.
 * This file loads after the legacy stylesheet while the public site is moved
 * onto the approved grid and visual language page by page.
 */

:root,
[data-theme="light"] {
  color-scheme: light;
  --z-ink: #070a10;
  --z-midnight: #0b1420;
  --z-graphite: #34383d;
  --z-taupe: #8b8276;
  --z-stone: #c5bcae;
  --z-bone: #e7dfd3;
  --z-paper: #f8f3e9;
  --z-cyan: #2caeea;
  --z-magenta: #d447bd;
  --z-muted: #596266;
  --z-line: rgba(7, 10, 16, .17);
  --z-surface: #f8f3e9;
  --z-surface-alt: #e7dfd3;
  --z-surface-strong: #c5bcae;
  --z-button: #101820;
  --z-button-text: #f8f3e9;
  --z-header: rgba(248, 243, 233, .94);
  --z-shadow: 0 24px 60px rgba(26, 31, 35, .14);
  --z-shell: min(1480px, calc(100% - 80px));
  --z-gutter: clamp(20px, 2vw, 32px);
  --font-sans: "Space Grotesk", sans-serif;
  --font-serif: "Space Grotesk", sans-serif;
  --font-mono: "IBM Plex Mono", monospace;
  --ink: var(--z-ink);
  --ink-muted: var(--z-muted);
  --ink-faint: #6c7477;
  --bg: var(--z-paper);
  --bg-elev-1: #eee7dc;
  --bg-elev-2: #e1d9ce;
  --bg-elev-3: var(--z-stone);
  --line: var(--z-line);
  --line-strong: rgba(7, 10, 16, .34);
  --accent: #147fa9;
  --accent-strong: #0e607f;
  --accent-soft: #ded5c8;
  --amber: var(--z-magenta);
  --green: var(--z-cyan);
  --red: var(--z-magenta);
  --violet: var(--z-magenta);
  --radius-sm: 0;
  --radius: 0;
  --radius-lg: 0;
  --page-max: 1480px;
  --fs-xs: .8125rem;
  --fs-sm: .9375rem;
  --fs-md: 1.0625rem;
  --fs-lg: 1.25rem;
}

[data-theme="dark"] {
  color-scheme: dark;
  --z-ink: #f8f3e9;
  --z-midnight: #070a10;
  --z-graphite: #b9b4ad;
  --z-taupe: #746e67;
  --z-stone: #292d32;
  --z-bone: #171b20;
  --z-paper: #0b1017;
  --z-muted: #b3b8b9;
  --z-line: rgba(248, 243, 233, .2);
  --z-surface: #0b1017;
  --z-surface-alt: #151a21;
  --z-surface-strong: #22272d;
  --z-button: #f8f3e9;
  --z-button-text: #070a10;
  --z-header: rgba(11, 16, 23, .94);
  --z-shadow: 0 28px 68px rgba(0, 0, 0, .44);
  --ink-faint: #8e9597;
  --bg-elev-1: #151a21;
  --bg-elev-2: #1d2229;
  --bg-elev-3: #292d32;
  --line-strong: rgba(248, 243, 233, .38);
  --accent: #55c9f7;
  --accent-strong: #8ddfff;
  --accent-soft: #25313a;
}

html { background: var(--z-paper); }
body { background: var(--z-paper); color: var(--z-ink); font-family: var(--font-sans); font-size: clamp(1.0625rem, 1.01rem + .16vw, 1.16rem); line-height: 1.6; }
h1, h2, h3, h4, h5, h6 { color: var(--z-ink); font-family: var(--font-sans); text-wrap: balance; }
p, li, dd { text-wrap: pretty; }
a { color: inherit; }
a:hover { color: inherit; }
:focus-visible { outline: 2px solid var(--z-cyan); outline-offset: 4px; border-radius: 0; }
::selection { color: #070a10; background: #7ce1ff; }

.zbc-shell { width: var(--z-shell); margin-inline: auto; }
.cube-marker { display: inline-block; width: 18px; height: 21px; flex: 0 0 auto; background: linear-gradient(145deg, var(--z-cyan), var(--z-magenta)); -webkit-mask: url("/assets/icons/zoobc-cube-mark.svg") center / contain no-repeat; mask: url("/assets/icons/zoobc-cube-mark.svg") center / contain no-repeat; }
.zbc-kicker { margin: 0 0 30px; color: var(--z-cyan); font: 600 clamp(.78rem, .75rem + .1vw, .9rem)/1.4 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; }
.zbc-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 16px 24px; margin-top: 38px; }
.zbc-button { position: relative; display: inline-flex; min-height: 54px; align-items: center; justify-content: center; padding: 0 23px; border: 1px solid var(--z-ink); border-radius: 0; font: 600 .85rem/1 var(--font-mono); letter-spacing: .06em; text-transform: uppercase; transition: color 180ms ease, background 180ms ease, border-color 180ms ease, transform 180ms ease; }
.zbc-button-primary { overflow: hidden; color: var(--z-button-text); background: var(--z-button); border-color: var(--z-button); }
.zbc-button-primary::before { position: absolute; inset: 0 0 auto; height: 2px; content: ""; background: linear-gradient(90deg, var(--z-cyan), var(--z-magenta)); }
.zbc-button-primary:hover { color: #070a10; background: #7ce1ff; border-color: #7ce1ff; text-decoration: none; transform: translateY(-2px); }
.zbc-button-secondary { background: transparent; color: var(--z-ink); }
.zbc-button-secondary:hover { background: var(--z-surface-alt); border-color: var(--z-cyan); text-decoration: none; transform: translateY(-2px); }
.zbc-text-link { display: inline-flex; align-items: center; width: fit-content; min-height: 42px; padding-block: 4px; border-bottom: 1px solid currentColor; font: 600 .86rem/1.3 var(--font-mono); letter-spacing: .045em; text-transform: uppercase; }
.zbc-text-link:hover { color: var(--z-cyan); border-color: currentColor; text-decoration: none; }

/* Shared site shell */
.site-header { position: relative; top: auto; z-index: 50; padding: 0; background: var(--z-header); border-bottom: 1px solid var(--z-line); backdrop-filter: blur(16px); }
.site-header-inner { display: grid; width: var(--z-shell); max-width: none; min-height: 92px; margin: 0 auto; padding: 0; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--z-gutter); }
.site-brand { grid-column: 1 / span 2; gap: 11px; min-height: 48px; color: var(--z-ink); }
.zbcf-logo-mark { width: 25px; height: 31px; }
.brand-name { gap: 4px; line-height: 1; }
.brand-title { color: var(--z-ink); font-size: 1rem; font-weight: 600; letter-spacing: -.04em; }
.brand-sub { color: var(--z-muted); font: 500 .55rem/1 var(--font-mono); letter-spacing: .13em; text-transform: uppercase; }
.site-nav { grid-column: 3 / span 7; display: flex; justify-content: center; gap: clamp(5px, .35vw, 9px); }
.site-nav a { padding: 13px 10px; color: var(--z-muted); border-radius: 0; font: 600 .73rem/1 var(--font-mono); letter-spacing: .035em; text-transform: uppercase; }
.site-nav a:hover, .site-nav a.is-active { color: var(--z-ink); background: transparent; text-decoration: underline; text-decoration-color: var(--z-cyan); text-underline-offset: 8px; }
.header-tools { grid-column: 10 / span 3; justify-self: end; gap: 10px; }
.theme-toggle { width: 46px; height: 46px; border-radius: 0; color: var(--z-ink); border-color: var(--z-line); background: transparent; }
.theme-toggle:hover { color: var(--z-ink); border-color: var(--z-cyan); background: var(--z-surface-alt); }
.site-cta { display: inline-flex; min-height: 46px; align-items: center; padding: 0 16px; color: var(--z-button-text); border: 1px solid var(--z-button); border-radius: 0; background: var(--z-button); font: 600 .73rem/1 var(--font-mono); letter-spacing: .04em; text-transform: uppercase; }
.site-cta:hover { color: #070a10; border-color: #7ce1ff; background: #7ce1ff; text-decoration: none; }
.header-tools .btn { min-height: 46px; padding-inline: 12px; border-radius: 0; color: var(--z-ink); font: 600 .73rem/1 var(--font-mono); text-transform: uppercase; }
.nav-toggle { position: relative; display: none; width: 46px; height: 46px; padding: 0; border-radius: 0; color: var(--z-ink); }
.nav-toggle span { position: absolute; left: 12px; width: 20px; height: 1px; background: currentColor; transform-origin: center; transition: top 180ms ease, transform 180ms ease, opacity 140ms ease; }
.nav-toggle span:nth-child(1) { top: 15px; }
.nav-toggle span:nth-child(2) { top: 22px; }
.nav-toggle span:nth-child(3) { top: 29px; }
.nav-toggle[aria-expanded="true"] span:nth-child(1) { top: 22px; transform: rotate(45deg); }
.nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.nav-toggle[aria-expanded="true"] span:nth-child(3) { top: 22px; transform: rotate(-45deg); }
.mobile-nav-cta { display: none !important; }

/* Hero */
.home-hero { position: relative; min-height: calc(100svh - 92px); overflow: hidden; isolation: isolate; background: #c9c3b8; }
.home-hero-media { position: absolute; inset: 0; z-index: -3; overflow: hidden; width: 100%; height: 100%; pointer-events: none; }
.home-hero-media iframe { position: absolute; top: 50%; left: 50%; width: 100vw; height: 56.25vw; min-width: 177.78vh; min-height: 100%; border: 0; transform: translate(-50%, -50%) scale(1.18); pointer-events: none; }
.home-hero-wash { position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, rgba(242,238,230,.56) 0%, rgba(242,238,230,.28) 48%, rgba(242,238,230,.03) 76%); }
[data-theme="dark"] .home-hero-wash { background: linear-gradient(90deg, rgba(7,10,16,.68), rgba(7,10,16,.28) 60%, rgba(7,10,16,.1)); }
.home-hero-grid { display: grid; min-height: calc(100svh - 92px); align-items: end; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--z-gutter); padding: clamp(90px, 9vw, 150px) 0 clamp(100px, 9vw, 138px); }
.home-hero-folio { grid-column: 1 / span 7; padding: clamp(40px, 4.5vw, 70px); background: rgba(248,243,233,.95); border: 1px solid rgba(7,10,16,.17); box-shadow: var(--z-shadow); }
[data-theme="dark"] .home-hero-folio { background: rgba(11,16,23,.94); border-color: var(--z-line); }
.home-hero h1 { margin: 0; font-size: clamp(4.1rem, 6.1vw, 7.35rem); font-weight: 500; line-height: .88; letter-spacing: -.072em; }
.home-hero h1 span, .home-split h2 span, .home-section-head h2 span, .home-closing h2 span { display: block; }
.home-hero h1 .quiet { color: #7a8386; }
[data-theme="dark"] .home-hero h1 .quiet { color: #92999b; }
.home-hero-lead { max-width: 64ch; margin: 38px 0 0; color: var(--z-muted); font-size: clamp(1.1rem, 1.25vw, 1.35rem); line-height: 1.6; }
.home-hero-path { grid-column: 9 / span 4; padding: 34px 38px; color: var(--z-ink); border: 1px solid rgba(7,10,16,.17); background: rgba(248,243,233,.9); box-shadow: var(--z-shadow); }
[data-theme="dark"] .home-hero-path { border-color: var(--z-line); background: rgba(11,16,23,.9); }
.home-hero-path > div { display: grid; min-height: 92px; align-content: center; padding: 22px 0; grid-template-columns: 26px 1fr; column-gap: 15px; border-bottom: 1px solid var(--z-line); }
.home-hero-path > div:last-child { border: 0; }
.home-hero-path .cube-marker { grid-row: 1 / span 2; margin-top: 2px; }
.home-hero-path strong { font-size: 1.05rem; font-weight: 600; }
.home-hero-path small { margin-top: 7px; color: var(--z-muted); font: 500 .8rem/1.5 var(--font-mono); }
.home-horizon { position: absolute; right: 0; bottom: 70px; left: 0; height: 2px; background: linear-gradient(90deg, transparent, var(--z-cyan) 30%, var(--z-magenta) 76%, transparent); }

/* Full-bleed alternating editorial splits */
.home-split { display: grid; min-height: 880px; grid-template-columns: 8fr 4fr; background: var(--z-surface); }
.home-split-reverse { grid-template-columns: 4fr 8fr; background: var(--z-surface-alt); }
.home-split-copy { display: flex; align-items: center; min-width: 0; }
.home-split-copy-inner { width: min(100%, 980px); margin-left: max(40px, calc((100vw - min(1480px, calc(100vw - 80px))) / 2)); padding: clamp(90px, 9vw, 150px) clamp(42px, 6vw, 100px) clamp(90px, 9vw, 150px) 0; }
.home-split-reverse .home-split-copy-inner { margin-right: max(40px, calc((100vw - min(1480px, calc(100vw - 80px))) / 2)); margin-left: 0; padding-right: 0; padding-left: clamp(42px, 6vw, 100px); }
.home-split h2 { max-width: 14ch; margin: 0; font-size: clamp(3.6rem, 5.6vw, 7.25rem); font-weight: 500; line-height: .9; letter-spacing: -.068em; }
.home-copy-columns { display: grid; margin-top: 58px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--z-gutter); padding-top: 32px; border-top: 1px solid var(--z-line); }
.home-copy-columns p { margin: 0; color: var(--z-muted); font-size: clamp(1.05rem, 1.1vw, 1.2rem); line-height: 1.65; }
.home-statement { max-width: 22ch; margin: 64px 0 24px; font-size: clamp(1.65rem, 2.5vw, 3rem); line-height: 1.08; letter-spacing: -.04em; }
.home-statement span { color: #147fa9; }
[data-theme="dark"] .home-statement span { color: #55c9f7; }
.home-split-media { min-width: 0; min-height: 100%; margin: 0; overflow: hidden; }
.home-split-media img { width: 100%; height: 100%; max-width: none; object-fit: cover; }

/* Full-bleed isometric network chapter. The blue field is the container. */
.home-network { overflow: hidden; color: #f8f3e9; background: #0a3550; }
.home-network .zbc-kicker { color: #7ce1ff; }
.home-network-head { display: grid; align-items: end; padding: clamp(100px, 9vw, 150px) 0 clamp(60px, 6vw, 92px); grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--z-gutter); }
.home-network-head > div { grid-column: 1 / span 7; min-width: 0; }
.home-network-head > p { grid-column: 9 / span 4; max-width: 36ch; margin: 0; color: rgba(248,243,233,.76); font-size: clamp(1.05rem, 1.2vw, 1.22rem); line-height: 1.65; }
.home-network h2 { margin: 0; color: #f8f3e9; font-size: clamp(3.4rem, 5vw, 6.5rem); font-weight: 500; line-height: .9; letter-spacing: -.067em; }
.home-network h2 span { display: block; }
.home-network-stage { position: relative; height: min(78svh, 850px); min-height: 650px; overflow: hidden; isolation: isolate; background: linear-gradient(180deg, rgba(4,22,34,.1), rgba(4,22,34,.3)); cursor: crosshair; }
.home-network-canvas { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.home-network-hud { position: absolute; inset: 28px 40px auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; pointer-events: none; }
.home-network-hud p, .home-network-event > span { margin: 0; color: rgba(248,243,233,.74); font: 600 .82rem/1.45 var(--font-mono); letter-spacing: .055em; text-transform: uppercase; }
.home-network-state { display: flex; align-items: center; gap: 12px; color: #f8f3e9 !important; }
.home-network-state .cube-marker { width: 16px; height: 18px; }
.home-network-event { position: absolute; right: 40px; bottom: 35px; width: min(440px, 42%); pointer-events: none; }
.home-network-event > span { display: block; margin-bottom: 10px; color: #7ce1ff; }
.home-network-event p { margin: 0; color: #f8f3e9; font-size: clamp(1rem, 1.25vw, 1.18rem); line-height: 1.55; }
.home-network-motion { position: absolute; bottom: 35px; left: 40px; min-width: 128px; min-height: 48px; padding: 0 18px; color: #f8f3e9; border: 1px solid rgba(248,243,233,.55); border-radius: 0; background: transparent; font: 600 .78rem/1 var(--font-mono); letter-spacing: .055em; text-transform: uppercase; }
.home-network-motion:hover, .home-network-motion:focus-visible { color: #070a10; border-color: #7ce1ff; outline: none; background: #7ce1ff; }
.home-network-roles { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); padding: 28px 0 54px; gap: clamp(12px, 1.6vw, 24px); }
.home-network-roles button { display: flex; min-height: 64px; align-items: center; gap: 12px; padding: 0; color: rgba(248,243,233,.62); border: 0; border-radius: 0; background: transparent; font: 600 .78rem/1.35 var(--font-mono); letter-spacing: .045em; text-align: left; text-transform: uppercase; transition: color 160ms ease; }
.home-network-roles .cube-marker { width: 14px; height: 16px; opacity: .48; transition: opacity 160ms ease; }
.home-network-roles button:hover, .home-network-roles button:focus-visible, .home-network-roles button[aria-pressed="true"] { color: #f8f3e9; outline: none; }
.home-network-roles button:hover .cube-marker, .home-network-roles button:focus-visible .cube-marker, .home-network-roles button[aria-pressed="true"] .cube-marker { opacity: 1; }

/* Evidence and route systems */
.home-evidence, .home-routes, .home-news, .home-closing { padding: clamp(100px, 10vw, 160px) 0; }
.home-evidence { background: var(--z-surface-strong); }
.home-routes { background: var(--z-surface); }
.home-news { background: var(--z-surface-alt); }
.home-section-head { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--z-gutter); align-items: end; margin-bottom: 70px; }
.home-section-head > div { grid-column: 1 / span 7; }
.home-section-head > p, .home-section-head > .zbc-text-link { grid-column: 9 / span 4; margin: 0; align-self: end; color: var(--z-muted); font-size: 1.08rem; }
.home-section-head h2, .home-closing h2 { margin: 0; font-size: clamp(3.4rem, 5vw, 6.5rem); font-weight: 500; line-height: .9; letter-spacing: -.067em; }
.home-metric-grid { display: grid; margin-bottom: 40px; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--z-line); border-left: 1px solid var(--z-line); }
.home-metric-grid .metric { min-height: 280px; padding: 34px; border: 0; border-right: 1px solid var(--z-line); border-bottom: 1px solid var(--z-line); border-radius: 0; background: rgba(248,243,233,.2); }
[data-theme="dark"] .home-metric-grid .metric { background: rgba(248,243,233,.025); }
.home-metric-grid .metric-label { color: var(--z-muted); font: 600 .82rem/1.4 var(--font-mono); letter-spacing: .07em; text-transform: uppercase; }
.home-metric-grid .metric-value { margin-top: 64px; font-family: var(--font-sans); font-size: clamp(2.25rem, 4vw, 4.8rem); font-weight: 500; letter-spacing: -.06em; }
.home-metric-grid .metric-value a { color: var(--z-ink); }
.home-metric-grid .metric-value a:hover { color: var(--z-cyan); text-decoration: none; }
.home-metric-grid .metric-sub { margin-top: 28px; color: var(--z-muted); font: 500 .78rem/1.5 var(--font-mono); }
.home-metric-grid .pulse { display: inline-block; width: 12px; height: 14px; margin-right: 8px; border-radius: 0; background: linear-gradient(145deg, var(--z-cyan), var(--z-magenta)); -webkit-mask: url("/assets/icons/zoobc-cube-mark.svg") center / contain no-repeat; mask: url("/assets/icons/zoobc-cube-mark.svg") center / contain no-repeat; animation: none; }
.home-route-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--z-gutter); }
.home-route { display: flex; min-height: 460px; padding: clamp(30px, 3vw, 48px); flex-direction: column; border: 1px solid var(--z-line); background: rgba(255,255,255,.2); transition: box-shadow 180ms ease, transform 180ms ease, background 180ms ease; }
.home-route h3 { max-width: 12ch; margin: 72px 0 22px; font-size: clamp(2rem, 2.7vw, 3.25rem); font-weight: 500; line-height: .98; letter-spacing: -.05em; }
.home-route p { max-width: 35ch; margin: 0; color: var(--z-muted); font-size: 1.05rem; }
.home-route .zbc-text-link { margin-top: auto; }
@media (hover: hover) { .home-route:hover { background: var(--z-surface); box-shadow: var(--z-shadow); text-decoration: none; transform: translateY(-6px); } }

/* Real update feed */
.home-news-list { border-top: 1px solid var(--z-line); }
.home-news-item { display: grid; align-items: start; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--z-gutter); padding: 34px 0; border-bottom: 1px solid var(--z-line); }
.home-news-item time { grid-column: 1 / span 2; color: var(--z-muted); font: 600 .82rem/1.5 var(--font-mono); text-transform: uppercase; }
.home-news-item > div { grid-column: 3 / span 7; }
.home-news-item h3 { margin: 0 0 12px; font-size: clamp(1.75rem, 2.6vw, 3rem); font-weight: 500; line-height: 1; letter-spacing: -.045em; }
.home-news-item p { margin: 0; color: var(--z-muted); font-size: 1rem; }
.home-news-item > .zbc-text-link { grid-column: 11 / span 2; justify-self: end; }
.home-empty { display: grid; max-width: 850px; padding-top: 35px; grid-template-columns: 30px 1fr; gap: 12px 22px; border-top: 1px solid var(--z-line); }
.home-empty .cube-marker { grid-row: 1 / span 2; }
.home-empty h3 { margin: 0; font-size: clamp(1.8rem, 2.6vw, 3rem); font-weight: 500; letter-spacing: -.045em; }
.home-empty p { color: var(--z-muted); }

/* Closing image-backed call to action */
.home-closing { position: relative; overflow: hidden; color: #f8f3e9; background: #070a10; isolation: isolate; }
.home-closing-art { position: absolute; inset: 0; z-index: -2; background: url("/assets/images/foundation/silver-cubes.jpg") center / cover no-repeat; filter: grayscale(1) contrast(1.04); }
.home-closing::after { position: absolute; inset: 0; z-index: -1; content: ""; background: linear-gradient(90deg, rgba(7,10,16,.97) 0 48%, rgba(7,10,16,.75) 76%, rgba(7,10,16,.64)); }
.home-closing-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--z-gutter); }
.home-closing-grid > div:first-child { grid-column: 1 / span 7; }
.home-closing h2 { color: #f8f3e9; }
.home-closing-copy { grid-column: 9 / span 4; align-self: end; }
.home-closing-copy p { margin: 0; color: #c4c8c9; font-size: 1.08rem; }
.home-closing .zbc-button-primary { color: #070a10; background: #f8f3e9; border-color: #f8f3e9; }
.home-closing .zbc-button-secondary { color: #f8f3e9; border-color: rgba(248,243,233,.62); }

/* Footer */
.site-footer { padding: clamp(80px, 8vw, 120px) 0 32px; color: var(--z-ink); border-top: 1px solid var(--z-line); background: var(--z-surface); }
.site-footer .wrap { width: var(--z-shell); max-width: none; padding: 0; }
.footer-brand { margin-bottom: 62px; }
.footer-brand .zbcf-logo-mark { width: 29px; height: 35px; }
.footer-brand > div > div:first-child { font-family: var(--font-sans) !important; font-size: 1.3rem !important; font-weight: 600; letter-spacing: -.03em; }
.footer-grid { display: grid; grid-template-columns: 2.2fr repeat(4, 1fr); gap: var(--z-gutter); padding-top: 36px; border-top: 1px solid var(--z-line); }
.footer-col h5 { margin-bottom: 22px; font: 600 .82rem/1.4 var(--font-mono); letter-spacing: .06em; text-transform: uppercase; }
.footer-col li, .footer-col p { font-size: .98rem; }
.footer-col a { color: var(--z-muted); }
.footer-col a:hover { color: var(--z-cyan); }
.footer-bottom { margin-top: 64px; padding-top: 25px; color: var(--z-muted); border-top-color: var(--z-line); font: 500 .78rem/1.5 var(--font-mono); }
.network-state { display: inline-flex; align-items: center; gap: 9px; }
.network-state .cube-marker { width: 12px; height: 14px; }

@media (max-width: 1180px) {
  .site-nav { grid-column: 3 / span 6; }
  .header-tools { grid-column: 9 / span 4; }
  .site-nav a { padding-inline: 6px; font-size: .67rem; }
  .home-hero-folio { grid-column: 1 / span 8; }
  .home-hero-path { grid-column: 9 / span 4; }
}

@media (max-width: 900px) {
  :root, [data-theme="light"], [data-theme="dark"] { --z-shell: calc(100% - 40px); }
  .site-header-inner { position: relative; grid-template-columns: 1fr auto auto; }
  .site-brand { grid-column: 1; }
  .nav-toggle { display: inline-flex; grid-column: 3; }
  .header-tools { grid-column: 2; grid-row: 1; }
  .header-tools .btn { display: none; }
  .site-nav { position: absolute; top: 92px; right: -20px; left: -20px; z-index: 60; display: none; max-height: calc(100svh - 92px); padding: 0 20px 28px; grid-column: auto; flex-direction: column; align-items: stretch; overflow-y: auto; background: var(--z-surface); border-top: 1px solid var(--z-line); border-bottom: 1px solid var(--z-line); box-shadow: var(--z-shadow); }
  .site-nav.is-open { display: flex; }
  .site-nav a { display: flex; min-height: 58px; align-items: center; padding: 0; border-bottom: 1px solid var(--z-line); font-size: .86rem; }
  .site-nav a:hover, .site-nav a.is-active { text-decoration: none; }
  .site-nav .mobile-nav-cta { display: flex !important; min-height: 56px; justify-content: center; margin-top: 24px; color: var(--z-button-text); border: 1px solid var(--z-button); background: var(--z-button); }
  .site-nav .mobile-nav-cta:hover { color: #070a10; border-color: #7ce1ff; background: #7ce1ff; }
  html.nav-open, html.nav-open body { overflow: hidden; }
  .home-hero-grid { align-content: end; }
  .home-hero-folio { grid-column: 1 / span 9; }
  .home-hero-path { grid-column: 9 / span 4; padding: 24px; }
  .home-split, .home-split-reverse { min-height: auto; grid-template-columns: 1fr 1fr; }
  .home-split-copy-inner, .home-split-reverse .home-split-copy-inner { margin: 0; padding: 80px 40px; }
  .home-copy-columns { grid-template-columns: 1fr; }
  .home-network-head > div { grid-column: 1 / span 8; }
  .home-network-head > p { grid-column: 9 / span 4; }
  .home-network-roles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .home-metric-grid, .home-route-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-route:last-child { grid-column: 1 / -1; }
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 720px) {
  .site-cta { display: none; }
  .site-header-inner { display: flex; min-height: 82px; align-items: center; gap: 10px; }
  .site-brand { flex: 0 1 auto; margin-right: auto; }
  .header-tools { display: flex; flex: 0 0 auto; order: 2; }
  .nav-toggle { flex: 0 0 46px; order: 3; }
  .site-nav { top: 82px; max-height: calc(100svh - 82px); }
  .home-hero { min-height: auto; padding-top: min(52svh, 70vw); }
  .home-hero-media { inset: 0 0 auto; height: min(52svh, 70vw); }
  .home-hero-media iframe { transform: translate(-50%, -50%) scale(1.12); }
  .home-hero-wash { inset: 0 0 auto; height: min(52svh, 70vw); background: linear-gradient(90deg, rgba(242,238,230,.18), rgba(242,238,230,0)); }
  [data-theme="dark"] .home-hero-wash { background: linear-gradient(90deg, rgba(7,10,16,.2), rgba(7,10,16,0)); }
  .home-hero-grid { display: block; width: 100%; min-height: 0; padding: 0; }
  .home-hero-folio { padding: 52px 20px; border-width: 1px 0; box-shadow: none; }
  .home-hero h1 { font-size: clamp(2.05rem, 10.5vw, 4.6rem); line-height: .91; letter-spacing: -.06em; }
  .home-hero-path { margin: 0 20px 48px; box-shadow: none; }
  .home-horizon { bottom: 0; }
  .home-split, .home-split-reverse { display: flex; flex-direction: column; }
  .home-split-reverse { flex-direction: column-reverse; }
  .home-split-copy-inner, .home-split-reverse .home-split-copy-inner { padding: 82px 20px; }
  .home-split h2 { font-size: clamp(3.15rem, 15vw, 5rem); }
  .home-split-media { height: 72svh; min-height: 560px; }
  .home-copy-columns { margin-top: 42px; }
  .home-network-head { display: block; padding: 82px 0 48px; }
  .home-network-head > p { margin-top: 30px; }
  .home-network h2 { font-size: clamp(3.1rem, 14vw, 4.8rem); }
  .home-network-stage { height: 68svh; min-height: 560px; }
  .home-network-hud { inset: 20px 20px auto; align-items: flex-start; flex-direction: column; gap: 6px; }
  .home-network-event { right: 20px; bottom: 88px; left: 20px; width: auto; }
  .home-network-motion { bottom: 22px; left: 20px; }
  .home-network-roles { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 22px 0 40px; }
  .home-section-head { display: block; margin-bottom: 50px; }
  .home-section-head > p, .home-section-head > .zbc-text-link { margin-top: 30px; }
  .home-section-head h2, .home-closing h2 { font-size: clamp(3.1rem, 14vw, 4.8rem); }
  .home-metric-grid, .home-route-grid { grid-template-columns: 1fr; }
  .home-route:last-child { grid-column: auto; }
  .home-route { min-height: 390px; }
  .home-news-item { display: block; }
  .home-news-item > div { margin: 24px 0; }
  .home-news-item > .zbc-text-link { justify-self: auto; }
  .home-closing-grid { display: block; }
  .home-closing-copy { margin-top: 52px; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom { align-items: flex-start; flex-direction: column; gap: 18px; }
}

@media (prefers-reduced-motion: reduce) {
  .home-hero-media { display: none; }
  .home-hero { background: var(--z-surface-strong); }
  .home-network-stage { cursor: default; }
}

/* People page */
.people-hero { position: relative; min-height: calc(100svh - 92px); overflow: hidden; background: var(--z-surface-alt); isolation: isolate; }
.people-hero-art { position: absolute; inset: 0 0 0 58%; z-index: 0; background: url("/assets/images/foundation/silver-cubes.jpg") center / cover no-repeat; filter: grayscale(1) contrast(1.02); }
.people-hero::after { position: absolute; inset: 0; z-index: 1; content: ""; pointer-events: none; background: linear-gradient(90deg, var(--z-surface-alt) 0 54%, rgba(231,223,211,.86) 68%, rgba(231,223,211,.08)); }
[data-theme="dark"] .people-hero::after { background: linear-gradient(90deg, var(--z-surface-alt) 0 54%, rgba(21,26,33,.88) 68%, rgba(21,26,33,.12)); }
.people-hero-grid { position: relative; z-index: 2; display: grid; min-height: calc(100svh - 92px); align-items: center; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--z-gutter); padding: clamp(95px, 9vw, 150px) 0; }
.people-hero-copy { grid-column: 1 / span 7; }
.people-hero h1 { max-width: 12ch; margin: 0; font-size: clamp(4.2rem, 6.7vw, 8rem); font-weight: 500; line-height: .87; letter-spacing: -.075em; }
.people-hero h1 span, .people-section-head h2 span, .people-invitation h2 span { display: block; }
.people-hero-lead { max-width: 62ch; margin: 42px 0 0; color: var(--z-muted); font-size: clamp(1.12rem, 1.35vw, 1.38rem); line-height: 1.62; }
.people-hero-status { grid-column: 10 / span 3; align-self: end; margin-bottom: 12px; padding: 0 20px; border-top: 2px solid var(--z-ink); background: color-mix(in srgb, var(--z-surface-alt) 88%, transparent); }
.people-hero-status > div { display: grid; padding: 27px 0; grid-template-columns: 26px 1fr; gap: 6px 14px; border-bottom: 1px solid var(--z-line); }
.people-hero-status .cube-marker { grid-row: 1 / span 2; margin-top: 3px; }
.people-hero-status strong { font-size: 1.05rem; font-weight: 600; }
.people-hero-status small { color: var(--z-muted); font: 500 .8rem/1.45 var(--font-mono); }

.people-founders, .people-paths, .people-invitation { padding: clamp(100px, 10vw, 160px) 0; }
.people-founders { background: var(--z-surface); }
.people-paths { background: var(--z-surface-strong); }
.people-section-head { display: grid; align-items: end; margin-bottom: 72px; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--z-gutter); }
.people-section-head > div { grid-column: 1 / span 7; }
.people-section-head > p { grid-column: 9 / span 4; margin: 0; color: var(--z-muted); font-size: 1.08rem; line-height: 1.65; }
.people-section-head h2, .people-invitation h2 { margin: 0; font-size: clamp(3.4rem, 5.2vw, 6.7rem); font-weight: 500; line-height: .9; letter-spacing: -.068em; }

.people-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--z-gutter); }
.people-card { position: relative; display: flex; min-width: 0; flex-direction: column; color: var(--z-ink); border: 1px solid var(--z-line); background: rgba(255,255,255,.18); transition: box-shadow 180ms ease, transform 180ms ease, background 180ms ease; }
.people-card::before { position: absolute; inset: 0 0 auto; z-index: 3; height: 3px; content: ""; background: linear-gradient(90deg, var(--z-cyan), var(--z-magenta)); transform: scaleX(.12); transform-origin: left; transition: transform 200ms ease; }
.people-card-image { position: relative; aspect-ratio: 4 / 3; margin: 0; overflow: hidden; border-bottom: 1px solid var(--z-line); background: var(--z-surface-alt); }
.people-card-image img { width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center 28%; filter: saturate(.65) contrast(.97); transition: filter 260ms ease, transform 420ms cubic-bezier(.22,.72,.2,1); }
.people-card-image figcaption { position: absolute; right: 0; bottom: 0; padding: 9px 12px; color: #f8f3e9; background: rgba(7,10,16,.88); font: 600 .72rem/1 var(--font-mono); letter-spacing: .04em; text-transform: uppercase; }
.people-card-copy { display: flex; min-height: 390px; padding: clamp(28px, 2.7vw, 42px); flex-direction: column; }
.people-card-meta { display: flex; align-items: center; gap: 11px; color: var(--z-muted); font: 600 .8rem/1.4 var(--font-mono); letter-spacing: .055em; text-transform: uppercase; }
.people-card-meta .cube-marker { width: 14px; height: 16px; }
.people-card h3 { max-width: 14ch; margin: 54px 0 12px; font-size: clamp(2rem, 2.8vw, 3.25rem); font-weight: 500; line-height: .98; letter-spacing: -.055em; }
.people-card-title { min-height: 3.2em; margin: 0 0 23px; color: var(--z-ink); font: 600 .86rem/1.6 var(--font-mono); letter-spacing: .025em; text-transform: uppercase; }
.people-card-description { margin: 0 0 34px; color: var(--z-muted); font-size: 1rem; line-height: 1.65; }
.people-card .zbc-text-link { margin-top: auto; }
@media (hover: hover) {
  .people-card:hover { z-index: 2; background: var(--z-surface); box-shadow: var(--z-shadow); text-decoration: none; transform: translateY(-7px); }
  .people-card:hover::before { transform: scaleX(1); }
  .people-card:hover .people-card-image img { filter: saturate(.82) contrast(1); transform: scale(1.025); }
}

.people-path-list { border-top: 1px solid var(--z-line); }
.people-path-row { display: grid; align-items: center; min-height: 142px; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--z-gutter); border-bottom: 1px solid var(--z-line); transition: background 180ms ease; }
.people-path-row > .cube-marker { grid-column: 1; }
.people-path-row h3 { grid-column: 2 / span 3; margin: 0; font-size: clamp(1.65rem, 2.4vw, 2.9rem); font-weight: 500; letter-spacing: -.045em; }
.people-path-row p { grid-column: 5 / span 4; margin: 0; color: var(--z-muted); font-size: 1rem; }
.people-path-count { grid-column: 9 / span 2; color: var(--z-muted); font: 500 .8rem/1.5 var(--font-mono); text-transform: uppercase; }
.people-path-row > .zbc-text-link { grid-column: 11 / span 2; justify-self: end; }
.people-path-row:hover { color: var(--z-ink); background: rgba(255,255,255,.16); text-decoration: none; }

.people-invitation { position: relative; overflow: hidden; color: #f8f3e9; background: #070a10; isolation: isolate; }
.people-invitation-image { position: absolute; inset: 0; z-index: -2; background: url("/assets/images/people/contributors.jpg") center 30% / cover no-repeat; filter: grayscale(1); }
.people-invitation::after { position: absolute; inset: 0; z-index: -1; content: ""; background: linear-gradient(90deg, rgba(7,10,16,.98) 0 54%, rgba(7,10,16,.82) 78%, rgba(7,10,16,.62)); }
.people-invitation-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--z-gutter); }
.people-invitation-grid > div:first-child { grid-column: 1 / span 7; }
.people-invitation h2 { color: #f8f3e9; }
.people-invitation-copy { grid-column: 9 / span 4; align-self: end; }
.people-invitation-copy > p { margin: 0; color: #c4c8c9; font-size: 1.08rem; line-height: 1.65; }
.people-invitation .zbc-button-primary { color: #070a10; background: #f8f3e9; border-color: #f8f3e9; }
.people-invitation .zbc-text-link { color: #f8f3e9; }

@media (max-width: 1120px) {
  .people-hero-copy { grid-column: 1 / span 8; }
  .people-hero-status { grid-column: 9 / span 4; }
  .people-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .people-card:last-child { grid-column: 1 / -1; }
  .people-card:last-child .people-card-image { aspect-ratio: 2 / 1; }
  .people-path-row p { grid-column: 5 / span 5; }
  .people-path-count { display: none; }
}

@media (max-width: 720px) {
  .people-hero { min-height: auto; padding-top: 54svh; }
  .people-hero-art { inset: 0 0 auto; height: 54svh; }
  .people-hero::after { background: linear-gradient(180deg, transparent 0 42%, var(--z-surface-alt) 54%); }
  [data-theme="dark"] .people-hero::after { background: linear-gradient(180deg, transparent 0 42%, var(--z-surface-alt) 54%); }
  .people-hero-grid { display: block; width: 100%; min-height: 0; padding: 0; }
  .people-hero-copy { padding: 70px 20px 48px; }
  .people-hero h1 { font-size: clamp(2.55rem, 10.25vw, 4rem); line-height: .94; letter-spacing: -.05em; }
  .people-hero-status { margin: 0 20px 70px; }
  .people-section-head { display: block; margin-bottom: 50px; }
  .people-section-head > p { margin-top: 30px; }
  .people-section-head h2, .people-invitation h2 { font-size: clamp(3rem, 13.5vw, 4.6rem); }
  .people-card-grid { grid-template-columns: 1fr; }
  .people-card:last-child { grid-column: auto; }
  .people-card:last-child .people-card-image { aspect-ratio: 4 / 3; }
  .people-card-copy { min-height: 360px; }
  .people-path-row { display: grid; padding: 30px 0; grid-template-columns: 26px 1fr; gap: 10px 14px; }
  .people-path-row > .cube-marker { grid-column: 1; grid-row: 1 / span 3; }
  .people-path-row h3, .people-path-row p, .people-path-row > .zbc-text-link { grid-column: 2; justify-self: start; }
  .people-path-row p { margin: 8px 0 14px; }
  .people-invitation-grid { display: block; }
  .people-invitation-copy { margin-top: 48px; }
}

/* About and mandate page */
.about-hero { background: var(--z-surface-alt); }
.about-hero-grid { display: grid; min-height: calc(100svh - 92px); align-items: end; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--z-gutter); padding: clamp(100px, 10vw, 160px) 0; }
.about-hero-copy { grid-column: 1 / span 8; min-width: 0; }
.about-hero h1 { margin: 0; font-size: clamp(4.4rem, 7vw, 8.5rem); font-weight: 500; line-height: .87; letter-spacing: -.077em; }
.about-hero h1 span, .about-mandate h2 span, .about-section-head h2 span, .about-independence h2 span, .about-closing h2 span { display: block; }
.about-hero h1 .quiet { color: #6e777b; }
[data-theme="dark"] .about-hero h1 .quiet { color: #979d9e; }
.about-hero-note { grid-column: 9 / span 4; align-self: end; padding: 34px 0 4px; border-top: 2px solid var(--z-ink); }
.about-hero-note .cube-marker { margin-bottom: 34px; }
.about-hero-note p { max-width: 32ch; margin: 0 0 34px; color: var(--z-muted); font-size: clamp(1.08rem, 1.3vw, 1.32rem); line-height: 1.62; }

.about-mandate { padding: clamp(110px, 11vw, 180px) 0; background: var(--z-surface); }
.about-mandate-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--z-gutter); }
.about-mandate-title { grid-column: 1 / span 7; }
.about-mandate h2 { max-width: 13ch; margin: 0; font-size: clamp(3.5rem, 5.4vw, 7rem); font-weight: 500; line-height: .9; letter-spacing: -.07em; }
.about-mandate-copy { grid-column: 9 / span 4; align-self: end; padding-top: 38px; border-top: 1px solid var(--z-line); }
.about-mandate-copy p { margin: 0; color: var(--z-muted); font-size: clamp(1.08rem, 1.25vw, 1.3rem); line-height: 1.67; }
.about-mandate-copy p + p { margin-top: 28px; }

.about-boundaries, .about-separation, .about-governance, .about-status, .about-closing { padding: clamp(100px, 10vw, 160px) 0; }
.about-boundaries { color: #f8f3e9; background: #0b1420; }
.about-boundaries .zbc-kicker { color: #55c9f7; }
.about-boundaries h2, .about-boundaries h3 { color: #f8f3e9; }
.about-boundaries .about-section-head > p { color: #bdc2c4; }
.about-section-head { display: grid; align-items: end; margin-bottom: clamp(54px, 6vw, 84px); grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--z-gutter); }
.about-section-head > div { grid-column: 1 / span 8; }
.about-section-head > p { grid-column: 9 / span 4; max-width: 34ch; margin: 0; color: var(--z-muted); font-size: 1.08rem; line-height: 1.65; }
.about-section-head h2, .about-closing h2 { margin: 0; font-size: clamp(3.35rem, 5.1vw, 6.6rem); font-weight: 500; line-height: .9; letter-spacing: -.068em; }
.about-boundary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid rgba(248,243,233,.26); border-left: 1px solid rgba(248,243,233,.26); }
.about-boundary { min-height: 610px; padding: clamp(36px, 4.5vw, 70px); border-right: 1px solid rgba(248,243,233,.26); border-bottom: 1px solid rgba(248,243,233,.26); }
.about-boundary h3 { margin: 0 0 72px; font-size: clamp(2.3rem, 3.8vw, 4.8rem); font-weight: 500; letter-spacing: -.06em; }
.about-boundary ul { margin: 0; padding: 0; list-style: none; }
.about-boundary li { display: grid; min-height: 68px; align-items: center; grid-template-columns: 24px 1fr; gap: 18px; color: #d2d5d5; border-top: 1px solid rgba(248,243,233,.18); font-size: clamp(1.02rem, 1.18vw, 1.2rem); }
.about-boundary li .cube-marker { width: 14px; height: 16px; }
.about-boundary-not .cube-marker { opacity: .52; filter: grayscale(1); }

.about-separation { background: var(--z-surface-strong); }
.about-separation-list { border-top: 2px solid var(--z-ink); }
.about-separation-row { display: grid; min-height: 156px; align-items: center; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--z-gutter); border-bottom: 1px solid var(--z-line); }
.about-separation-row > .cube-marker { grid-column: 1; }
.about-separation-row h3 { grid-column: 2 / span 4; margin: 0; font-size: clamp(1.75rem, 2.7vw, 3.4rem); font-weight: 500; line-height: 1; letter-spacing: -.05em; }
.about-separation-row p { grid-column: 7 / span 5; margin: 0; color: var(--z-muted); font-size: clamp(1.05rem, 1.2vw, 1.22rem); }

.about-independence { display: grid; min-height: 900px; grid-template-columns: 5fr 7fr; background: var(--z-surface-alt); }
.about-independence-media { min-width: 0; min-height: 100%; margin: 0; overflow: hidden; }
.about-independence-media img { width: 100%; height: 100%; max-width: none; object-fit: cover; filter: grayscale(1) contrast(1.03); }
.about-independence-copy { display: flex; min-width: 0; align-items: center; }
.about-independence-inner { width: min(100%, 920px); margin-right: max(40px, calc((100vw - min(1480px, calc(100vw - 80px))) / 2)); padding: clamp(95px, 9vw, 150px) 0 clamp(95px, 9vw, 150px) clamp(48px, 7vw, 115px); }
.about-independence h2 { max-width: 11ch; margin: 0 0 50px; font-size: clamp(3.5rem, 5.2vw, 6.8rem); font-weight: 500; line-height: .89; letter-spacing: -.07em; }
.about-independence-inner > p:not(.zbc-kicker) { max-width: 61ch; margin: 0; color: var(--z-muted); font-size: 1.08rem; line-height: 1.7; }
.about-independence-inner > p + p { margin-top: 25px; }

.about-governance { background: var(--z-surface); }
.about-governance-grid { display: grid; margin-bottom: 44px; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--z-line); border-left: 1px solid var(--z-line); }
.about-governance-grid article { min-height: 520px; padding: clamp(36px, 4vw, 64px); border-right: 1px solid var(--z-line); border-bottom: 1px solid var(--z-line); }
.about-governance-label { margin: 34px 0 72px; color: var(--z-cyan); font: 600 .86rem/1.4 var(--font-mono); letter-spacing: .07em; text-transform: uppercase; }
.about-governance-grid h3 { max-width: 13ch; margin: 0 0 28px; font-size: clamp(2.2rem, 3.5vw, 4.4rem); font-weight: 500; line-height: .96; letter-spacing: -.06em; }
.about-governance-grid article > p:last-child { max-width: 49ch; margin: 0; color: var(--z-muted); font-size: 1.05rem; line-height: 1.66; }

.about-status { background: var(--z-surface-alt); }
.about-status-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--z-gutter); }
.about-status-grid article { display: flex; min-height: 460px; padding: clamp(32px, 3.5vw, 52px); flex-direction: column; border: 1px solid var(--z-line); background: var(--z-surface); transition: box-shadow 180ms ease, transform 180ms ease; }
.about-status-grid h3 { margin: 72px 0 24px; font-size: clamp(2rem, 2.8vw, 3.4rem); font-weight: 500; line-height: .98; letter-spacing: -.055em; }
.about-status-grid p { margin: 0; color: var(--z-muted); font-size: 1.02rem; line-height: 1.66; }
.about-status-grid .zbc-text-link { margin-top: auto; }
@media (hover: hover) { .about-status-grid article:hover { box-shadow: var(--z-shadow); transform: translateY(-6px); } }

.about-closing { color: #f8f3e9; background: #070a10; }
.about-closing .zbc-kicker { color: #55c9f7; }
.about-closing h2 { color: #f8f3e9; }
.about-closing-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--z-gutter); }
.about-closing-grid > div:first-child { grid-column: 1 / span 7; }
.about-closing-copy { grid-column: 9 / span 4; align-self: end; }
.about-closing-copy > p { margin: 0; color: #bdc2c4; font-size: 1.08rem; }
.about-closing .zbc-button-primary { color: #070a10; border-color: #f8f3e9; background: #f8f3e9; }
.about-closing .zbc-button-secondary { color: #f8f3e9; border-color: rgba(248,243,233,.65); }
.about-closing .zbc-button-secondary:hover { color: #070a10; background: #f8f3e9; }

@media (max-width: 900px) {
  .about-hero-copy { grid-column: 1 / -1; }
  .about-hero-note { grid-column: 7 / -1; margin-top: 60px; }
  .about-mandate-title { grid-column: 1 / span 8; }
  .about-separation-row p { grid-column: 7 / span 6; }
  .about-independence { grid-template-columns: 1fr 1fr; }
  .about-independence-inner { margin: 0; padding: 80px 40px; }
  .about-status-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-status-grid article:last-child { grid-column: 1 / -1; }
}

@media (max-width: 720px) {
  .about-hero-grid { display: block; min-height: auto; padding: 86px 0 76px; }
  .about-hero h1 { font-size: clamp(2.05rem, 10.5vw, 4.5rem); line-height: .91; letter-spacing: -.06em; }
  .about-hero-note { margin-top: 60px; }
  .about-mandate-grid, .about-section-head, .about-closing-grid { display: block; }
  .about-mandate h2, .about-section-head h2, .about-independence h2, .about-closing h2 { font-size: clamp(3rem, 13.8vw, 4.7rem); }
  .about-mandate-copy, .about-section-head > p, .about-closing-copy { margin-top: 46px; }
  .about-boundary-grid, .about-governance-grid, .about-status-grid { grid-template-columns: 1fr; }
  .about-boundary { min-height: auto; padding: 44px 24px; }
  .about-boundary h3 { margin-bottom: 45px; }
  .about-boundary li { min-height: 74px; }
  .about-separation-row { padding: 34px 0; grid-template-columns: 26px 1fr; gap: 10px 14px; }
  .about-separation-row > .cube-marker { grid-column: 1; grid-row: 1 / span 2; }
  .about-separation-row h3, .about-separation-row p { grid-column: 2; }
  .about-separation-row p { margin-top: 8px; }
  .about-independence { display: flex; min-height: 0; flex-direction: column; }
  .about-independence-media { height: 70svh; min-height: 520px; }
  .about-independence-inner { padding: 82px 20px; }
  .about-governance-grid article { min-height: auto; padding: 42px 24px 52px; }
  .about-governance-label { margin-bottom: 46px; }
  .about-status-grid article, .about-status-grid article:last-child { min-height: 400px; grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
  .about-status-grid article { transition: none; }
}