@font-face { font-family: "Satoshi"; src: url("./satoshi-300.8a24f395b6.woff2") format("woff2"); font-style: normal; font-weight: 300; font-display: swap; }
    @font-face { font-family: "Satoshi"; src: url("./satoshi-400.50dca57f0b.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; }
    @font-face { font-family: "Satoshi"; src: url("./satoshi-500.af02a72246.woff2") format("woff2"); font-style: normal; font-weight: 500 600; font-display: swap; }
    @font-face { font-family: "Satoshi"; src: url("./satoshi-700.353a7fbfb4.woff2") format("woff2"); font-style: normal; font-weight: 700; font-display: swap; }
    :root {
      color-scheme: dark;
      --ink: oklch(0.105 0.014 72);
      --ink-soft: oklch(0.145 0.018 69);
      --ink-lift: oklch(0.215 0.027 67);
      --stone: oklch(0.94 0.020 88);
      --stone-soft: oklch(0.80 0.027 84);
      --stone-dim: oklch(0.64 0.028 81);
      --aurum: oklch(0.72 0.126 73);
      --aurum-pale: oklch(0.85 0.086 79);
      --aurum-deep: oklch(0.49 0.098 66);
      --mineral: oklch(0.65 0.058 165);
      --violet: oklch(0.50 0.075 306);
      --ember: oklch(0.56 0.112 43);
      --line: color-mix(in oklab, var(--aurum) 22%, transparent);
      --line-soft: color-mix(in oklab, var(--stone) 10%, transparent);
      --ease: cubic-bezier(.16, 1, .3, 1);
      --display: "Satoshi", "Avenir Next", "Helvetica Neue", sans-serif;
      --serif: "Bodoni 72", Didot, "Iowan Old Style", Georgia, serif;
      --page: min(1760px, calc(100vw - clamp(48px, 7vw, 160px)));
    }

    *, *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; background: var(--ink); }
    body {
      margin: 0;
      min-width: 320px;
      overflow-x: clip;
      background: var(--ink);
      color: var(--stone);
      font-family: var(--display);
      font-weight: 300;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
    }
    body.menu-open { overflow: hidden; }
    a { color: inherit; text-decoration: none; }
    button, a { -webkit-tap-highlight-color: transparent; }
    button { font: inherit; }
    img, svg, canvas { display: block; }
    svg { shape-rendering: geometricPrecision; }
    ::selection { background: var(--aurum); color: var(--ink); }
    :focus-visible { outline: 2px solid var(--aurum-pale); outline-offset: 5px; }

    .skip-link {
      position: fixed;
      top: 12px;
      left: 12px;
      z-index: 10000;
      padding: 12px 18px;
      background: var(--stone);
      color: var(--ink);
      transform: translateY(-160%);
      transition: transform .25s var(--ease);
    }
    .skip-link:focus { transform: translateY(0); }

    .page-shell { width: 100%; max-width: 100%; overflow-x: clip; }
    .page-width { width: var(--page); margin-inline: auto; }

    #capital-field {
      position: fixed;
      inset: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      z-index: 0;
      opacity: .8;
    }
    .atmosphere {
      position: fixed;
      inset: 0;
      z-index: 1;
      pointer-events: none;
      background:
        radial-gradient(ellipse 68% 52% at 82% 12%, color-mix(in oklab, var(--aurum) 10%, transparent), transparent 66%),
        radial-gradient(ellipse 54% 70% at 4% 82%, color-mix(in oklab, var(--mineral) 7%, transparent), transparent 70%),
        linear-gradient(118deg, color-mix(in oklab, var(--ink-soft) 52%, transparent), transparent 42% 68%, color-mix(in oklab, var(--ember) 4%, transparent));
    }
    .grain {
      position: fixed;
      inset: 0;
      z-index: 9000;
      pointer-events: none;
      opacity: .038;
      background-image: url("./grain.0f37396e8b.svg");
    }

    .boot {
      position: fixed;
      inset: 0;
      z-index: 9998;
      display: grid;
      place-items: center;
      background: var(--ink);
      pointer-events: none;
    }
    .no-js .boot,
    .no-js .column-leaders { display: none; }
    .no-js .thesis { min-height: auto; padding: clamp(120px, 14vw, 210px) 0; }
    .no-js .thesis-stage { min-height: auto; overflow: visible; }
    .boot-inner { width: min(520px, calc(100vw - 48px)); text-align: center; }
    .boot-mark { width: 58px; height: 58px; object-fit: contain; margin: 0 auto 28px; opacity: .72; }
    .boot-label { font-size: 11px; letter-spacing: .32em; text-transform: uppercase; color: var(--stone-soft); }
    .boot-track { height: 1px; margin-top: 22px; background: var(--line-soft); overflow: hidden; }
    .boot-progress { width: 100%; height: 100%; background: var(--aurum); box-shadow: 0 0 18px color-mix(in oklab, var(--aurum) 60%, transparent); transform: scaleX(0); transform-origin: left center; }

    .scroll-progress {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 2px;
      z-index: 9997;
      background: var(--aurum);
      box-shadow: 0 0 24px color-mix(in oklab, var(--aurum) 70%, transparent);
      transform: scaleX(0);
      transform-origin: left center;
      will-change: auto;
    }

    .cursor-core, .cursor-aura {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 9996;
      pointer-events: none;
      border-radius: 50%;
      opacity: 0;
      transform: translate3d(-50%, -50%, 0);
    }
    .cursor-core { width: 5px; height: 5px; background: var(--aurum-pale); }
    .cursor-aura { width: 38px; height: 38px; border: 1px solid var(--line); transition: width .35s var(--ease), height .35s var(--ease), background .35s; }
    body.cursor-active .cursor-core, body.cursor-active .cursor-aura { opacity: 1; }
    body.cursor-over .cursor-aura { width: 62px; height: 62px; background: color-mix(in oklab, var(--aurum) 8%, transparent); }

    .site-header {
      position: fixed;
      inset: 0 0 auto;
      z-index: 200;
      height: 88px;
      border-bottom: 1px solid transparent;
      transition: background .5s var(--ease), border-color .5s var(--ease), height .5s var(--ease);
    }
    .site-header.scrolled {
      height: 72px;
      background: color-mix(in oklab, var(--ink) 91%, transparent);
      border-color: var(--line-soft);
    }
    .nav-inner {
      width: var(--page);
      height: 100%;
      margin-inline: auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 28px;
    }
    .brand-link {
      display: inline-flex;
      align-items: center;
      min-width: 44px;
      min-height: 56px;
    }
    .brand-lockup-wrap {
      position: relative;
      display: inline-flex;
      align-items: center;
      isolation: isolate;
    }
    .brand-lockup-wrap::before {
      content: "";
      position: absolute;
      z-index: -1;
      inset: 18% 7%;
      pointer-events: none;
      background: radial-gradient(ellipse, color-mix(in oklab, var(--aurum) 12%, transparent), transparent 72%);
      filter: blur(12px);
      opacity: .08;
      transition: opacity .4s var(--ease), transform .4s var(--ease);
    }
    .brand-lockup {
      width: 154px;
      height: auto;
      overflow: visible;
      transition: transform .4s var(--ease), opacity .4s var(--ease);
    }
    .brand-monogram-compact {
      display: none;
      width: 33px;
      height: auto;
      overflow: visible;
    }
    .brand-link:hover .brand-lockup,
    .brand-link:focus-visible .brand-lockup {
      opacity: .96;
      transform: translate3d(0, -1px, 0);
    }
    .brand-link:hover .brand-lockup-wrap::before,
    .brand-link:focus-visible .brand-lockup-wrap::before { opacity: .14; transform: scale(1.015); }
    .nav-cluster { display: flex; align-items: center; gap: clamp(22px, 2vw, 38px); }
    .desktop-nav { display: flex; align-items: center; gap: clamp(18px, 1.8vw, 34px); }
    .desktop-nav a {
      position: relative;
      display: inline-flex;
      min-height: 44px;
      align-items: center;
      padding: 14px 0;
      font-size: 11px;
      font-weight: 400;
      letter-spacing: .16em;
      text-transform: uppercase;
      color: var(--stone-soft);
      transition: color .3s;
    }
    .desktop-nav a::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 8px;
      width: 100%;
      height: 1px;
      background: var(--aurum);
      transform: scaleX(0);
      transform-origin: right;
      transition: transform .45s var(--ease);
    }
    .desktop-nav a:hover, .desktop-nav a.active { color: var(--stone); }
    .desktop-nav a:hover::after, .desktop-nav a.active::after { transform: scaleX(1); transform-origin: left; }
    .kautilya-gateway {
      position: relative;
      min-height: 54px;
      display: grid;
      grid-template-columns: 32px auto;
      grid-template-rows: 1fr 1fr;
      align-items: center;
      column-gap: 11px;
      padding-left: 20px;
      border-left: 1px solid var(--line);
      color: var(--stone);
      transition: color .35s var(--ease), border-color .35s var(--ease);
    }
    .kautilya-mark {
      grid-row: 1 / -1;
      width: 32px;
      height: 32px;
      overflow: visible;
      color: var(--aurum);
    }
    .kautilya-seal, .kautilya-seal-inner, .kautilya-k {
      fill: none;
      stroke: currentColor;
      vector-effect: non-scaling-stroke;
    }
    .kautilya-seal { stroke-width: 1.15; opacity: .78; }
    .kautilya-seal-inner {
      stroke-width: .75;
      opacity: .28;
      transform-box: fill-box;
      transform-origin: center;
      transition: transform .7s var(--ease), opacity .4s;
    }
    .kautilya-k { stroke-width: 2; stroke-linecap: square; stroke-linejoin: miter; }
    .kautilya-node {
      fill: var(--ink);
      stroke: currentColor;
      stroke-width: 1;
      vector-effect: non-scaling-stroke;
      transform-box: fill-box;
      transform-origin: center;
      transition: transform .55s var(--ease), filter .4s;
    }
    .kautilya-word {
      align-self: end;
      color: var(--stone);
      font-family: var(--serif);
      font-size: 14px;
      line-height: 1;
      letter-spacing: .17em;
      text-transform: uppercase;
      transition: color .35s;
    }
    .kautilya-enter {
      align-self: start;
      display: inline-flex;
      align-items: center;
      gap: 7px;
      margin-top: 5px;
      color: var(--aurum);
      font-size: 7px;
      font-weight: 600;
      line-height: 1;
      letter-spacing: .22em;
      text-transform: uppercase;
    }
    .kautilya-enter svg { width: 9px; height: 9px; transition: transform .35s var(--ease); }
    .kautilya-gateway:hover, .kautilya-gateway:focus-visible { border-color: color-mix(in oklab, var(--aurum) 58%, transparent); }
    .kautilya-gateway:hover .kautilya-word { color: var(--aurum-pale); }
    .kautilya-gateway:hover .kautilya-seal-inner { opacity: .72; transform: scale(.9) rotate(30deg); }
    .kautilya-gateway:hover .kautilya-node { transform: scale(1.18) rotate(45deg); filter: drop-shadow(0 0 4px var(--aurum)); }
    .kautilya-gateway:hover .kautilya-enter svg { transform: translate(2px, -2px); }
    .kautilya-gateway-mobile { display: none; }
    .menu-toggle {
      display: none;
      width: 48px;
      height: 48px;
      border: 0;
      background: transparent;
      color: var(--stone);
      cursor: pointer;
    }
    .menu-toggle span { display: block; width: 24px; height: 1px; margin: 6px auto; background: currentColor; transition: transform .45s var(--ease), opacity .3s; }
    .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg); }
    .menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
    .mobile-menu {
      position: fixed;
      inset: 0;
      z-index: 190;
      display: grid;
      align-content: center;
      padding: 100px 30px 40px;
      background: var(--ink);
      opacity: 0;
      visibility: hidden;
      transform: translateY(-18px);
      transition: opacity .45s var(--ease), visibility .45s, transform .45s var(--ease);
    }
    .mobile-menu.open { opacity: 1; visibility: visible; transform: none; }
    .mobile-menu a {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      padding: 15px 0;
      border-bottom: 1px solid var(--line-soft);
      font-size: clamp(30px, 10vw, 52px);
      font-weight: 400;
      letter-spacing: -.035em;
    }
    .mobile-menu a small { font-size: 10px; letter-spacing: .18em; color: var(--aurum); }
    main { position: relative; z-index: 2; }
    section { position: relative; scroll-margin-top: 72px; }

    .hero {
      --lens-x: 50%;
      --lens-y: 52%;
      --lens-size: clamp(220px, 25vw, 440px);
      --art-x: 0px;
      --art-y: 0px;
      min-height: 100svh;
      display: grid;
      place-items: center;
      overflow: hidden;
      isolation: isolate;
    }
    .hero-art {
      position: absolute;
      inset: 0;
      z-index: -3;
      overflow: hidden;
      background:
        radial-gradient(ellipse 62% 54% at 50% 54%, color-mix(in oklab, var(--aurum) 10%, transparent), transparent 66%),
        linear-gradient(180deg, color-mix(in oklab, var(--ink) 32%, transparent), transparent 52%, color-mix(in oklab, var(--ink) 62%, transparent));
    }
    .hero-vessel {
      position: absolute;
      width: 118%;
      height: 112%;
      left: -9%;
      top: 5%;
      overflow: visible;
      transform: translate3d(var(--art-x), var(--art-y), 0);
      will-change: transform;
    }
    .hero-vessel .hero-meridians ellipse,
    .hero-vessel .hero-meridians path {
      fill: none;
      stroke: color-mix(in oklab, var(--aurum) 32%, transparent);
      stroke-width: 1;
      vector-effect: non-scaling-stroke;
    }
    .hero-vessel .hero-meridians ellipse:nth-child(2n) { stroke: color-mix(in oklab, var(--stone) 12%, transparent); }
    .hero-ribbon path { fill: none; stroke-linecap: round; stroke-dasharray: 2200; vector-effect: non-scaling-stroke; }
    .hero-ribbon path:nth-child(1) { stroke: url(#hero-gold); stroke-width: 84; opacity: .13; }
    .hero-ribbon path:nth-child(2) { stroke: url(#hero-gold); stroke-width: 28; opacity: .74; }
    .hero-ribbon path:nth-child(3) { stroke: var(--aurum-pale); stroke-width: 2; opacity: .78; }
    .hero-ribbon path:nth-child(4) { stroke: color-mix(in oklab, var(--aurum) 54%, transparent); stroke-width: 1; opacity: .9; }
    .hero-shards path { fill: url(#hero-metal); stroke: color-mix(in oklab, var(--aurum-pale) 58%, transparent); stroke-width: .8; vector-effect: non-scaling-stroke; }
    .hero-shards path:nth-child(2n) { opacity: .28; }
    .hero-core { fill: color-mix(in oklab, var(--aurum-pale) 88%, transparent); filter: drop-shadow(0 0 22px color-mix(in oklab, var(--aurum) 68%, transparent)); }
    .hero-lens {
      position: absolute;
      z-index: 1;
      width: var(--lens-size);
      aspect-ratio: 1;
      left: var(--lens-x);
      top: var(--lens-y);
      border: 1px solid color-mix(in oklab, var(--aurum-pale) 36%, transparent);
      border-radius: 50%;
      background: radial-gradient(circle, color-mix(in oklab, var(--aurum-pale) 12%, transparent), transparent 62%);
      box-shadow: inset 0 0 46px color-mix(in oklab, var(--aurum) 9%, transparent), 0 0 68px color-mix(in oklab, var(--aurum) 8%, transparent);
      transform: translate(-50%, -50%);
      pointer-events: none;
    }
    .hero-art::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 2;
      background:
        radial-gradient(ellipse 48% 42% at 50% 45%, color-mix(in oklab, var(--ink) 48%, transparent) 0 28%, color-mix(in oklab, var(--ink) 22%, transparent) 58%, color-mix(in oklab, var(--ink) 60%, transparent) 100%),
        linear-gradient(180deg, color-mix(in oklab, var(--ink) 46%, transparent), transparent 34% 66%, color-mix(in oklab, var(--ink) 76%, transparent));
      pointer-events: none;
    }
    .hero-art::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 3;
      opacity: .48;
      background: repeating-linear-gradient(90deg, transparent 0 calc(8.333% - 1px), color-mix(in oklab, var(--stone) 4%, transparent) calc(8.333% - 1px) 8.333%);
      mask-image: linear-gradient(90deg, transparent, black 18%, black 82%, transparent);
      pointer-events: none;
    }
    .hero::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -2;
      background:
        radial-gradient(circle at 50% 42%, color-mix(in oklab, var(--aurum) 8%, transparent), transparent 19%),
        radial-gradient(circle at 50% 52%, transparent 0 25%, color-mix(in oklab, var(--ink) 55%, transparent) 74%),
        linear-gradient(180deg, color-mix(in oklab, var(--ink) 38%, transparent), transparent 42%, color-mix(in oklab, var(--ink) 68%, transparent));
    }
    .hero-field {
      position: absolute;
      inset: 0;
      z-index: -1;
      display: grid;
      place-items: center;
      pointer-events: none;
    }
    .orbital-system { position: relative; width: min(76vw, 920px); aspect-ratio: 1; opacity: .5; mix-blend-mode: screen; }
    .orbit {
      position: absolute;
      inset: var(--inset);
      border: 1px solid color-mix(in oklab, var(--aurum) var(--alpha), transparent);
      border-radius: 50%;
      transform: rotate(var(--rotation)) scaleY(var(--squash));
    }
    .orbit::before {
      content: "";
      position: absolute;
      top: 50%;
      left: -3px;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--aurum-pale);
      box-shadow: 0 0 20px var(--aurum);
    }
    .orbit:nth-child(1) { --inset: 0%; --alpha: 18%; --rotation: 18deg; --squash: .54; animation: orbit-spin 26s linear infinite; }
    .orbit:nth-child(2) { --inset: 11%; --alpha: 28%; --rotation: -34deg; --squash: .72; animation: orbit-spin-reverse 20s linear infinite; }
    .orbit:nth-child(3) { --inset: 23%; --alpha: 36%; --rotation: 64deg; --squash: .44; animation: orbit-spin 15s linear infinite; }
    .orbit:nth-child(4) { --inset: 36%; --alpha: 48%; --rotation: -8deg; --squash: .82; animation: orbit-spin-reverse 11s linear infinite; }
    @keyframes orbit-spin { to { transform: rotate(calc(var(--rotation) + 360deg)) scaleY(var(--squash)); } }
    @keyframes orbit-spin-reverse { to { transform: rotate(calc(var(--rotation) - 360deg)) scaleY(var(--squash)); } }
    .hero-axis, .hero-axis::after {
      position: absolute;
      content: "";
      inset: 50% auto auto 50%;
      width: min(88vw, 1080px);
      height: 1px;
      background: linear-gradient(90deg, transparent, var(--line), transparent);
      transform: translate(-50%, -50%);
    }
    .hero-axis::after { width: 1px; height: min(76vh, 720px); }
    .hero-content {
      position: relative;
      z-index: 4;
      width: var(--page);
      min-height: 100svh;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 126px 0 92px;
      text-align: center;
    }
    .hero-crest { width: clamp(68px, 6.2vw, 96px); height: auto; margin: 0 auto 24px; opacity: .9; }
    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 15px;
      margin-bottom: 25px;
      color: var(--stone-soft);
      font-size: 10px;
      font-weight: 500;
      letter-spacing: .28em;
      text-transform: uppercase;
    }
    .eyebrow::before, .eyebrow::after { content: ""; width: 34px; height: 1px; background: var(--line); }
    .hero h1 {
      max-width: min(1380px, 92vw);
      margin: 0;
      font-size: clamp(58px, 7.65vw, 122px);
      font-weight: 300;
      line-height: .84;
      letter-spacing: -.065em;
      text-wrap: balance;
      text-shadow: 0 12px 60px color-mix(in oklab, var(--ink) 88%, transparent);
    }
    .hero h1 .line { display: block; overflow: hidden; padding: .04em .06em .13em; }
    .hero h1 .line:last-child { padding-bottom: .30em; margin-bottom: -.17em; }
    .hero h1 .line-inner { display: block; }
    .hero h1 em { font-family: var(--serif); font-weight: 400; color: var(--aurum-pale); text-shadow: 0 10px 48px color-mix(in oklab, var(--aurum) 22%, transparent); }
    .hero-copy {
      max-width: 720px;
      margin: 28px auto 0;
      color: var(--stone-soft);
      font-size: clamp(15px, 1.35vw, 19px);
      line-height: 1.7;
    }
    .hero-actions { display: flex; justify-content: center; gap: 14px; margin-top: 34px; }
    .button {
      position: relative;
      min-width: 180px;
      min-height: 52px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      overflow: hidden;
      border: 1px solid var(--line);
      padding: 14px 22px;
      color: var(--stone);
      background: var(--ink-soft);
      font-size: 11px;
      font-weight: 600;
      letter-spacing: .16em;
      text-transform: uppercase;
      cursor: pointer;
      transition: color .35s, border-color .35s, transform .35s var(--ease);
    }
    .button::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      background: var(--aurum-pale);
      transform: translateY(102%);
      transition: transform .5s var(--ease);
    }
    .button:hover::before { transform: none; }
    .button:hover { color: var(--ink); border-color: var(--aurum-pale); transform: translateY(-2px); }
    .button.primary { background: var(--aurum-pale); color: var(--ink); border-color: var(--aurum-pale); }
    .button.primary::before { background: var(--stone); }
    .button svg { width: 15px; height: 15px; transition: transform .35s var(--ease); }
    .button:hover svg { transform: translate(3px, -3px); }
    .scroll-cue {
      position: absolute;
      bottom: 24px;
      left: 50%;
      display: grid;
      justify-items: center;
      gap: 8px;
      transform: translateX(-50%);
      color: var(--stone-dim);
      font-size: 9px;
      letter-spacing: .24em;
      text-transform: uppercase;
    }
    .scroll-cue i { width: 1px; height: 34px; background: linear-gradient(var(--aurum), transparent); animation: cue 1.8s var(--ease) infinite; }
    @keyframes cue { 0% { transform: scaleY(0); transform-origin: top; } 48% { transform: scaleY(1); transform-origin: top; } 52% { transform: scaleY(1); transform-origin: bottom; } 100% { transform: scaleY(0); transform-origin: bottom; } }
    .hero .orbit, .hero .scroll-cue i { animation-play-state: paused; }
    .hero.is-visible .orbit, .hero.is-visible .scroll-cue i { animation-play-state: running; }

    .marquee {
      position: relative;
      z-index: 5;
      overflow: hidden;
      border-block: 1px solid var(--line-soft);
      background: var(--ink-soft);
    }
    .marquee-track { display: flex; width: max-content; animation: marquee 72s linear infinite; animation-play-state: paused; }
    .marquee.is-visible .marquee-track { animation-play-state: running; }
    .marquee-row { min-width: 120vw; display: flex; align-items: center; justify-content: space-around; gap: 38px; padding: 18px 19px; white-space: nowrap; }
    .marquee-row span { font-family: var(--serif); font-size: 12px; font-weight: 400; letter-spacing: .2em; text-transform: uppercase; color: color-mix(in oklab, var(--stone-soft) 86%, var(--aurum)); }
    .marquee-row b { width: 3px; height: 3px; border-radius: 50%; background: color-mix(in oklab, var(--aurum) 58%, transparent); }
    @keyframes marquee { to { transform: translateX(-50%); } }

    .thesis {
      min-height: auto;
      background:
        radial-gradient(ellipse 42% 48% at 76% 48%, color-mix(in oklab, var(--aurum) 6%, transparent), transparent 72%),
        color-mix(in oklab, var(--ink) 88%, transparent);
    }
    .thesis-stage {
      min-height: 100svh;
      display: grid;
      align-items: center;
      overflow: hidden;
    }
    .thesis-grid {
      width: var(--page);
      margin-inline: auto;
      display: grid;
      grid-template-columns: minmax(0, .82fr) minmax(540px, 1.18fr);
      gap: clamp(58px, 7vw, 128px);
      align-items: center;
    }
    .kicker { margin: 0 0 26px; color: var(--aurum); font-size: 10px; font-weight: 600; letter-spacing: .25em; text-transform: uppercase; }
    .display-heading {
      margin: 0;
      max-width: 1100px;
      font-size: clamp(48px, 6.1vw, 104px);
      line-height: .96;
      letter-spacing: -.055em;
      font-weight: 300;
      text-wrap: balance;
    }
    .display-heading em { font-family: var(--serif); font-weight: 400; color: var(--aurum-pale); }
    .thesis-copy {
      margin: 42px 0 0;
      max-width: 760px;
      font-size: clamp(21px, 2.3vw, 36px);
      line-height: 1.42;
      letter-spacing: -.02em;
      color: var(--stone);
    }
    .generational-column {
      position: relative;
      min-height: 760px;
      width: min(100%, 900px);
      margin: 0;
      isolation: isolate;
    }
    .generational-column::before {
      content: "";
      position: absolute;
      inset: 4% 8% 7% 0;
      z-index: -1;
      background:
        linear-gradient(90deg, transparent 4%, color-mix(in oklab, var(--stone) 7%, transparent) 39%, color-mix(in oklab, var(--aurum) 9%, transparent) 54%, transparent 88%) 0 83% / 88% 1px no-repeat,
        radial-gradient(ellipse 46% 62% at 39% 45%, color-mix(in oklab, var(--stone) 7%, transparent), color-mix(in oklab, var(--aurum) 3%, transparent) 42%, transparent 74%);
      mask-image: radial-gradient(ellipse, black 0 42%, transparent 78%);
    }
    .column-object {
      position: absolute;
      top: 50%;
      left: -4%;
      width: min(78%, 670px);
      overflow: visible;
      transform: translateY(-50%);
      transform-origin: 46% 50%;
      transform-style: preserve-3d;
    }
    .column-object :is(path, line, rect, ellipse) { vector-effect: non-scaling-stroke; }
    .column-gallery-light { fill: url(#column-gallery-light); opacity: .86; }
    .column-photo-window, .column-photo-slice { pointer-events: none; }
    .column-photo-slice { filter: url(#column-photo-key); image-rendering: auto; }
    .column-photo-cast-shadow { opacity: .07; filter: url(#column-photo-shadow); }
    .column-part { transform-box: fill-box; transform-origin: center; }
    .column-capstone { transform: translateY(-56px); }
    .column-base { transform: translateY(56px); }
    .column-shaft-left { transform: translateX(-9px); }
    .column-shaft-right { transform: translateX(9px); }
    .column-floor-shadow, .column-joint-shadow { fill: #020402; filter: url(#column-shadow-soft); }
    .column-floor-shadow { opacity: .58; }
    .column-joint-shadow { opacity: .42; }
    .column-cut-plane { fill: url(#column-cut-plane); opacity: .96; }
    .column-cut-edge { fill: none; stroke: color-mix(in oklab, var(--stone) 18%, transparent); stroke-width: .65; opacity: .38; }
    .column-shaft-channel { fill: url(#column-channel); opacity: .95; }
    .column-photo-seam { fill: none; stroke: color-mix(in oklab, black 48%, transparent); stroke-width: .7; opacity: .26; }
    .column-scaffold,
    .column-cast-shadow,
    .column-stone-face,
    .column-stone-side,
    .column-stone-top,
    .column-stone-return,
    .column-stone-relief,
    .column-bevel,
    .column-edge-light,
    .column-edge-dark,
    .column-vein,
    .column-pit,
    .column-metal,
    .column-metal-patina,
    .column-metal-return,
    .column-metal-edge,
    .column-metal-scratch,
    .column-etch,
    .column-seam,
    .column-seam-light,
    .column-load-groove,
    .column-load-line,
    .column-load-node,
    .column-load-tip { display: none; }
    .column-object > :not(defs):not(.vault-scene) { display: none; }
    .vault-scene,
    .vault-layer {
      transform-box: view-box;
      transform-origin: 360px 380px;
    }
    .vault-scene { isolation: isolate; }
    .vault-image {
      pointer-events: none;
      image-rendering: auto;
    }
    .vault-callout-anchor { opacity: 0; pointer-events: none; }
    .vault-layer { will-change: auto; }
    .generational-column.is-visible .vault-layer { will-change: transform, opacity; }
    .vault-foundation { transform: none; }
    .vault-continuity {
      transform-origin: 548px 380px;
    }
    .vault-void {
      fill: url(#vault-void-gradient);
      opacity: .96;
      filter: url(#vault-void-shadow);
    }
    .vault-layer-shadow { fill: none; stroke: #010302; stroke-width: 28; opacity: .72; filter: url(#vault-layer-shadow); }
    .vault-foundation-shadow { fill: #010302; stroke: none; opacity: .22; }
    .vault-sidewall {
      fill: none;
      stroke: url(#vault-sidewall-gradient);
      stroke-width: 14;
      opacity: .84;
      transform-box: fill-box;
      transform-origin: center;
    }
    .vault-sidewall-agency { transform: none; }
    .vault-sidewall-continuity { transform: none; stroke-width: 12; }
    .vault-floor-shadow { fill: #010302; opacity: .64; filter: url(#vault-floor-shadow); transform-box: fill-box; transform-origin: center; }
    .vault-chamber { transform-box: view-box; transform-origin: 360px 380px; }
    .vault-chamber-well { fill: url(#vault-chamber-gradient); stroke: color-mix(in oklab, var(--aurum-deep) 32%, transparent); stroke-width: 1; }
    .vault-chamber-rim { fill: none; stroke: color-mix(in oklab, var(--aurum) 28%, transparent); stroke-width: 1; opacity: .72; }
    .vault-chamber-rim:nth-of-type(3) { stroke-dasharray: 2 8; opacity: .44; }
    .vault-chamber-rim:nth-of-type(4) { stroke: color-mix(in oklab, var(--stone-soft) 22%, transparent); opacity: .38; }
    .vault-chamber-heart { fill: url(#vault-chamber-heart); stroke: color-mix(in oklab, var(--aurum-pale) 55%, transparent); stroke-width: .8; filter: url(#vault-heart-glow); }
    .vault-hinge { opacity: .92; }
    .vault-hinge-bar { fill: url(#vault-hinge-metal); stroke: color-mix(in oklab, var(--aurum-pale) 28%, transparent); stroke-width: .7; }
    .vault-hinge-cap { fill: #15110c; stroke: color-mix(in oklab, var(--aurum) 52%, transparent); stroke-width: 1.1; }
    .vault-core-halo { fill: url(#vault-core-halo); opacity: .22; }
    .vault-axis-dot { fill: var(--aurum-pale); opacity: .72; }
    .vault-axis-ring { fill: none; stroke: color-mix(in oklab, var(--aurum) 48%, transparent); stroke-width: .7; stroke-linecap: round; stroke-dasharray: 2 5; opacity: .52; }
    .column-leaders { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
    .column-leader { opacity: 1; }
    .column-leader .leader-path {
      fill: none;
      stroke: color-mix(in oklab, var(--aurum) 54%, transparent);
      stroke-width: .7;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-dasharray: 1;
      stroke-dashoffset: 0;
      vector-effect: non-scaling-stroke;
    }
    .column-leader .leader-node {
      fill: var(--ink);
      stroke: var(--aurum);
      stroke-width: .7;
      vector-effect: non-scaling-stroke;
    }
    .column-leader .leader-node,
    .column-leader .leader-terminal { transform-box: fill-box; transform-origin: center; }
    .column-leader .leader-terminal { fill: color-mix(in oklab, var(--aurum) 72%, transparent); }
    .column-labels { list-style: none; margin: 0; padding: 0; }
    .column-label {
      position: absolute;
      z-index: 3;
      right: 0;
      width: 27%;
      min-width: 178px;
      color: var(--stone);
    }
    .column-label span { display: block; margin-bottom: 8px; color: var(--aurum); font-size: 10px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; }
    .column-label strong { display: block; font-family: var(--serif); font-size: clamp(24px, 2vw, 31px); font-weight: 400; letter-spacing: -.025em; }
    .column-label small { display: block; margin-top: 7px; max-width: 220px; color: var(--stone-dim); font-size: 12px; line-height: 1.5; letter-spacing: .015em; }
    .column-label-continuity { top: 14%; }
    .column-label-agency { top: 43%; }
    .column-label-foundation { top: 72%; }
    .column-caption {
      position: absolute;
      inset: auto 0 0;
      display: flex;
      justify-content: space-between;
      gap: 24px;
      margin: 0;
      padding-top: 15px;
      border-top: 1px solid var(--line-soft);
      color: var(--stone-dim);
      font-size: 9px;
      font-weight: 500;
      letter-spacing: .19em;
      text-transform: uppercase;
    }
    .column-caption strong { color: var(--aurum-pale); font-family: var(--serif); font-weight: 400; letter-spacing: .12em; }
    html[data-motion-runtime="gsap"] .column-leader { opacity: 0; }
    html[data-motion-runtime="gsap"] .column-label,
    html[data-motion-runtime="gsap"] .column-caption { opacity: 0; transform: translateY(8px); }

    .domains { padding: clamp(120px, 15vw, 220px) 0; background: var(--stone); color: var(--ink); overflow: hidden; }
    .domains::before { content: ""; position: absolute; inset: 0; opacity: .13; background: repeating-linear-gradient(90deg, transparent 0 calc(8.333% - 1px), var(--ink) calc(8.333% - 1px) 8.333%); pointer-events: none; }
    .section-intro { width: var(--page); margin: 0 auto 72px; display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, .7fr); gap: 60px; align-items: end; }
    .section-intro p:not(.kicker) { max-width: 520px; margin: 0 0 7px auto; color: color-mix(in oklab, var(--ink) 70%, transparent); font-size: 17px; line-height: 1.7; }
    .domain-rail { position: relative; width: var(--page); height: 600px; margin-inline: auto; display: flex; border: 1px solid color-mix(in oklab, var(--ink) 22%, transparent); overflow: hidden; }
    .domain {
      --domain-accent: var(--aurum);
      position: relative;
      min-width: 0;
      flex: 1 1 0;
      display: flex;
      align-items: stretch;
      overflow: hidden;
      border: 0;
      border-right: 1px solid color-mix(in oklab, var(--ink) 18%, transparent);
      padding: 0;
      background: transparent;
      color: var(--ink);
      text-align: left;
      cursor: pointer;
      transition: flex .8s var(--ease), background .5s, color .5s;
    }
    .domain:nth-child(2) { --domain-accent: var(--mineral); }
    .domain:nth-child(3) { --domain-accent: var(--ember); }
    .domain:nth-child(4) { --domain-accent: var(--stone-soft); }
    .domain:nth-child(5) { --domain-accent: oklch(0.67 0.10 145); }
    .domain:nth-child(6) { --domain-accent: var(--violet); }
    .domain:last-child { border-right: 0; }
    .domain:hover, .domain:focus-visible, .domain.active { flex: 4.2 1 0; background: var(--ink); color: var(--stone); }
    .domain-index { position: absolute; top: 24px; left: 22px; color: var(--aurum-deep); font-size: 10px; font-weight: 600; letter-spacing: .18em; }
    .domain-title-vertical { position: absolute; left: 50%; bottom: 28px; writing-mode: vertical-rl; transform: translateX(-50%) rotate(180deg); font-size: clamp(22px, 2vw, 34px); font-weight: 400; letter-spacing: -.03em; white-space: nowrap; transition: opacity .35s; }
    .domain:hover .domain-title-vertical, .domain:focus-visible .domain-title-vertical, .domain.active .domain-title-vertical { opacity: 0; }
    .domain-content { display: block; width: min(470px, 82%); margin: auto 0 42px 36px; opacity: 0; transform: translateY(24px); transition: opacity .45s .15s, transform .65s var(--ease) .1s; }
    .domain-content-inner { display: block; min-height: 0; }
    .domain:hover .domain-content, .domain:focus-visible .domain-content, .domain.active .domain-content { opacity: 1; transform: none; }
    .domain-heading { display: block; margin: 0 0 18px; max-width: 430px; font-size: clamp(35px, 4.2vw, 66px); line-height: .95; font-weight: 400; letter-spacing: -.045em; }
    .domain-description { display: block; margin: 0; max-width: 430px; color: var(--stone-soft); font-size: 15px; line-height: 1.65; }
    .domain-signal { position: absolute; inset: 0; pointer-events: none; opacity: 0; transform: scale(.84) rotate(-8deg); transition: opacity .6s .15s, transform 1.1s var(--ease); }
    .domain:hover .domain-signal, .domain:focus-visible .domain-signal, .domain.active .domain-signal { opacity: 1; }
    .domain:hover .domain-signal, .domain:focus-visible .domain-signal, .domain.active .domain-signal { transform: scale(1) rotate(0deg); }
    .domain-signal::before { content: ""; position: absolute; width: 430px; height: 430px; top: -176px; right: -146px; border: 1px solid color-mix(in oklab, var(--domain-accent) 26%, transparent); border-radius: 50%; box-shadow: 0 0 0 56px color-mix(in oklab, var(--domain-accent) 3%, transparent), 0 0 0 112px color-mix(in oklab, var(--domain-accent) 2%, transparent); }
    .domain-signal::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 78% 18%, color-mix(in oklab, var(--domain-accent) 20%, transparent), transparent 34%); }
    .domain-signal svg { position: absolute; z-index: 1; width: min(430px, 92%); right: -7%; top: -5%; color: var(--domain-accent); opacity: .74; filter: drop-shadow(0 0 24px color-mix(in oklab, var(--domain-accent) 25%, transparent)); }
    .domain-signal :is(path, circle, rect, polyline, line) { vector-effect: non-scaling-stroke; stroke-dasharray: 1200; stroke-dashoffset: 1200; }
    .domain.active .domain-signal :is(path, circle, rect, polyline, line),
    .domain:hover .domain-signal :is(path, circle, rect, polyline, line),
    .domain:focus-visible .domain-signal :is(path, circle, rect, polyline, line) { animation: domain-draw 1.2s var(--ease) forwards; }
    .domain:nth-child(1) .domain-signal svg { transform: rotate(-8deg); }
    .domain:nth-child(2) .domain-signal svg { top: 2%; transform: rotate(4deg); }
    .domain:nth-child(3) .domain-signal svg { top: 7%; right: -3%; }
    .domain:nth-child(4) .domain-signal svg { top: -1%; right: -4%; }
    .domain:nth-child(5) .domain-signal svg { top: -2%; transform: rotate(-12deg); }
    .domain:nth-child(6) .domain-signal svg { top: 4%; right: -4%; }
    @keyframes domain-draw { to { stroke-dashoffset: 0; } }

    .evidence { padding: clamp(120px, 16vw, 240px) 0; background: color-mix(in oklab, var(--ink) 92%, transparent); overflow: hidden; }
    .evidence::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(90deg, transparent 0 8%, color-mix(in oklab, var(--stone) 4%, transparent) 8% calc(8% + 1px), transparent calc(8% + 1px) 92%, color-mix(in oklab, var(--stone) 4%, transparent) 92% calc(92% + 1px), transparent calc(92% + 1px)),
        radial-gradient(ellipse 54% 48% at 54% 51%, color-mix(in oklab, var(--aurum) 6%, transparent), transparent 72%);
      opacity: .8;
      pointer-events: none;
    }
    .evidence-header {
      position: relative;
      z-index: 1;
      width: var(--page);
      margin: 0 auto 82px;
      display: grid;
      grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
      gap: clamp(44px, 8vw, 120px);
      align-items: end;
    }
    .evidence-header .display-heading { max-width: 1040px; }
    .evidence-intro { margin: 0 0 7px; max-width: 480px; color: var(--stone-soft); font-size: 17px; line-height: 1.7; }
    .capital-gate {
      position: relative;
      width: var(--page);
      margin-inline: auto;
      overflow: clip;
      border-block: 1px solid var(--line-soft);
      background: linear-gradient(180deg, color-mix(in oklab, var(--ink-lift) 30%, transparent), color-mix(in oklab, var(--ink-soft) 50%, transparent));
      isolation: isolate;
    }
    .capital-gate::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      background: radial-gradient(ellipse at 84% 48%, color-mix(in oklab, var(--aurum) 7%, transparent), transparent 36%);
      pointer-events: none;
    }
    .gate-stage {
      position: relative;
      width: 100%;
      height: clamp(300px, 39vw, 590px);
      min-height: 300px;
      isolation: isolate;
      overflow: hidden;
      perspective: 1200px;
    }
    .gate-stage::before {
      content: "";
      position: absolute;
      inset: 12% 2% 1%;
      background:
        radial-gradient(ellipse 46% 16% at 18% 78%, color-mix(in oklab, var(--aurum) 9%, transparent), transparent 72%),
        radial-gradient(ellipse 46% 16% at 50% 78%, color-mix(in oklab, var(--aurum) 8%, transparent), transparent 72%),
        radial-gradient(ellipse 46% 16% at 82% 78%, color-mix(in oklab, var(--aurum) 8%, transparent), transparent 72%);
      opacity: .7;
      pointer-events: none;
    }
    .gate-rail { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; overflow: visible; }
    .gate-rail :is(path, line, circle, ellipse) { vector-effect: non-scaling-stroke; }
    .gate-horizon { fill: none; stroke: color-mix(in oklab, var(--stone) 5%, transparent); stroke-width: .7; }
    .gate-track-base { fill: none; stroke: color-mix(in oklab, var(--stone-soft) 19%, transparent); stroke-width: 1.1; }
    .gate-track-progress { fill: none; stroke: url(#gate-thread-gold); stroke-width: 2; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 0; filter: url(#gate-thread-glow); }
    .gate-reject-path { fill: none; stroke: color-mix(in oklab, var(--stone-dim) 25%, transparent); stroke-width: .9; stroke-dasharray: 3 7; opacity: .26; }
    .gate-reject-node { fill: var(--ink); stroke: color-mix(in oklab, var(--stone-dim) 44%, transparent); stroke-width: 1; opacity: .42; }
    .gate-terminal-label { fill: var(--stone-dim); font-family: var(--display); font-size: 10px; font-weight: 600; letter-spacing: .2em; }
    .gate-output-node { fill: var(--ink); stroke: var(--aurum); stroke-width: 1.1; }
    .gate-output-core, .capital-token { fill: var(--aurum-pale); }
    .capital-token, .capital-token-halo { --capital-x: 1354px; --capital-scale: 1; transform-box: fill-box; transform-origin: center; transform: translateX(var(--capital-x)) scale(var(--capital-scale)); }
    .capital-token { filter: url(#gate-token-glow); }
    .capital-token-halo { fill: color-mix(in oklab, var(--aurum) 13%, transparent); stroke: color-mix(in oklab, var(--aurum) 30%, transparent); stroke-width: .8; }
    .gate-portal {
      --gate-x: 18%;
      --gate-size: clamp(112px, 22vw, 324px);
      position: absolute;
      z-index: 2;
      top: 50%;
      left: var(--gate-left, var(--gate-x));
      width: var(--gate-size);
      aspect-ratio: 1;
      translate: -50% -50%;
      transform-style: preserve-3d;
      perspective: 900px;
      pointer-events: none;
    }
    .gate-two { --gate-x: 50%; }
    .gate-three { --gate-x: 82%; }
    .gate-frame { position: absolute; inset: 0; z-index: 3; width: 100%; height: 100%; overflow: visible; filter: drop-shadow(0 18px 18px rgba(3,8,6,.44)); }
    .gate-frame image { image-rendering: auto; }
    .gate-door-system {
      position: absolute;
      z-index: 2;
      overflow: hidden;
      perspective: 780px;
      transform-style: preserve-3d;
      filter: drop-shadow(0 8px 10px rgba(3,8,6,.42));
    }
    .gate-one .gate-door-system { inset: 21% 18% 18%; clip-path: polygon(15% 0, 85% 0, 100% 15%, 100% 85%, 85% 100%, 15% 100%, 0 85%, 0 15%); }
    .gate-two .gate-door-system { inset: 19% 39% 18%; clip-path: polygon(18% 0, 82% 0, 100% 18%, 100% 82%, 82% 100%, 18% 100%, 0 82%, 0 18%); }
    .gate-three .gate-door-system { inset: 28% 28% 27%; border-radius: 50%; }
    .gate-aperture-light { position: absolute; z-index: 0; inset: 7%; border-radius: inherit; background: radial-gradient(circle, color-mix(in oklab, var(--aurum) 12%, transparent), color-mix(in oklab, var(--mineral) 5%, transparent) 34%, transparent 72%); box-shadow: inset 0 0 24px rgba(3,8,6,.78); }
    .gate-depth-thread {
      position: absolute;
      z-index: 1;
      inset: 3%;
      overflow: hidden;
      isolation: isolate;
      opacity: .84;
      transform: scale(1);
      transform-origin: center;
      border-radius: inherit;
      background:
        radial-gradient(ellipse at 50% 50%, rgba(226,196,132,.12) 0 4%, rgba(8,18,22,.96) 34%, rgba(2,7,10,.995) 82%),
        linear-gradient(90deg, rgba(3,8,10,.99), rgba(8,18,22,.94) 50%, rgba(3,8,10,.99));
      box-shadow: inset 0 0 26px 7px rgba(1,4,6,.78);
      pointer-events: none;
    }
    .gate-depth-thread::before {
      content: "";
      position: absolute;
      z-index: 1;
      inset: 29% -8%;
      opacity: .9;
      background: linear-gradient(90deg, rgba(109,78,39,.08), rgba(194,151,82,.54) 42%, rgba(235,211,157,.92) 49.2%, rgba(235,211,157,.92) 50.8%, rgba(194,151,82,.54) 58%, rgba(109,78,39,.08));
      clip-path: polygon(0 17%, 48.5% 47%, 51.5% 47%, 100% 17%, 100% 83%, 51.5% 53%, 48.5% 53%, 0 83%);
      filter: blur(2px);
    }
    .gate-depth-thread::after {
      content: "";
      position: absolute;
      z-index: 0;
      inset: 8%;
      opacity: .3;
      border-radius: 50%;
      background: repeating-radial-gradient(ellipse at center, transparent 0 11%, rgba(192,151,86,.18) 11.8% 12.5%, transparent 13.2% 22%);
      transform: scale(.94);
    }
    .gate-depth-axis {
      position: absolute;
      z-index: 2;
      left: -4%;
      right: -4%;
      top: 50%;
      height: 1px;
      translate: 0 -50%;
      background: linear-gradient(90deg, #6e4f29, #cda664 42%, transparent 49% 51%, #cda664 58%, #6e4f29);
      box-shadow: 0 0 7px rgba(190,150,82,.48);
    }
    .gate-depth-core {
      position: absolute;
      z-index: 3;
      left: 50%;
      top: 50%;
      width: clamp(3px, 7%, 8px);
      aspect-ratio: 1;
      translate: -50% -50%;
      opacity: .72;
      transform: scale(1);
      transform-origin: center;
      border: 1px solid rgba(229,202,145,.74);
      border-radius: 50%;
      background: #061014;
      box-shadow: 0 0 3px rgba(238,214,164,.9), 0 0 12px rgba(193,150,79,.56);
    }
    .gate-leaf {
      position: absolute;
      z-index: 2;
      top: 0;
      bottom: 0;
      width: 51%;
      overflow: hidden;
      backface-visibility: hidden;
      transform-style: preserve-3d;
      background:
        linear-gradient(115deg, rgba(208,174,108,.14), transparent 18% 74%, rgba(3,8,6,.42)),
        repeating-linear-gradient(96deg, transparent 0 11px, rgba(212,181,119,.035) 12px, transparent 13px),
        radial-gradient(ellipse at 34% 28%, #26332e, #101815 54%, #050a08 100%);
      border: 1px solid color-mix(in oklab, var(--aurum) 34%, transparent);
      box-shadow: inset 0 0 0 3px rgba(3,8,6,.22), inset 8px 0 18px rgba(190,146,78,.055), 0 0 18px rgba(3,8,6,.52);
    }
    .gate-two .gate-leaf { background: linear-gradient(105deg, rgba(188,150,87,.12), transparent 22% 70%, rgba(3,8,6,.46)), repeating-linear-gradient(0deg, transparent 0 14px, rgba(194,158,96,.045) 15px, transparent 16px), radial-gradient(ellipse at 32% 24%, #202925, #0b100e 58%, #030605); }
    .gate-three .gate-leaf { background: radial-gradient(circle at 50% 50%, transparent 0 18%, rgba(183,143,76,.11) 19% 21%, transparent 22% 34%, rgba(194,158,96,.09) 35% 37%, transparent 38%), linear-gradient(112deg, #222c27, #0c1210 58%, #030605); }
    .gate-leaf::after { content: ""; position: absolute; inset: 0 auto 0 0; width: 5px; background: linear-gradient(90deg, #1b120a, #a27d4c 48%, #25180d); box-shadow: 0 0 8px rgba(3,8,6,.7); }
    .gate-leaf-left { left: 0; transform-origin: left center; transform: rotateY(-84deg); }
    .gate-leaf-right { right: 0; transform-origin: right center; transform: rotateY(84deg); }
    .gate-leaf-right::after { inset: 0 0 0 auto; }
    .gate-lock { position: absolute; z-index: 5; left: 50%; top: 50%; width: clamp(18px, 3.2vw, 42px); aspect-ratio: 1; translate: -50% -50%; border: 1px solid color-mix(in oklab, var(--aurum-pale) 48%, transparent); border-radius: 50%; background: radial-gradient(circle at 36% 30%, #c8a56a, #76552f 26%, #1a120b 65%, #050806); box-shadow: 0 0 0 4px color-mix(in oklab, var(--ink) 64%, transparent), 0 5px 14px rgba(3,8,6,.62); transform: rotate(88deg) scale(.72); opacity: .12; }
    .gate-lock::before, .gate-lock::after { content: ""; position: absolute; left: 50%; top: 11%; bottom: 11%; width: 1px; background: color-mix(in oklab, var(--aurum-pale) 54%, transparent); transform: translateX(-50%); }
    .gate-lock::after { left: 11%; right: 11%; top: 50%; bottom: auto; width: auto; height: 1px; transform: translateY(-50%); }
    .gate-bolt { --bolt-scale: .08; position: absolute; z-index: 4; left: 50%; top: 50%; width: 24%; height: 3px; border-radius: 2px; background: linear-gradient(90deg, #312011, #ac8753 48%, #28190d); box-shadow: 0 1px 2px rgba(3,8,6,.7); transform-origin: left center; opacity: .16; }
    .gate-bolt-north { transform: translate(-50%, -50%) rotate(-90deg) translateX(58%) scaleX(var(--bolt-scale)); }
    .gate-bolt-east { transform: translate(-50%, -50%) translateX(58%) scaleX(var(--bolt-scale)); }
    .gate-bolt-south { transform: translate(-50%, -50%) rotate(90deg) translateX(58%) scaleX(var(--bolt-scale)); }
    .gate-bolt-west { transform: translate(-50%, -50%) rotate(180deg) translateX(58%) scaleX(var(--bolt-scale)); }
    .gate-number { position: absolute; z-index: 5; left: 50%; top: 4%; color: var(--aurum-pale); font-size: 9px; font-weight: 600; letter-spacing: .22em; transform: translateX(-50%); text-shadow: 0 2px 12px var(--ink); }
    .gate-criteria { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--line-soft); }
    .gate-criterion { position: relative; min-height: 190px; padding: 28px clamp(22px, 2.5vw, 42px) 34px; border-right: 1px solid var(--line-soft); transition: background .45s var(--ease); }
    .gate-criterion:last-child { border-right: 0; }
    .gate-criterion:hover { background: color-mix(in oklab, var(--aurum) 4%, transparent); }
    .gate-index { display: inline-flex; align-items: center; gap: 9px; color: var(--aurum); font-size: 9px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; }
    .gate-index::before { content: ""; width: 18px; height: 1px; background: currentColor; }
    .gate-criterion h3 { margin: 24px 0 10px; font-family: var(--serif); font-size: clamp(24px, 2vw, 32px); font-weight: 400; line-height: 1; letter-spacing: -.025em; }
    .gate-criterion p { max-width: 390px; margin: 0; color: var(--stone-soft); font-size: 13px; line-height: 1.65; }
    .gate-caption { display: grid; grid-template-columns: minmax(180px, .55fr) minmax(0, 1.45fr) auto; gap: 30px; align-items: center; padding: 26px 24px 28px; border-top: 1px solid var(--line-soft); }
    .gate-caption > span { color: var(--aurum); font-size: 9px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; }
    .gate-caption strong { color: var(--stone); font-family: var(--serif); font-size: clamp(21px, 2vw, 29px); font-weight: 400; }
    .gate-caption small { max-width: 300px; color: var(--stone-dim); font-size: 10px; line-height: 1.5; letter-spacing: .08em; text-align: right; text-transform: uppercase; }
    html[data-motion-runtime="gsap"] .capital-token,
    html[data-motion-runtime="gsap"] .capital-token-halo { --capital-x: 0px; --capital-scale: 1; }
    html[data-motion-runtime="gsap"] .gate-track-progress { stroke-dashoffset: 1; }
    html[data-motion-runtime="gsap"] .gate-frame { opacity: .72; }
    html[data-motion-runtime="gsap"] .gate-aperture-light { opacity: .14; }
    html[data-motion-runtime="gsap"] .gate-depth-thread { opacity: 0; transform: scaleX(.14) scaleY(.42); }
    html[data-motion-runtime="gsap"] .gate-depth-core { opacity: 0; transform: scale(.35); }
    html[data-motion-runtime="gsap"] .gate-leaf-left,
    html[data-motion-runtime="gsap"] .gate-leaf-right { transform: rotateY(0deg); }
    html[data-motion-runtime="gsap"] .gate-lock { opacity: 1; transform: rotate(0deg) scale(1); }
    html[data-motion-runtime="gsap"] .gate-bolt { --bolt-scale: 1; opacity: .9; }
    html[data-motion-runtime="gsap"] .gate-number { opacity: .55; }
    html[data-motion-runtime="gsap"] .gate-criterion { opacity: .52; }
    html[data-motion-runtime="gsap"] .gate-output-node,
    html[data-motion-runtime="gsap"] .gate-output-core { opacity: .18; transform: scale(.72); transform-box: fill-box; transform-origin: center; }
    html[data-motion-runtime="gsap"] .gate-caption { opacity: .62; }

    .portfolio { padding: clamp(100px, 13vw, 190px) 0 clamp(130px, 16vw, 230px); background: color-mix(in oklab, var(--ink) 92%, transparent); }
    .portfolio-head { width: var(--page); margin: 0 auto 90px; display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: end; }
    .portfolio-head p:not(.kicker) { max-width: 480px; margin: 0 0 8px auto; color: var(--stone-soft); font-size: 17px; line-height: 1.7; }
    .stack { width: var(--page); margin-inline: auto; }
    .stack-card {
      --card-hue: var(--aurum);
      --spot-x: 50%;
      --spot-y: 50%;
      position: sticky;
      top: calc(96px + var(--i) * 18px);
      min-height: min(70vh, 650px);
      margin-bottom: 56px;
      overflow: hidden;
      border: 1px solid color-mix(in oklab, var(--card-hue) 26%, transparent);
      background: var(--ink-soft);
      transform-origin: 50% 0;
      box-shadow: 0 32px 100px color-mix(in oklab, var(--ink) 88%, transparent);
    }
    .stack-card::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      background: radial-gradient(circle 420px at var(--spot-x) var(--spot-y), color-mix(in oklab, var(--card-hue) 9%, transparent), transparent 72%);
      opacity: 0;
      transition: opacity .65s var(--ease);
      pointer-events: none;
    }
    .stack-card:hover::before { opacity: 1; }
    .stack-card:nth-child(2) { --card-hue: var(--mineral); }
    .stack-card:nth-child(3) { --card-hue: var(--violet); }
    .stack-card:nth-child(4) { --card-hue: var(--aurum-pale); }
    .stack-card-inner { position: relative; z-index: 2; min-height: inherit; display: grid; grid-template-columns: .9fr 1.1fr; }
    .stack-copy { padding: clamp(42px, 6vw, 90px); display: flex; flex-direction: column; justify-content: space-between; }
    .stack-number { color: color-mix(in oklab, var(--card-hue) 75%, var(--stone)); font-size: 10px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; }
    .stack-copy h3 { max-width: 640px; margin: 38px 0 24px; font-size: clamp(42px, 5.4vw, 84px); line-height: .92; letter-spacing: -.055em; font-weight: 300; }
    .stack-copy p { max-width: 560px; margin: 0; color: var(--stone-soft); font-size: 16px; line-height: 1.72; }
    .stack-tag { margin-top: 44px; color: color-mix(in oklab, var(--card-hue) 75%, var(--stone)); font-size: 10px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; }
    .stack-art { position: relative; overflow: hidden; background-color: color-mix(in oklab, var(--card-hue) 6%, var(--ink)); }
    .stack-card:nth-child(1) .stack-art { background: radial-gradient(ellipse at 50% 72%, color-mix(in oklab, var(--aurum) 14%, transparent), transparent 46%), conic-gradient(from 210deg at 50% 52%, transparent, color-mix(in oklab, var(--aurum) 8%, transparent), transparent 38%); }
    .stack-card:nth-child(2) .stack-art { background: linear-gradient(148deg, color-mix(in oklab, var(--mineral) 9%, transparent), transparent 48%), repeating-linear-gradient(90deg, transparent 0 49px, color-mix(in oklab, var(--mineral) 8%, transparent) 49px 50px); }
    .stack-card:nth-child(3) .stack-art { background: radial-gradient(ellipse at 30% 20%, color-mix(in oklab, var(--violet) 12%, transparent), transparent 47%), repeating-radial-gradient(ellipse at 90% 112%, transparent 0 42px, color-mix(in oklab, var(--violet) 7%, transparent) 43px 44px); }
    .stack-card:nth-child(4) .stack-art { background: conic-gradient(from 22deg at 50% 50%, transparent 0 9%, color-mix(in oklab, var(--aurum-pale) 10%, transparent) 9.5% 12%, transparent 12.5% 52%, color-mix(in oklab, var(--mineral) 8%, transparent) 52.5% 55%, transparent 55.5%); }
    .stack-art::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(90deg, transparent 0 59px, color-mix(in oklab, var(--card-hue) 8%, transparent) 59px 60px), repeating-linear-gradient(0deg, transparent 0 59px, color-mix(in oklab, var(--card-hue) 8%, transparent) 59px 60px); mask-image: radial-gradient(circle, black, transparent 75%); }
    .stack-art::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% 48%, transparent 0 30%, color-mix(in oklab, var(--ink) 72%, transparent) 92%); pointer-events: none; }
    .stack-glyph { position: absolute; z-index: 1; inset: 50% auto auto 50%; width: 78%; max-width: 560px; transform: translate(-50%, -50%); color: color-mix(in oklab, var(--card-hue) 76%, var(--stone)); filter: drop-shadow(0 0 48px color-mix(in oklab, var(--card-hue) 28%, transparent)); }
    .stack-glyph path, .stack-glyph circle, .stack-glyph rect, .stack-glyph line, .stack-glyph polyline { vector-effect: non-scaling-stroke; stroke-dasharray: 1200; stroke-dashoffset: 0; }

    .leadership { padding: clamp(120px, 16vw, 240px) 0; background: var(--stone); color: var(--ink); overflow: hidden; }
    .leadership::before { content: ""; position: absolute; width: min(72vw, 1040px); aspect-ratio: 1; top: -34%; right: -18%; opacity: .34; background: repeating-radial-gradient(ellipse at 50% 50%, transparent 0 35px, color-mix(in oklab, var(--aurum-deep) 12%, transparent) 36px 37px); transform: rotate(-16deg) scaleY(.62); pointer-events: none; }
    .leadership-head { width: var(--page); margin: 0 auto 64px; display: flex; align-items: end; justify-content: space-between; gap: 30px; }
    .leader-controls { display: flex; gap: 10px; }
    .leader-arrow {
      width: 52px;
      height: 52px;
      border: 1px solid color-mix(in oklab, var(--ink) 26%, transparent);
      background: transparent;
      color: var(--ink);
      cursor: pointer;
      transition: background .3s, color .3s, transform .3s var(--ease);
    }
    .leader-arrow:hover { background: var(--ink); color: var(--stone); transform: translateY(-2px); }
    .leader-viewport { width: var(--page); margin-inline: auto; overflow: hidden; border-block: 1px solid color-mix(in oklab, var(--ink) 18%, transparent); }
    .leader-track { display: flex; transition: transform .9s var(--ease); }
    .leader-slide { position: relative; min-width: 100%; display: grid; grid-template-columns: .72fr 1.28fr; min-height: clamp(620px, 40vw, 760px); overflow: hidden; }
    .leader-slide::before {
      content: attr(data-name);
      position: absolute;
      right: -2%;
      bottom: -7%;
      z-index: 0;
      white-space: nowrap;
      color: color-mix(in oklab, var(--ink) 5%, transparent);
      font-size: clamp(88px, 13vw, 190px);
      font-weight: 700;
      line-height: .8;
      letter-spacing: -.075em;
      pointer-events: none;
    }
    .leader-sigil {
      --portrait-focus-y: 22%;
      position: relative;
      display: grid;
      place-items: center;
      overflow: hidden;
      isolation: isolate;
      border-right: 1px solid color-mix(in oklab, var(--ink) 18%, transparent);
      background: var(--ink-soft);
    }
    .leader-sigil::after {
      content: "";
      position: absolute;
      z-index: 2;
      inset: 0;
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--aurum-deep) 12%, transparent);
      pointer-events: none;
    }
    .leader-portrait {
      position: absolute;
      z-index: 1;
      inset: 0;
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      object-position: 50% var(--portrait-focus-y);
      transform: translateZ(0);
      transform-origin: 50% 28%;
      will-change: transform, opacity;
    }
    .leader-slide:nth-child(2) .leader-sigil { --portrait-focus-y: 24%; }
    .leader-slide:nth-child(3) .leader-sigil { --portrait-focus-y: 26%; }
    .leader-copy { position: relative; z-index: 1; padding: clamp(44px, 7vw, 96px); display: flex; flex-direction: column; justify-content: center; }
    .leader-role { color: var(--aurum-deep); font-size: 10px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; }
    .leader-copy h3 { margin: 18px 0 30px; font-size: clamp(42px, 5.2vw, 76px); font-weight: 400; line-height: .96; letter-spacing: -.05em; }
    .leader-copy p { max-width: 690px; margin: 0 0 18px; color: color-mix(in oklab, var(--ink) 72%, transparent); font-size: 16px; line-height: 1.72; }
    .leader-dots { width: var(--page); margin: 12px auto 0; display: flex; gap: 8px; }
    .leader-dot { position: relative; width: 46px; height: 44px; border: 0; padding: 0; background: transparent; cursor: pointer; transition: width .35s var(--ease); }
    .leader-dot::after { content: ""; position: absolute; inset: 50% 0 auto; height: 3px; background: color-mix(in oklab, var(--ink) 18%, transparent); transform: translateY(-50%); transition: background .35s; }
    .leader-dot.active { width: 84px; }
    .leader-dot.active::after { background: var(--aurum-deep); }

    .intelligence { padding: clamp(130px, 18vw, 260px) 0; background: color-mix(in oklab, var(--ink-soft) 94%, transparent); overflow: hidden; }
    .intelligence::before {
      content: "";
      position: absolute;
      width: 64vw;
      height: 150%;
      top: -25%;
      right: -14%;
      background: linear-gradient(112deg, transparent 28%, color-mix(in oklab, var(--aurum) 5%, transparent) 50%, transparent 72%);
      transform: rotate(-8deg);
      pointer-events: none;
    }
    .intelligence-wrap { width: var(--page); margin-inline: auto; display: grid; grid-template-columns: minmax(0, .86fr) minmax(440px, 1.14fr); gap: clamp(60px, 9vw, 140px); align-items: center; }
    .intelligence-copy p:not(.kicker) { max-width: 650px; margin: 34px 0 0; color: var(--stone-soft); font-size: 17px; line-height: 1.75; }
    .intelligence-list { margin-top: 54px; border-top: 1px solid var(--line-soft); }
    .intelligence-item { display: grid; grid-template-columns: 42px 1fr; gap: 18px; padding: 22px 0; border-bottom: 1px solid var(--line-soft); }
    .intelligence-item span { color: var(--aurum); font-size: 10px; letter-spacing: .16em; }
    .intelligence-item h3 { margin: 0 0 6px; font-size: 16px; font-weight: 500; }
    .intelligence-item p { margin: 0; color: var(--stone-soft); font-size: 14px; line-height: 1.55; }
    .signal-sphere { position: relative; width: min(100%, 650px); aspect-ratio: 1; margin-inline: auto; }
    .signal-sphere::before { content: ""; position: absolute; inset: 8%; border-radius: 50%; background: radial-gradient(circle at 50% 50%, color-mix(in oklab, var(--mineral) 9%, transparent), transparent 28%), repeating-radial-gradient(ellipse at 50% 50%, transparent 0 26px, color-mix(in oklab, var(--aurum) 6%, transparent) 27px 28px); opacity: .9; mask-image: radial-gradient(circle, black, transparent 76%); }
    .signal-sphere::after { content: ""; position: absolute; inset: 2%; border: 1px solid var(--line); border-radius: 50%; box-shadow: 0 0 90px color-mix(in oklab, var(--aurum) 8%, transparent), inset 0 0 80px color-mix(in oklab, var(--ink) 85%, transparent); }
    #signal-canvas { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; }
    .sphere-label { position: absolute; z-index: 2; inset: 50% auto auto 50%; width: 150px; transform: translate(-50%, -50%); text-align: center; color: var(--stone); font-size: 10px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; }
    .sphere-label strong { display: block; margin-bottom: 8px; color: var(--aurum-pale); font-size: 30px; font-weight: 300; letter-spacing: -.04em; }

    .contact { min-height: 100svh; display: grid; align-items: center; overflow: hidden; background: var(--aurum-pale); color: var(--ink); }
    .contact::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(90deg, transparent 0 calc(8.333% - 1px), color-mix(in oklab, var(--ink) 9%, transparent) calc(8.333% - 1px) 8.333%); }
    .contact::after {
      content: "";
      position: absolute;
      width: 1px;
      height: 78%;
      right: 23%;
      top: 11%;
      background: color-mix(in oklab, var(--ink) 35%, transparent);
      box-shadow: 0 0 70px 16px color-mix(in oklab, var(--stone) 25%, transparent);
      pointer-events: none;
    }
    .threshold-art { position: absolute; z-index: 0; inset: 0 0 0 48%; overflow: hidden; pointer-events: none; }
    .threshold-wing { position: absolute; top: -12%; bottom: -12%; width: 58%; background: var(--ink); opacity: .24; will-change: transform; }
    .threshold-wing:first-child { right: 49%; clip-path: polygon(0 0, 100% 8%, 78% 100%, 0 92%); transform-origin: right center; }
    .threshold-wing:nth-child(2) { left: 51%; clip-path: polygon(22% 0, 100% 0, 100% 100%, 0 92%); transform-origin: left center; }
    .threshold-core { position: absolute; width: 2px; height: 66%; left: 50%; top: 17%; background: var(--stone); box-shadow: 0 0 24px 4px var(--stone), 0 0 110px 30px color-mix(in oklab, var(--stone) 48%, transparent); transform: translateX(-50%) scaleY(.15); transform-origin: center; }
    .contact-inner { position: relative; z-index: 1; width: var(--page); margin-inline: auto; padding: 130px 0 48px; }
    .contact .kicker { color: var(--ink); }
    .contact h2 { max-width: 1180px; }
    .contact h2 em { display: block; font-family: var(--serif); font-weight: 400; color: var(--ink); }
    .contact-row { margin-top: 68px; display: flex; justify-content: space-between; align-items: flex-end; gap: 50px; }
    .contact-row p { max-width: 520px; margin: 0; font-size: 18px; line-height: 1.65; }
    .contact-actions { display: flex; gap: 12px; }
    .contact .button { background: var(--ink); color: var(--stone); border-color: var(--ink); }
    .contact .button::before { background: var(--stone); }
    .contact .button:hover { color: var(--ink); }
    .contact .button.secondary { background: transparent; color: var(--ink); }
    .contact .button.secondary::before { background: var(--ink); }
    .contact .button.secondary:hover { color: var(--stone); }
    .footer-line { margin-top: 108px; padding-top: 24px; border-top: 1px solid color-mix(in oklab, var(--ink) 24%, transparent); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; font-size: 10px; font-weight: 500; letter-spacing: .15em; text-transform: uppercase; }
    .footer-line span:last-child { text-align: right; }
    .footer-logo { width: 42px; height: 42px; object-fit: contain; opacity: .52; }

    .reveal { opacity: 1; transform: none; }
    .motion-ready .reveal { opacity: 0; transform: translateY(30px); }

    @media (min-width: 1181px) and (min-height: 800px) {
      .gate-stage { height: min(51vh, 430px); min-height: 340px; }
      .gate-criterion { min-height: 150px; padding-block: 22px 25px; }
      .gate-criterion h3 { margin-block: 18px 8px; }
      .gate-caption { padding-block: 18px 20px; }
    }

    @media (min-width: 1181px) and (max-height: 799px) {
      .hero-content { padding: 92px 0 48px; }
      .hero-crest { width: 80px; margin-bottom: 16px; }
      .eyebrow { margin-bottom: 14px; }
      .hero h1 { font-size: clamp(58px, 7.6vw, 108px); }
      .hero-copy { margin-top: 18px; line-height: 1.55; }
      .hero-actions { margin-top: 22px; }
      .thesis { min-height: auto; padding: 120px 0; }
      .thesis-stage { min-height: auto; }
      .generational-column { min-height: 650px; }
      .column-label-continuity { top: 12%; }
      .column-label-agency { top: 42%; }
      .column-label-foundation { top: 72%; }
      .scroll-cue { display: none; }
    }

    @media (max-width: 1180px) {
      :root { --page: min(100% - 48px, 900px); }
      .nav-cluster, .desktop-nav { display: none; }
      .kautilya-gateway-mobile { display: grid; margin-left: auto; }
      .menu-toggle { display: block; margin-left: -8px; }
      .thesis-grid, .section-intro, .portfolio-head, .intelligence-wrap { grid-template-columns: 1fr; }
      .thesis { min-height: auto; padding: 130px 0; }
      .thesis-stage { min-height: auto; overflow: visible; }
      .generational-column { min-height: auto; max-width: 760px; margin: 54px auto 0; }
      .generational-column::before { inset: 0 3% 34%; }
      .column-object { position: relative; inset: auto; width: min(100%, 620px); margin: 0 auto; transform: none; }
      .column-leaders { display: none; }
      .column-labels { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin-top: 26px; border-block: 1px solid var(--line-soft); background: var(--line-soft); }
      .column-label { position: relative; inset: auto; width: auto; min-width: 0; min-height: 156px; padding: 22px 20px 24px; background: var(--ink); }
      .column-label strong { font-size: 24px; }
      .column-caption { position: relative; inset: auto; margin-top: 22px; line-height: 1.6; }
      .section-intro p:not(.kicker), .portfolio-head p:not(.kicker) { margin-left: 0; }
      .domain-rail { height: auto; display: grid; grid-template-columns: 1fr; border: 0; gap: 1px; background: color-mix(in oklab, var(--ink) 20%, transparent); }
      .domain, .domain:hover, .domain:focus-visible, .domain.active { min-height: 0; display: grid; grid-template-rows: 88px 0fr; border: 0; background: var(--stone); color: var(--ink); transition: grid-template-rows .6s var(--ease), background .45s, color .45s; }
      .domain.active { background: var(--ink); color: var(--stone); }
      .domain-index { top: 28px; left: 24px; }
      .domain-title-vertical { writing-mode: initial; transform: none; left: 72px; top: 24px; bottom: auto; font-size: 28px; opacity: 1; }
      .domain:hover .domain-title-vertical, .domain:focus-visible .domain-title-vertical { opacity: 1; }
      .domain.active .domain-title-vertical { opacity: 0; }
      .domain-content { grid-row: 2; width: auto; min-height: 0; margin: 0; padding: 0 28px; opacity: 0; overflow: hidden; transform: none; transition: opacity .4s .04s; }
      .domain-content-inner { overflow: hidden; padding-bottom: 32px; }
      .domain.active { grid-template-rows: 88px 1fr; }
      .domain.active .domain-content { opacity: 1; }
      .domain-heading { font-size: 38px; }
      .domain-signal svg { width: min(390px, 88%); top: -28px; }
      .evidence-header { grid-template-columns: 1fr; gap: 34px; }
      .evidence-intro { max-width: 600px; }
      .gate-stage { height: clamp(300px, 48vw, 450px); min-height: 300px; }
      .gate-portal { --gate-size: clamp(126px, 25vw, 238px); }
      .gate-criterion { min-height: 208px; }
      .gate-caption { grid-template-columns: 150px 1fr; }
      .gate-caption small { grid-column: 2; max-width: none; text-align: left; }
      .stack-card-inner, .leader-slide { grid-template-columns: 1fr; }
      .stack-art { min-height: 360px; order: -1; }
      .leader-sigil { min-height: 0; aspect-ratio: 8 / 5; border-right: 0; border-bottom: 1px solid color-mix(in oklab, var(--ink) 18%, transparent); }
      .leader-copy { min-height: 500px; }
      .contact-row { align-items: flex-start; flex-direction: column; }
      .footer-line { grid-template-columns: 1fr auto; }
      .footer-line span:last-child { grid-column: 1 / -1; text-align: left; }
    }

    @media (max-width: 820px) {
      .gate-stage { display: block; height: clamp(230px, 62vw, 320px); min-height: 230px; }
      .gate-portal { --gate-size: clamp(76px, 24vw, 150px); }
      .gate-one { --gate-x: 18.0556%; }
      .gate-three { --gate-x: 81.9444%; }
      .gate-number { top: 1%; font-size: 7px; }
      .gate-lock { width: clamp(12px, 2.6vw, 16px); }
      .gate-two .gate-door-system { inset: 19% 36% 18%; }
      .gate-frame { filter: drop-shadow(0 10px 10px rgba(3,8,6,.4)); }
      .gate-criteria { grid-template-columns: 1fr; }
      .gate-criterion { min-height: 0; padding: 28px 20px 32px 58px; border-right: 0; border-bottom: 1px solid var(--line-soft); }
      .gate-criterion::before { content: ""; position: absolute; left: 23px; top: 33px; width: 10px; height: 10px; border: 1px solid var(--aurum); transform: rotate(45deg); }
      .gate-criterion:last-child { border-bottom: 0; }
      .gate-criterion h3 { margin-top: 17px; font-size: 27px; }
      .gate-caption { grid-template-columns: 1fr; gap: 8px; padding: 26px 20px 30px; }
      .gate-caption small { grid-column: auto; margin-top: 9px; text-align: left; }
    }

    @media (max-width: 640px) {
      :root { --page: calc(100% - 36px); }
      .site-header { height: 72px; }
      .brand-lockup { width: 124px; }
      .nav-inner { gap: 10px; }
      .kautilya-gateway-mobile { min-height: 46px; grid-template-columns: 26px auto; column-gap: 8px; padding-left: 10px; }
      .kautilya-gateway-mobile .kautilya-mark { width: 26px; height: 26px; }
      .kautilya-gateway-mobile .kautilya-word { font-size: 11.5px; letter-spacing: .13em; }
      .kautilya-gateway-mobile .kautilya-enter { gap: 5px; margin-top: 4px; font-size: 6px; letter-spacing: .2em; }
      .kautilya-gateway-mobile .kautilya-enter svg { width: 8px; height: 8px; }
      .menu-toggle { width: 44px; height: 44px; }
      .hero-content { width: calc(100vw - 36px); padding: 96px 0 56px; text-align: center; }
      .hero-crest { width: 70px; margin: 0 auto 22px; }
      .eyebrow { max-width: 300px; justify-content: center; gap: 8px; line-height: 1.7; }
      .eyebrow::before, .eyebrow::after { width: 18px; }
      .hero h1 { max-width: 100%; font-size: clamp(50px, 15.5vw, 72px); line-height: .9; letter-spacing: -.06em; }
      .hero-copy { max-width: 350px; font-size: 15px; }
      .hero-actions { width: min(100%, 330px); flex-direction: column; align-items: stretch; margin-inline: auto; }
      .button { width: 100%; min-height: 54px; }
      .orbital-system { width: 124vw; }
      .hero-vessel { width: 166%; height: 108%; left: -33%; top: 14%; opacity: .76; }
      .scroll-cue { display: none; }
      .display-heading { font-size: clamp(46px, 13.5vw, 64px); }
      .thesis { padding: 110px 0; }
      .thesis-grid { gap: 60px; }
      .thesis-copy { margin-top: 30px; font-size: 22px; }
      .generational-column { margin-top: 46px; }
      .column-object { width: min(106%, 560px); margin-left: -3%; }
      .column-labels { grid-template-columns: 1fr; }
      .column-label { min-height: 0; padding: 20px 18px 22px; }
      .column-label strong { font-size: 23px; }
      .column-label small { max-width: 330px; font-size: 11px; }
      .column-caption { align-items: flex-start; flex-direction: column; gap: 7px; }
      .domains, .evidence, .leadership, .intelligence { padding-block: 110px; }
      .section-intro, .portfolio-head { margin-bottom: 48px; gap: 28px; }
      .section-intro p:not(.kicker), .portfolio-head p:not(.kicker) { font-size: 15px; }
      .domain-title-vertical { left: 62px; font-size: 24px; }
      .domain-content { padding-inline: 24px; }
      .domain-heading { font-size: 34px; }
      .domain-signal svg { width: 330px; right: -80px; top: -22px; opacity: .48; }
      .evidence-header { margin-bottom: 48px; }
      .portfolio { padding-top: 100px; }
      .portfolio-head { grid-template-columns: 1fr; }
      .stack-card { position: relative; top: auto; min-height: auto; margin-bottom: 24px; }
      .stack-copy { padding: 38px 28px 44px; }
      .stack-copy h3 { font-size: 45px; }
      .stack-art { min-height: 300px; }
      .leadership-head { align-items: flex-start; flex-direction: column; margin-bottom: 44px; }
      .leader-slide { min-height: auto; }
      .leader-sigil { min-height: 0; aspect-ratio: 4 / 5; }
      .leader-copy { min-height: 440px; padding: 42px 26px 52px; justify-content: flex-start; }
      .leader-copy h3 { font-size: 44px; }
      .leader-copy p { font-size: 15px; }
      .intelligence-wrap { grid-template-columns: 1fr; gap: 70px; }
      .signal-sphere { width: 112%; margin-left: -6%; }
      .contact-inner { padding-top: 110px; }
      .contact-row { margin-top: 46px; gap: 38px; }
      .contact-row p { font-size: 16px; }
      .contact-actions { width: 100%; flex-direction: column; }
      .footer-line { margin-top: 78px; grid-template-columns: 1fr; }
      .footer-logo { display: none; }
      .threshold-art { inset: 0 0 0 28%; opacity: .38; }
    }

    @media (max-width: 380px) {
      .brand-lockup { display: none; }
      .brand-monogram-compact { display: block; }
      .column-object { width: 108%; margin-left: -4%; }
    }

    @media (min-width: 1800px) {
      .site-header { height: 104px; }
      .site-header.scrolled { height: 82px; }
      .brand-lockup { width: 166px; }
      .kautilya-gateway { grid-template-columns: 36px auto; column-gap: 13px; padding-left: 24px; }
      .kautilya-mark { width: 36px; height: 36px; }
      .kautilya-word { font-size: 16px; }
      .kautilya-enter { font-size: 8px; }
      .hero-content { padding-top: 158px; }
      .hero-crest { width: clamp(92px, 3vw, 112px); }
      .eyebrow { font-size: 11px; }
      .hero h1 { max-width: min(1760px, 82vw); font-size: clamp(120px, 5.2vw, 204px); }
      .hero-copy { max-width: 860px; font-size: 24px; }
      .hero-actions .button { min-width: 220px; min-height: 60px; }
      .hero-vessel { width: 112%; height: 116%; left: -6%; top: 3%; }
      .orbital-system { width: min(72vw, 1120px); }
      .display-heading { max-width: 1280px; font-size: clamp(88px, 5.5vw, 124px); }
      .thesis-grid { grid-template-columns: minmax(0, .9fr) minmax(680px, 1.1fr); }
      .generational-column { min-height: 900px; max-width: 1080px; }
      .column-object { width: 78%; max-width: 840px; }
      .column-label { width: 25%; }
      .gate-stage { min-height: 360px; }
    }

    @media (pointer: coarse) {
      .cursor-core, .cursor-aura { display: none; }
    }

    @media (pointer: fine) and (prefers-reduced-motion: no-preference) {
      html[data-motion-runtime="gsap"] body,
      html[data-motion-runtime="gsap"] a,
      html[data-motion-runtime="gsap"] button { cursor: none; }
    }

    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .001ms !important; }
      .boot { display: none; }
      .cursor-core, .cursor-aura { display: none !important; }
      .motion-ready .reveal { opacity: 1 !important; transform: none !important; }
      .marquee-track { animation: none !important; transform: none !important; }
      .thesis { min-height: auto; padding: clamp(120px, 14vw, 210px) 0; }
      .thesis-stage { min-height: auto; overflow: visible; }
      .grain { display: none; }
      .stack-card { position: relative; top: auto; }
      html[data-motion-runtime="reduced"] .vault-agency { transform: rotate(14deg) !important; transform-origin: 360px 380px !important; }
      html[data-motion-runtime="reduced"] .vault-continuity { transform: scaleX(.13) !important; transform-origin: 548px 380px !important; }
      html:is([data-motion-runtime="gsap"], [data-motion-runtime="reduced"]) .column-leader,
      html:is([data-motion-runtime="gsap"], [data-motion-runtime="reduced"]) .column-label,
      html:is([data-motion-runtime="gsap"], [data-motion-runtime="reduced"]) .column-caption { opacity: 1 !important; transform: none !important; }
      html:is([data-motion-runtime="gsap"], [data-motion-runtime="reduced"]) .capital-token,
      html:is([data-motion-runtime="gsap"], [data-motion-runtime="reduced"]) .capital-token-halo { transform: translateX(1354px) !important; opacity: 1 !important; }
      html:is([data-motion-runtime="gsap"], [data-motion-runtime="reduced"]) .gate-track-progress { stroke-dashoffset: 0 !important; }
      html:is([data-motion-runtime="gsap"], [data-motion-runtime="reduced"]) .gate-frame,
      html:is([data-motion-runtime="gsap"], [data-motion-runtime="reduced"]) .gate-aperture-light,
      html:is([data-motion-runtime="gsap"], [data-motion-runtime="reduced"]) .gate-depth-thread,
      html:is([data-motion-runtime="gsap"], [data-motion-runtime="reduced"]) .gate-number,
      html:is([data-motion-runtime="gsap"], [data-motion-runtime="reduced"]) .gate-criterion,
      html:is([data-motion-runtime="gsap"], [data-motion-runtime="reduced"]) .gate-caption { opacity: 1 !important; }
      html:is([data-motion-runtime="gsap"], [data-motion-runtime="reduced"]) .gate-depth-thread { transform: scale(1) !important; filter: none !important; }
      html:is([data-motion-runtime="gsap"], [data-motion-runtime="reduced"]) .gate-depth-core { opacity: .72 !important; transform: scale(1) !important; }
      html:is([data-motion-runtime="gsap"], [data-motion-runtime="reduced"]) .gate-leaf-left { transform: rotateY(-84deg) !important; }
      html:is([data-motion-runtime="gsap"], [data-motion-runtime="reduced"]) .gate-leaf-right { transform: rotateY(84deg) !important; }
      html:is([data-motion-runtime="gsap"], [data-motion-runtime="reduced"]) .gate-two .gate-leaf-left { transform: translateX(-108%) !important; }
      html:is([data-motion-runtime="gsap"], [data-motion-runtime="reduced"]) .gate-two .gate-leaf-right { transform: translateX(108%) !important; }
      html:is([data-motion-runtime="gsap"], [data-motion-runtime="reduced"]) .gate-three .gate-door-system { transform: none !important; }
      html:is([data-motion-runtime="gsap"], [data-motion-runtime="reduced"]) .gate-lock { opacity: .08 !important; transform: rotate(90deg) scale(.78) !important; }
      html:is([data-motion-runtime="gsap"], [data-motion-runtime="reduced"]) .gate-bolt { --bolt-scale: .08 !important; opacity: .16 !important; }
      html:is([data-motion-runtime="gsap"], [data-motion-runtime="reduced"]) .gate-output-node,
      html:is([data-motion-runtime="gsap"], [data-motion-runtime="reduced"]) .gate-output-core { opacity: 1 !important; transform: scale(1) !important; }
    }

    html[data-motion-runtime="static"] .orbit,
    html[data-motion-runtime="static"] .scroll-cue i,
    html[data-motion-runtime="static"] .marquee-track { animation-play-state: paused !important; }
    html[data-motion-runtime="static"] .domain-signal :is(path, circle, rect, polyline, line) {
      animation: none !important;
      stroke-dashoffset: 0;
    }
    html:is([data-motion-runtime="fallback"], [data-motion-runtime="static"]) .thesis { min-height: auto; padding: clamp(120px, 14vw, 210px) 0; }
    html:is([data-motion-runtime="fallback"], [data-motion-runtime="static"]) .thesis-stage { min-height: auto; overflow: visible; }
    .no-js .vault-agency,
    html:is([data-motion-runtime="fallback"], [data-motion-runtime="static"]) .vault-agency {
      transform: rotate(14deg);
      transform-origin: 360px 380px;
    }
    .no-js .vault-continuity,
    html:is([data-motion-runtime="fallback"], [data-motion-runtime="static"]) .vault-continuity {
      transform: scaleX(.13);
      transform-origin: 548px 380px;
    }

    /* Progressive enhancement: every word remains available without scripts. */
    .hero-logo-picture { display: block; }
    html.no-js .scroll-progress,
    html.no-js .cursor-core,
    html.no-js .cursor-aura,
    html.no-js #capital-field,
    html.no-js .leader-controls,
    html.no-js .leader-dots { display: none !important; }
    html.no-js .reveal { opacity: 1 !important; transform: none !important; visibility: visible !important; }
    html.no-js .static-nav { display: none; }
    html.no-js .domain-rail {
      height: auto;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1px;
      border: 0;
      background: color-mix(in oklab, var(--aurum-deep) 24%, transparent);
      overflow: visible;
    }
    html.no-js .domain,
    html.no-js .domain:hover,
    html.no-js .domain:focus-visible,
    html.no-js .domain.active {
      min-height: 320px;
      display: block;
      padding: 92px 30px 34px;
      border: 0;
      background: var(--ink);
      color: var(--stone);
      cursor: default;
    }
    html.no-js .domain-title-vertical { display: none; }
    html.no-js .domain-content {
      display: block;
      width: auto;
      margin: 0;
      padding: 0;
      opacity: 1;
      transform: none;
      overflow: visible;
    }
    html.no-js .domain-description { color: var(--stone-soft); }
    html.no-js .domain-signal { opacity: .22; transform: none; }
    html.no-js .domain-signal :is(path, circle, rect, polyline, line) { animation: none; stroke-dashoffset: 0; }
    html.no-js .leader-viewport { overflow: visible; border: 0; }
    html.no-js .leader-track { display: grid; gap: 1px; transform: none !important; }
    html.no-js .leader-slide { min-width: 0; border-block: 1px solid color-mix(in oklab, var(--ink) 18%, transparent); }

    @media (max-width: 1180px) {
      html.no-js .menu-toggle { display: none; }
      html.no-js .static-nav {
        position: absolute;
        z-index: 170;
        top: 88px;
        left: 50%;
        width: var(--page);
        display: flex;
        gap: 20px;
        padding: 12px 0;
        overflow-x: auto;
        background: color-mix(in oklab, var(--ink) 96%, transparent);
        border-block: 1px solid var(--line-soft);
        color: var(--stone-soft);
        font-size: 9px;
        font-weight: 600;
        letter-spacing: .15em;
        text-transform: uppercase;
        transform: translateX(-50%);
        scrollbar-width: none;
      }
      html.no-js .static-nav::-webkit-scrollbar { display: none; }
      html.no-js .static-nav a { flex: 0 0 auto; padding: 4px 0; }
    }

    @media (max-width: 640px) {
      html.no-js .static-nav { top: 72px; }
      html.no-js .domain-rail { grid-template-columns: 1fr; }
      html.no-js .domain,
      html.no-js .domain:hover,
      html.no-js .domain:focus-visible,
      html.no-js .domain.active { min-height: 0; padding: 76px 24px 34px; }
    }