/* THRESHOLD — site system
   Bone / ink / charcoal. Gold appears only where something has crossed the threshold. */
:root{
  --bone:#EDE6D9; --bone-2:#E2D9C8; --bone-3:#D3C7B2;
  --ink:#0B0C0E; --char:#16171A; --char-2:#1F2024; --char-3:#2A2B30;
  --mute-b:#4E493F; --mute-i:#A49E92;
  --gold:#E6B325; --gold-soft:rgba(230,179,37,.16);

  --serif:"Newsreader","Iowan Old Style",Georgia,serif;
  --sans:"Public Sans","Helvetica Neue",Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;

  --gutter:clamp(20px,4.4vw,72px);
  --maxw:1520px;
  --sp:clamp(104px,14vw,220px);
  --ease:cubic-bezier(.2,.7,.1,1);
  --ease-io:cubic-bezier(.65,0,.35,1);

  --bg:var(--bone); --fg:var(--ink); --mute:var(--mute-b); --hair:rgba(11,12,14,.14); --panel:var(--bone-2);
  color-scheme:light;
}
.t-bone{--bg:var(--bone);--fg:var(--ink);--mute:var(--mute-b);--hair:rgba(11,12,14,.14);--panel:var(--bone-2);color-scheme:light}
.t-ink{--bg:var(--ink);--fg:var(--bone);--mute:var(--mute-i);--hair:rgba(237,230,217,.12);--panel:var(--char);color-scheme:dark}
.t-char{--bg:var(--char);--fg:var(--bone);--mute:var(--mute-i);--hair:rgba(237,230,217,.12);--panel:var(--char-2);color-scheme:dark}
.t-sand{--bg:var(--bone-2);--fg:var(--ink);--mute:var(--mute-b);--hair:rgba(11,12,14,.17);--panel:var(--bone);color-scheme:light}
.t-bone,.t-sand,.t-ink,.t-char{background:var(--bg);color:var(--fg)}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--ink);color:var(--fg);font:400 18px/1.6 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
button{font:inherit;color:inherit}
::selection{background:var(--gold);color:var(--ink)}
:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:200;background:var(--bone);color:var(--ink);padding:10px 14px}
.skip:focus{top:12px}

/* film grain — materiality, not decoration */
body::after{content:"";position:fixed;inset:-50%;z-index:90;pointer-events:none;opacity:.075;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:grain 1.2s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}

/* ---------- type ---------- */
.giant{font:300 clamp(64px,12.4vw,232px)/.86 var(--serif);font-variation-settings:"opsz" 72;letter-spacing:-.045em;margin:0;text-wrap:balance}
.display{font:300 clamp(50px,8.2vw,148px)/.92 var(--serif);font-variation-settings:"opsz" 72;letter-spacing:-.035em;margin:0;text-wrap:balance}
.statement{font:300 clamp(36px,5vw,86px)/1 var(--serif);font-variation-settings:"opsz" 72;letter-spacing:-.028em;margin:0;text-wrap:balance}
.h2{font:350 clamp(32px,3.6vw,56px)/1.04 var(--serif);font-variation-settings:"opsz" 60;letter-spacing:-.02em;margin:0;text-wrap:balance}
.h3{font:400 clamp(24px,2.1vw,32px)/1.14 var(--serif);font-variation-settings:"opsz" 36;letter-spacing:-.01em;margin:0;text-wrap:balance}
.it{font-style:italic;font-weight:300}
.lead{font:400 clamp(19px,1.45vw,23px)/1.5 var(--sans);margin:0;max-width:40ch}
.body{margin:0;max-width:60ch}
.small{font-size:15.5px;line-height:1.55}
.mute{color:var(--mute)}
.kicker{font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;display:inline-flex;align-items:center;gap:12px}
.kicker::before{content:"";width:28px;height:1px;background:currentColor;opacity:.6}
.tag{font:500 11px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.num{font-variant-numeric:tabular-nums}

/* ---------- layout ---------- */
.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.sec{padding-block:var(--sp);position:relative}
.sec.tight{padding-block:calc(var(--sp)*.6)}
.g12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px)}
.c-1-7{grid-column:1/span 7}.c-1-8{grid-column:1/span 8}.c-1-9{grid-column:1/span 9}.c-1-10{grid-column:1/span 10}
.c-4-12{grid-column:4/-1}.c-5-12{grid-column:5/-1}.c-6-12{grid-column:6/-1}.c-7-12{grid-column:7/-1}.c-8-12{grid-column:8/-1}.c-9-12{grid-column:9/-1}
.c-1-4{grid-column:1/span 4}.c-1-5{grid-column:1/span 5}.c-1-6{grid-column:1/span 6}
.stack{display:grid;gap:24px;align-content:start}
.stack-s{display:grid;gap:12px;align-content:start}
.row{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center}
.hr{height:1px;background:var(--hair);border:0;margin:0}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:52px;padding:0 22px;border:1px solid currentColor;text-decoration:none;font:500 15px/1 var(--sans);letter-spacing:.01em;cursor:pointer;background:transparent;position:relative;overflow:hidden;transition:color .45s var(--ease);isolation:isolate}
.btn::before{content:"";position:absolute;inset:0;background:var(--fg);transform:translateY(101%);transition:transform .5s var(--ease);z-index:-1}
.btn:hover::before,.btn:focus-visible::before{transform:none}
.btn:hover,.btn:focus-visible{color:var(--bg)}
.btn .ar{display:inline-block;transition:transform .45s var(--ease)}
.btn:hover .ar{transform:translateX(4px)}
.btn-solid{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.btn-solid::before{background:var(--bg)}
.btn-solid:hover,.btn-solid:focus-visible{color:var(--fg)}
.lnk{all:unset;cursor:pointer;font:500 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;padding-bottom:5px;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;transition:background-size .4s var(--ease)}
.lnk:hover{background-size:0 1px;background-position:100% 100%}
.lnk:focus-visible{outline:2px solid currentColor;outline-offset:4px}

/* ---------- wordmark: the line, with one thing crossed ---------- */
.wm{display:inline-flex;flex-direction:column;gap:7px;text-decoration:none;font:500 13px/1 var(--sans);letter-spacing:.46em;color:inherit;position:relative}
.wm i{display:block;height:1.5px;background:currentColor;width:calc(100% - .46em);position:relative}
.wm i::after{content:"";position:absolute;right:22%;bottom:4px;width:5px;height:5px;background:var(--gold);transition:transform .6s var(--ease)}
.wm:hover i::after{transform:translateY(-4px)}

/* ---------- nav ---------- */
.nav{position:fixed;inset:0 0 auto 0;z-index:80;padding-top:env(safe-area-inset-top,0px);color:var(--bone);transition:transform .5s var(--ease),color .4s,background-color .4s}
.nav.light{color:var(--ink)}
.nav.solid{background:rgba(11,12,14,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.nav.light.solid{background:rgba(237,230,217,.88)}
.nav.hide{transform:translateY(-100%)}
.nav-in{height:76px;display:flex;align-items:center;gap:40px}
.nav-in .wm{margin-right:auto}
.nav-links{display:flex;gap:34px;list-style:none;margin:0;padding:0}
.nav-links a{text-decoration:none;font:450 15px/1 var(--sans);position:relative;padding:8px 0;opacity:.82;transition:opacity .3s}
.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}
.nav-links a:hover,.nav-links a[aria-current="page"]{opacity:1}
.nav-links a:hover::after,.nav-links a[aria-current="page"]::after{transform:scaleX(1);transform-origin:left}
.nav .btn{min-height:44px;font-size:14px;--fg:currentColor}
.nav .btn::before{background:currentColor}
.nav:not(.light) .btn:hover{color:var(--ink)}
.nav.light .btn:hover{color:var(--bone)}
.menu-b{all:unset;display:none;cursor:pointer;font:500 12px/1 var(--mono);letter-spacing:.14em;padding:10px 0}
.menu-b:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.sheet{position:fixed;inset:0;z-index:120;background:var(--ink);color:var(--bone);display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0px) + 18px) var(--gutter) calc(env(safe-area-inset-bottom,0px) + 28px)}
.sheet-top{display:flex;justify-content:space-between;align-items:center;height:48px}
.sheet ol{list-style:none;margin:6vh 0 0;padding:0}
.sheet li a{display:flex;justify-content:space-between;align-items:baseline;text-decoration:none;padding:14px 0;border-bottom:1px solid rgba(237,230,217,.12)}
.sheet li a span:first-child{font:300 clamp(38px,10vw,60px)/1 var(--serif);letter-spacing:-.02em}
.sheet li a span:last-child{font:400 11px/1 var(--mono);letter-spacing:.1em;color:var(--mute-i)}
.sheet .foot{margin-top:auto;display:grid;gap:10px}

/* ---------- hero (home) ---------- */
.hero{position:relative;min-height:max(100svh,820px);overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;isolation:isolate}
.hero canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:26%;z-index:-1;background:linear-gradient(to bottom,rgba(11,12,14,0),rgba(11,12,14,.78) 75%,var(--ink));pointer-events:none}
.hero-top{padding-top:calc(env(safe-area-inset-top,0px) + clamp(130px,17vh,190px))}
.hero h1{max-width:12.5ch}
.hero h1 em{font-style:italic;font-weight:300}
.hero-horizon{height:0;position:relative}
.hero-labels{position:absolute;inset:0;pointer-events:none;z-index:1}
.hlbl{position:absolute;left:0;top:0;white-space:nowrap;will-change:transform}
.hlbl.act{font:400 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:rgba(237,230,217,.55)}
.hlbl.resp{display:flex;flex-direction:column;gap:9px;opacity:0;transition:opacity .6s}
.hlbl.resp.on{opacity:1}
.hlbl.resp b{font:400 clamp(20px,1.7vw,26px)/1 var(--serif);color:var(--bone);font-weight:400}
.hlbl.resp small{font:500 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.hlbl.resp.old{opacity:.38}
.hero-foot{padding-top:clamp(110px,15vh,180px);padding-bottom:clamp(36px,6vh,64px);align-items:end;row-gap:28px;position:relative;z-index:2}
.hero-foot .lead{grid-column:1/span 5;color:rgba(237,230,217,.84)}
.fork{grid-column:8/-1;display:grid;gap:0;border-top:1px solid rgba(237,230,217,.22)}
.fork a{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;text-decoration:none;padding:20px 0;border-bottom:1px solid rgba(237,230,217,.22);transition:padding .5s var(--ease)}
.fork a:hover{padding-left:12px}
.fork a b{font:350 clamp(22px,1.9vw,30px)/1.1 var(--serif);display:block}
.fork a small{display:block;margin-top:8px;font:400 11.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute-i)}
.fork a .ar{font-size:22px;transition:transform .45s var(--ease)}
.fork a:hover .ar{transform:translateX(6px)}
.scroll-cue{position:absolute;left:50%;bottom:22px;width:1px;height:46px;background:linear-gradient(rgba(237,230,217,0),rgba(237,230,217,.6));z-index:2;animation:cue 2.4s var(--ease-io) infinite}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* ---------- page hero (inner pages) ---------- */
.phero{position:relative;overflow:hidden;min-height:min(92svh,980px);display:flex;flex-direction:column;justify-content:flex-end;padding-top:150px;padding-bottom:clamp(56px,8vw,110px);isolation:isolate}
.phero canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.phero .kicker{color:var(--mute-i);margin-bottom:28px}
.phero .lead{margin-top:34px;color:rgba(237,230,217,.82)}
.phero-meta{display:flex;flex-wrap:wrap;gap:0;margin-top:clamp(40px,6vw,72px);border-top:1px solid rgba(237,230,217,.18)}
.phero-meta div{padding:18px 40px 0 0;margin-right:40px;display:grid;gap:8px}
.phero-meta div + div{padding-left:0}
.phero-meta b{font:300 clamp(28px,2.6vw,42px)/1 var(--serif);letter-spacing:-.01em}
.phero-meta span{font:400 11.5px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute-i)}

/* ---------- reveal ---------- */
.rv{opacity:0;transform:translateY(28px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}
.no-io .rv{opacity:1;transform:none}

/* ---------- manifesto ---------- */
.manifesto .statement{max-width:18ch}
.manifesto .three{margin-top:clamp(56px,8vw,120px);display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,48px)}
.manifesto .three p{margin:0;font:350 clamp(22px,2vw,30px)/1.18 var(--serif)}
.manifesto .three p .tag{display:block;margin-bottom:16px;color:var(--mute)}

/* ---------- doors (two routes) ---------- */
.doors{display:flex;min-height:clamp(620px,86vh,900px)}
.door{flex:1;position:relative;display:flex;flex-direction:column;padding:clamp(40px,5vw,80px) var(--gutter) clamp(40px,5vw,72px);text-decoration:none;overflow:hidden;transition:flex .9s var(--ease);isolation:isolate}
.doors:hover .door:hover{flex:1.32}
.door .tag{color:var(--mute)}
.door .big{font:300 clamp(40px,4.6vw,80px)/.98 var(--serif);letter-spacing:-.03em;margin:22px 0 0;max-width:12ch}
.door .prob{margin:28px 0 0;max-width:34ch;font-size:17px;color:var(--mute)}
.door dl{margin:auto 0 0;display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:0 clamp(24px,3vw,56px);padding-top:40px}
.door dt{font:400 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-bottom:10px}
.door dd{margin:0;font:300 clamp(26px,2.4vw,40px)/1 var(--serif)}
.door .go{margin-top:36px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--hair);padding-top:20px;font:500 15px/1 var(--sans)}
.door .go .ar{transition:transform .5s var(--ease)}
.door:hover .go .ar{transform:translateX(8px)}
.door .ghost{position:absolute;right:-.06em;bottom:-.22em;font:300 clamp(160px,22vw,380px)/1 var(--serif);letter-spacing:-.05em;opacity:.06;z-index:-1;pointer-events:none;transition:opacity .8s,transform 1s var(--ease)}
.door:hover .ghost{opacity:.1;transform:translateY(-12px)}

/* ---------- work: method instrument ---------- */
.method{margin-top:clamp(64px,8vw,120px)}
.bneck{display:grid;grid-template-columns:5fr 7fr;gap:clamp(24px,4vw,72px);align-items:start}
.bq{display:grid;gap:0}
.bq button{all:unset;cursor:pointer;display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:baseline;padding:22px 0;border-top:1px solid var(--hair);font:300 clamp(28px,2.8vw,46px)/1.05 var(--serif);letter-spacing:-.02em;color:var(--mute);transition:color .4s,padding .6s var(--ease)}
.bq button:last-child{border-bottom:1px solid var(--hair)}
.bq button .tag{color:inherit;transform:translateY(-6px)}
.bq button[aria-selected="true"]{color:var(--fg);padding-left:14px}
.bq button:hover{color:var(--fg)}
.bq button:focus-visible{outline:2px solid var(--fg);outline-offset:-2px}
.route{position:relative;background:var(--panel);padding:clamp(24px,3vw,44px);display:grid;gap:30px;min-width:0}
.route .ex{font:350 clamp(28px,2.7vw,44px)/1.08 var(--serif);letter-spacing:-.015em;margin:0;min-height:2.2em;transition:opacity .35s}
.track{position:relative;display:grid;grid-template-columns:repeat(5,1fr);padding-top:28px}
.track .rail{position:absolute;left:0;right:0;top:34px;height:1px;background:var(--hair)}
.track .rail i{position:absolute;inset:0;background:var(--fg);transform-origin:left;transform:scaleX(0)}
.track .stn{position:relative;padding-right:10px}
.track .stn::before{content:"";position:absolute;left:0;top:2px;width:11px;height:11px;border:1px solid var(--fg);background:var(--panel);transition:background .3s}
.track .stn.on::before{background:var(--fg)}
.track .stn.out::before{border-radius:0}
.track .stn.out.on::before{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 6px var(--gold-soft)}
.track .stn b{display:block;margin-top:30px;font:400 clamp(17px,1.3vw,20px)/1.15 var(--serif)}
.track .stn span{display:block;margin-top:6px;font-size:13.5px;line-height:1.4;color:var(--mute)}
.week{display:grid;grid-template-columns:1fr 2.4fr 1fr 1fr;border:1px solid var(--hair)}
.week div{padding:14px 14px 16px;display:grid;gap:6px;border-right:1px solid var(--hair);min-width:0}
.week div:last-child{border-right:0}
.week .tag{color:var(--mute)}
.week b{font:400 17px/1.2 var(--serif)}

/* AI approval instrument */
.ai{margin-top:clamp(80px,10vw,160px);display:grid;grid-template-columns:4fr 8fr;gap:clamp(24px,4vw,72px);align-items:start}
.loop{position:relative;border:1px solid var(--hair);padding:clamp(24px,3vw,40px);background:linear-gradient(180deg,var(--panel),transparent)}
.pipe{position:relative;display:grid;grid-template-columns:repeat(4,1fr) 104px 1fr;align-items:start;padding-top:8px}
.pipe .r{position:absolute;left:0;right:0;top:15px;height:1px;background:var(--hair)}
.pipe .p{position:relative;padding:40px 10px 0 0}
.pipe .p::before{content:"";position:absolute;left:0;top:10px;width:11px;height:11px;border:1px solid var(--fg);background:var(--bg)}
.pipe .p b{display:block;font:400 18px/1.1 var(--serif)}
.pipe .p span{display:block;margin-top:6px;font-size:13px;line-height:1.4;color:var(--mute)}
.pipe .p.lit::before{background:var(--fg)}
.pipe .gate{position:relative;height:110px}
.pipe .gate::before{content:"";position:absolute;left:50%;top:-14px;bottom:-14px;width:2px;margin-left:-1px;background:var(--fg);transition:transform .7s var(--ease),opacity .5s;transform-origin:top}
.pipe.open .gate::before{transform:scaleY(.12);opacity:.3}
.pipe .gate .tag{position:absolute;top:44px;left:50%;transform:translateX(-50%);text-align:center;width:100px;background:var(--bg);padding:6px 0;line-height:1.35}
.pipe .tok{position:absolute;left:0;top:6px;width:20px;height:20px;background:var(--fg);transition:transform 1s var(--ease);z-index:2}
.pipe .tok.done{background:var(--gold);box-shadow:0 0 0 8px var(--gold-soft)}
.hold{position:relative;display:inline-flex;align-items:center;gap:14px;min-height:56px;padding:0 24px;border:1px solid var(--fg);background:transparent;cursor:pointer;font:500 15px/1 var(--sans);overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none;isolation:isolate}
.hold::before{content:"";position:absolute;inset:0;background:var(--fg);transform:scaleX(var(--p,0));transform-origin:left;z-index:-1}
.hold.full{color:var(--bg)}
.hold:disabled{opacity:.4;cursor:default}
.ai-ctrl{display:flex;flex-wrap:wrap;gap:16px 26px;align-items:center;margin-top:30px}
.ai-status{font:500 12px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.ai-status b{color:var(--fg);font-weight:500}
.lanes{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,32px);margin-top:36px;padding-top:26px;border-top:1px solid var(--hair)}
.lanes ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:7px;font-size:15px;color:var(--mute)}

/* ---------- evidence: sorter ---------- */
.sorter{position:relative;margin-top:clamp(56px,7vw,100px);user-select:none;-webkit-user-select:none}
.sorter .zone{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;min-height:150px;padding:30px 0;align-content:end}
.sorter .zone.below{align-content:start}
.sorter .zl{position:absolute;right:0;font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.sorter .above .zl{top:2px}.sorter .below .zl{bottom:2px}
.thr{position:relative;height:2px;background:var(--fg)}
.thr::before{content:"";position:absolute;inset:-8px 0;background:linear-gradient(to bottom,transparent,var(--gold-soft),transparent);opacity:0;transition:opacity .4s}
.thr.hot::before{opacity:1}
.card{all:unset;box-sizing:border-box;position:relative;display:grid;gap:10px;padding:18px 20px 20px;background:var(--bone);border:1px solid rgba(11,12,14,.22);cursor:grab;touch-action:none;transition:box-shadow .3s,border-color .3s;min-width:0}
.card:hover{box-shadow:0 18px 40px -22px rgba(11,12,14,.55)}
.card:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.card.drag{cursor:grabbing;z-index:5;box-shadow:0 28px 60px -24px rgba(11,12,14,.6);transition:none}
.card .tag{color:var(--mute)}
.card b{font:400 clamp(21px,1.8vw,27px)/1.1 var(--serif)}
.card .note{font-size:13.5px;line-height:1.45;color:var(--mute);display:none}
.card.tried .note{display:block}
.card.crossed{background:var(--ink);color:var(--bone);border-color:var(--ink)}
.card.crossed .tag{color:var(--gold)}
.card.crossed::after{content:"";position:absolute;right:16px;top:16px;width:8px;height:8px;background:var(--gold)}
.sorter-ctrl{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;margin-top:26px}
.sorter-msg{font:400 13px/1.5 var(--mono);letter-spacing:.04em;color:var(--mute)}

/* ---------- gates: pinned ascent ---------- */
.gates{position:relative;height:320vh}
.gates .pin{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}
.gates canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.gates .ghead{position:absolute;left:var(--gutter);top:clamp(92px,12vh,120px);max-width:min(520px,80vw)}
.gates .ghead .h2{margin-top:18px}
.gl{position:absolute;left:0;right:0;height:0}
.gl .lbl{position:absolute;right:var(--gutter);bottom:14px;width:min(560px,58vw);display:grid;grid-template-columns:auto 1fr;gap:4px 22px;align-items:baseline;opacity:.28;transition:opacity .8s var(--ease),transform .8s var(--ease);transform:translateY(8px)}
.gl.on .lbl{opacity:1;transform:none}
.gl .lbl .tag{color:var(--gold);grid-row:span 2;padding-top:10px}
.gl .lbl b{font:300 clamp(34px,3.8vw,64px)/1 var(--serif);letter-spacing:-.025em}
.gl .lbl p{margin:0;font-size:16px;color:var(--mute);max-width:40ch}
.gates .gfoot{position:absolute;left:var(--gutter);bottom:clamp(28px,6vh,56px);font:500 11.5px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}

/* ---------- proof by model / quality ---------- */
.models{display:grid;grid-template-columns:5fr 7fr;gap:clamp(24px,4vw,72px);align-items:end}
.mt{display:flex;flex-wrap:wrap;gap:8px}
.mt button{all:unset;cursor:pointer;font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:12px 14px;border:1px solid var(--hair);transition:background .3s,color .3s,border-color .3s}
.mt button:hover{border-color:var(--fg)}
.mt button[aria-selected="true"]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.mt button:focus-visible{outline:2px solid var(--fg);outline-offset:2px}
.mev{font:300 clamp(34px,3.8vw,64px)/1.04 var(--serif);letter-spacing:-.025em;margin:0;min-height:3.1em;transition:opacity .35s}
.nope{display:flex;flex-wrap:wrap;gap:0 .4em;font:300 clamp(56px,10.5vw,196px)/.9 var(--serif);letter-spacing:-.045em;margin:0;color:var(--mute)}
.nope span{position:relative;display:inline-block}
.nope span::after{content:"";position:absolute;left:-2%;right:-2%;top:52%;height:clamp(3px,.45vw,7px);background:var(--fg);transform-origin:left;transition:transform 1.1s var(--ease)}
.nope.pending span::after{transform:scaleX(0)}
.nope span:nth-child(2)::after{transition-delay:.2s}.nope span:nth-child(3)::after{transition-delay:.4s}
.yes3{display:flex;flex-wrap:wrap;gap:12px}
.yes3 span{font:500 13px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:13px 16px;border:1px solid var(--fg);display:inline-flex;gap:10px;align-items:center}
.yes3 span::before{content:"";width:7px;height:7px;background:var(--gold)}

/* ---------- venture record (a filed document) ---------- */
.desk{position:relative;padding-block:var(--sp)}
.doc{position:relative;max-width:1180px;margin-inline:auto;background:var(--bone);color:var(--ink);box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 50px 120px -40px rgba(0,0,0,.75),0 18px 40px -20px rgba(0,0,0,.6)}
.doc-h{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:20px clamp(20px,3vw,40px);border-bottom:1px solid rgba(11,12,14,.14)}
.doc-h .tag{color:var(--mute-b)}
.doc-t{padding:clamp(28px,4vw,56px) clamp(20px,3vw,40px) clamp(24px,3vw,40px);display:grid;grid-template-columns:1fr auto;gap:16px 32px;align-items:end}
.doc-t .display{font-size:clamp(54px,7vw,120px)}
.doc-t p{margin:0;max-width:44ch;color:var(--mute-b);font-size:16.5px}
.doc dl{margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid rgba(11,12,14,.14)}
.doc dl div{padding:22px clamp(14px,1.6vw,24px) 28px;border-right:1px solid rgba(11,12,14,.12);display:grid;gap:12px;align-content:start;min-width:0}
.doc dl div:last-child{border-right:0}
.doc dt{font:500 10.5px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute-b)}
.doc dd{margin:0;font:400 clamp(18px,1.5vw,22px)/1.22 var(--serif)}
.stamp{position:absolute;right:clamp(16px,4vw,64px);top:clamp(70px,9vw,110px);transform:rotate(-7deg);border:2px solid rgba(11,12,14,.78);color:rgba(11,12,14,.82);padding:10px 14px;font:600 12px/1.35 var(--mono);letter-spacing:.14em;text-transform:uppercase;text-align:center;mix-blend-mode:multiply;outline:1px solid rgba(11,12,14,.5);outline-offset:3px}

/* ---------- decision ---------- */
.jobs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:clamp(64px,8vw,120px)}
.job{position:relative;padding:0 clamp(16px,2.5vw,40px) 0 0;display:grid;gap:18px;align-content:start}
.job + .job{padding-left:clamp(16px,2.5vw,40px);border-left:1px solid var(--hair)}
.job .n{font:300 clamp(64px,7vw,120px)/.8 var(--serif);color:var(--mute);letter-spacing:-.04em}
.job b{font:350 clamp(28px,2.6vw,42px)/1.04 var(--serif);letter-spacing:-.02em}
.job p{margin:0;color:var(--mute);font-size:16.5px;max-width:30ch}
.job q{font:italic 300 21px/1.3 var(--serif);color:var(--fg);quotes:none}

.wb{margin-top:clamp(96px,12vw,180px)}
.wb-stage{position:relative;margin-top:clamp(40px,5vw,72px)}
.wb-nodes{display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.wb-line{position:absolute;top:7px;height:2px;right:0;background:var(--bone);width:0}
.wb-base{position:absolute;top:7px;left:0;right:0;height:1px;background:var(--hair)}
.wb-node{position:relative;padding:44px 20px 0 0;opacity:.28;transition:opacity .6s var(--ease)}
.wb-node.on{opacity:1}
.wb-node::before{content:"";position:absolute;left:0;top:1px;width:14px;height:14px;border:1px solid var(--bone);background:var(--ink)}
.wb-node.on::before{background:var(--bone)}
.wb-node.yes::before{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 8px var(--gold-soft)}
.wb-node .tag{color:var(--mute)}
.wb-node b{display:block;margin-top:14px;font:350 clamp(22px,2vw,32px)/1.08 var(--serif)}
.wb-node p{margin:10px 0 0;color:var(--mute);font-size:15px;max-width:24ch}
.wb-range{margin-top:46px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}
.wb-range input{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;cursor:ew-resize;direction:rtl}
.wb-range input::-webkit-slider-runnable-track{height:1px;background:var(--hair)}
.wb-range input::-moz-range-track{height:1px;background:var(--hair)}
.wb-range input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-11px;background:var(--bone);border:0;border-radius:0}
.wb-range input::-moz-range-thumb{width:22px;height:22px;background:var(--bone);border:0;border-radius:0}
.wb-range input:focus-visible{outline:2px solid var(--bone);outline-offset:4px}
.yes-pick{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.yes-pick button{all:unset;cursor:pointer;font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:9px 10px;border:1px solid var(--hair);color:var(--mute)}
.yes-pick button[aria-pressed="true"]{border-color:var(--bone);color:var(--bone)}
.yes-pick button:focus-visible{outline:2px solid var(--bone);outline-offset:2px}

/* governance + cheque */
.gov{margin-top:clamp(96px,12vw,180px)}
.roles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(40px,5vw,72px)}
.role{padding:28px clamp(16px,2.5vw,40px) 30px 0;border-top:1px solid var(--hair);transition:opacity .5s,border-color .5s}
.role + .role{padding-left:clamp(16px,2.5vw,40px);border-left:1px solid var(--hair)}
.role .tag{color:var(--mute)}
.role b{display:block;margin:16px 0 12px;font:350 clamp(24px,2.2vw,34px)/1.08 var(--serif)}
.role p{margin:0;color:var(--mute);font-size:15.5px;max-width:32ch}
.roles.focus .role{opacity:.3}
.roles.focus .role.hot{opacity:1;border-top-color:var(--bone)}
.cheque{margin-top:clamp(32px,4vw,56px);background:var(--char);border:1px solid var(--hair);padding:clamp(22px,3vw,44px)}
.cstage{position:relative;height:200px;margin:12px 0 8px;touch-action:pan-y}
.cstage .ground{position:absolute;left:0;right:0;bottom:36px;height:1px;background:var(--hair)}
.cstage .ends{position:absolute;left:0;right:0;bottom:6px;display:flex;justify-content:space-between;font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.cstage .bar{position:absolute;left:58%;top:0;bottom:36px;width:2px;margin-left:-1px;background:var(--bone);transform-origin:bottom;transition:transform .9s var(--ease),opacity .6s}
.cstage.open .bar{transform:scaleY(.08);opacity:.35}
.cstage .bar-t{position:absolute;left:58%;top:0;transform:translateX(14px);font:500 11px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;max-width:38%}
.cq{position:absolute;left:0;bottom:48px;width:min(240px,40%);height:96px;background:var(--bone);color:var(--ink);padding:12px 14px;display:flex;flex-direction:column;justify-content:space-between;cursor:grab;touch-action:none;box-shadow:0 22px 40px -22px rgba(0,0,0,.8);user-select:none;-webkit-user-select:none}
.cq.drag{cursor:grabbing}
.cq .tag{color:var(--mute-b)}
.cq b{font:400 20px/1 var(--serif)}
.cq i{display:block;height:1px;background:rgba(11,12,14,.25)}
.cq.paid{outline:2px solid var(--gold);outline-offset:4px}
.cq.paid .tag{color:#7a5c08}
.cq.shake{animation:shake .5s var(--ease)}
@keyframes shake{0%,100%{translate:0}25%{translate:-10px}50%{translate:6px}75%{translate:-3px}}
.cctrl{display:grid;grid-template-columns:1fr auto;gap:22px 32px;align-items:end;margin-top:22px}
.cmsg{font:350 clamp(22px,2vw,30px)/1.2 var(--serif);margin:0;max-width:34ch}
.cbtns{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.cbtns button{all:unset;cursor:pointer;font:500 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:14px 15px;border:1px solid var(--bone);transition:background .3s,color .3s}
.cbtns button:hover{background:var(--bone);color:var(--ink)}
.cbtns button:focus-visible{outline:2px solid var(--bone);outline-offset:2px}
.cbtns button:disabled{opacity:.3;cursor:default;background:none;color:inherit}
.never{display:flex;flex-wrap:wrap;gap:14px 40px;margin-top:30px}
.never span{font:500 12px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}

.years{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(40px,5vw,72px)}
.year{padding:0 clamp(16px,2.5vw,40px) 0 0}
.year + .year{padding-left:clamp(16px,2.5vw,40px);border-left:1px solid var(--hair)}
.year .q{font:300 clamp(36px,4vw,68px)/.98 var(--serif);letter-spacing:-.03em;margin:16px 0 18px}
.year p{margin:0;color:var(--mute);font-size:16px;max-width:30ch}

/* ---------- routes ---------- */
.rt{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:clamp(56px,7vw,100px)}
.rcol{padding:0 clamp(20px,3vw,56px) 0 0;display:grid;gap:34px;align-content:start}
.rcol + .rcol{padding-left:clamp(20px,3vw,56px);border-left:1px solid var(--hair)}
.rcol .name{font:300 clamp(72px,9vw,160px)/.82 var(--serif);letter-spacing:-.05em;margin:0}
.rcol .for{font:350 clamp(22px,1.9vw,30px)/1.2 var(--serif);margin:0;max-width:22ch}
.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hair)}
.facts div{padding:16px 12px 0 0;display:grid;gap:8px}
.facts dt,.facts .k{font:500 10.5px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.facts b{font:300 clamp(24px,2.2vw,36px)/1 var(--serif)}
.terms{display:grid;grid-template-columns:1fr auto 1fr;gap:0 22px;align-items:stretch;padding:26px 0;border-block:1px solid var(--hair)}
.terms .sep{width:2px;background:var(--fg)}
.terms .k{font:500 10.5px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);display:block;margin-bottom:12px}
.terms .v{font:300 clamp(34px,3.4vw,58px)/1 var(--serif);letter-spacing:-.025em;display:block}
.terms .s{display:block;margin-top:10px;font-size:14.5px;line-height:1.45;color:var(--mute)}
.tl{position:relative;height:84px}
.tl .seg{position:absolute;top:30px;height:12px;border:1px solid var(--fg)}
.tl .seg.f{background:var(--fg)}
.tl .gt{position:absolute;top:14px;bottom:30px;width:3px;margin-left:-1.5px;background:var(--fg)}
.tl .l{position:absolute;font:500 10.5px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);white-space:nowrap}
.tl .dot{position:absolute;top:32px;width:8px;height:8px;margin-left:-4px;background:var(--fg)}
.tl .cells{position:absolute;top:30px;left:0;right:20%;display:grid;grid-template-columns:repeat(13,1fr);gap:3px}
.tl .cells i{height:12px;border:1px solid var(--fg)}
.tl .cells i:first-child{background:var(--fg)}
.same{margin-top:clamp(40px,5vw,64px);display:grid;grid-template-columns:auto 1fr;gap:16px 40px;align-items:baseline;padding:26px 0;border-top:2px solid var(--fg)}
.same p{margin:0;font:350 clamp(20px,1.8vw,28px)/1.3 var(--serif)}

/* ---------- candour ---------- */
.cand{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,48px);margin-top:clamp(56px,7vw,100px)}
.cand > div{display:grid;gap:18px;align-content:start}
.cand .tag{color:var(--mute)}
.cand p{margin:0}
.cand .big{font:350 clamp(24px,2.2vw,34px)/1.15 var(--serif)}
.slot{position:relative;border:1px dashed rgba(237,230,217,.38);padding:18px 18px 20px;display:grid;gap:10px;overflow:hidden}
:is(.t-bone,.t-sand) .slot{border-color:rgba(11,12,14,.38)}
.slot::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(237,230,217,.07) 50%,transparent 70%);transform:translateX(-100%);animation:sweep 5.5s var(--ease-io) infinite}
.slot:nth-child(2)::before{animation-delay:1.2s}.slot:nth-child(3)::before{animation-delay:2.4s}
@keyframes sweep{to{transform:translateX(100%)}}
.slot .tag{color:var(--mute)}
.slot b{font:400 22px/1.15 var(--serif)}
.team{margin-top:clamp(80px,10vw,150px);display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,48px)}
.team .tag{color:var(--mute)}
.team ul{list-style:none;margin:18px 0;padding:0;font:300 clamp(26px,2.4vw,40px)/1.15 var(--serif);letter-spacing:-.015em}
.team p{margin:0;color:var(--mute);font-size:15.5px;max-width:34ch}
.disc{margin-top:40px;padding-top:18px;border-top:1px solid var(--hair);font:400 12px/1.6 var(--mono);letter-spacing:.06em;color:var(--mute)}

/* ---------- close ---------- */
.close{position:relative;overflow:hidden}
.choices{display:grid;grid-template-columns:1fr 1fr;margin-top:clamp(56px,7vw,100px);position:relative}
.choice{position:relative;display:flex;flex-direction:column;gap:22px;padding:clamp(28px,3vw,48px) clamp(20px,3vw,56px) clamp(80px,9vw,130px) 0;text-decoration:none;min-height:420px}
.choice + .choice{padding-left:clamp(20px,3vw,56px);border-left:1px solid var(--hair)}
.choice .tag{color:var(--mute)}
.choice b{font:300 clamp(40px,4.6vw,84px)/.96 var(--serif);letter-spacing:-.035em;font-weight:300}
.choice p{margin:0;color:var(--mute);max-width:36ch;font-size:16.5px}
.choice .go{margin-top:auto;display:inline-flex;gap:14px;align-items:center;font:500 15px/1 var(--sans)}
.choice .go .ar{transition:transform .5s var(--ease)}
.choice:hover .go .ar{transform:translateX(8px)}
.choice .pt{position:absolute;left:clamp(0px,0vw,0px);bottom:22px;width:10px;height:10px;background:var(--mute);transition:transform 1s var(--ease),background .4s}
.choice + .choice .pt{left:clamp(20px,3vw,56px)}
.choice:hover .pt,.choice:focus-visible .pt{transform:translateY(-76px);background:var(--gold);box-shadow:0 0 0 8px var(--gold-soft)}
.choices .baseline{position:absolute;left:0;right:0;bottom:56px;height:2px;background:var(--bone)}
.mail{margin-top:clamp(40px,5vw,64px);display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}
.mail .addr{font:300 clamp(26px,2.6vw,44px)/1 var(--serif);text-decoration:none;user-select:all}
.mail button{all:unset;cursor:pointer;font:500 11.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:11px 12px;border:1px solid var(--hair)}
.mail button:focus-visible{outline:2px solid currentColor;outline-offset:2px}

/* ---------- footer ---------- */
.foot{padding-top:clamp(80px,10vw,160px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 36px);overflow:hidden}
.foot-mark{display:block;font:300 clamp(80px,27.5vw,440px)/.8 var(--serif);letter-spacing:-.05em;white-space:nowrap;margin:0 0 0 -.04em}
.foot-line{position:relative;height:2px;background:var(--bone);margin-top:clamp(18px,2vw,30px)}
.foot-line i{position:absolute;right:21%;bottom:10px;width:12px;height:12px;background:var(--gold)}
.foot-g{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:34px;font-size:14.5px}
.foot-g .tag{color:var(--mute-i);display:block;margin-bottom:10px}
.foot-g a{text-decoration:none;display:block;padding:3px 0;opacity:.85}
.foot-g a:hover{opacity:1;text-decoration:underline}

/* ---------- inner page blocks ---------- */
.split{display:grid;grid-template-columns:4fr 8fr;gap:clamp(24px,4vw,80px);align-items:start}
.split > .side{position:sticky;top:120px}
.list{display:grid;gap:0;margin:0;padding:0;list-style:none}
.list li{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px;padding:22px 0;border-top:1px solid var(--hair)}
.list li:last-child{border-bottom:1px solid var(--hair)}
.list li b{font:400 clamp(20px,1.7vw,26px)/1.15 var(--serif)}
.list li span{color:var(--mute);font-size:16.5px}
.phases{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:clamp(40px,5vw,64px)}
.phase{padding:22px 18px 0 0;border-top:2px solid var(--fg);display:grid;gap:12px;align-content:start;position:relative}
.phase.gate{border-top-color:var(--gold)}
.phase .tag{color:var(--mute)}
.phase b{font:350 clamp(22px,1.9vw,30px)/1.08 var(--serif)}
.phase p{margin:0;font-size:15px;color:var(--mute)}
.tbl{width:100%;border-collapse:collapse;font-size:15.5px}
.tbl-wrap{overflow-x:auto;margin-top:clamp(32px,4vw,56px)}
.tbl th,.tbl td{text-align:left;vertical-align:top;padding:18px 18px 18px 0;border-top:1px solid var(--hair)}
.tbl th{font:500 10.5px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);font-weight:500}
.tbl td:first-child{font:400 21px/1.2 var(--serif);min-width:180px}
.tbl tr.sel td{background:var(--panel)}
.tbl tbody tr{cursor:pointer;transition:background .3s}
.tbl tbody tr:hover td{background:var(--panel)}
.score{display:grid;grid-template-columns:minmax(160px,1.6fr) repeat(4,minmax(44px,.5fr));margin-top:clamp(32px,4vw,56px);position:relative;border-bottom:1px solid var(--hair)}
.score > *{padding:14px 10px 14px 0;border-top:1px solid var(--hair);font-size:16px}
.score .h{font:500 10.5px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.score .c{text-align:center;padding-right:0}
.score button{all:unset;cursor:pointer;width:22px;height:22px;border:1px solid var(--hair);display:inline-block;transition:background .2s}
.score button[aria-pressed="true"]{background:var(--fg);border-color:var(--fg)}
.score button:focus-visible{outline:2px solid var(--fg);outline-offset:2px}
.score .dq{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.score .total{grid-column:1/-1;display:flex;justify-content:space-between;align-items:baseline;border-top:2px solid var(--fg);padding-top:18px}
.score .total b{font:300 clamp(40px,4vw,64px)/1 var(--serif)}
.score.killed .total b{text-decoration:line-through;text-decoration-thickness:3px;color:var(--mute)}
.qa{display:grid;gap:0;margin-top:clamp(32px,4vw,56px)}
.qa details{border-top:1px solid var(--hair)}
.qa details:last-child{border-bottom:1px solid var(--hair)}
.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:24px 0;font:350 clamp(22px,2vw,32px)/1.15 var(--serif)}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";font:300 28px/1 var(--sans);transition:transform .4s var(--ease)}
.qa details[open] summary::after{transform:rotate(45deg)}
.qa details p{margin:0 0 26px;max-width:62ch;color:var(--mute)}
.lanes5{display:grid;gap:10px;margin-top:clamp(32px,4vw,48px)}
.lane5{display:grid;grid-template-columns:110px repeat(13,minmax(0,1fr)) 90px;gap:3px;align-items:center}
.lane5 .tag{color:var(--mute)}
.lane5 i{height:22px;border:1px solid var(--hair);transition:background .5s}
.lane5 i.b{background:var(--fg);border-color:var(--fg)}
.lane5 i.s{background:var(--bone);border-color:var(--bone)}
:is(.t-bone,.t-sand) .lane5 i.s{background:var(--ink);border-color:var(--ink)}
.lane5 i.r{border-color:var(--fg)}
.lane5 .m6{height:22px;border:1px dashed var(--mute);display:grid;place-items:center;font:500 9.5px/1 var(--mono);color:var(--mute)}
.lane5-k{display:grid;grid-template-columns:110px repeat(13,minmax(0,1fr)) 90px;gap:3px;font:500 10px/1 var(--mono);letter-spacing:.06em;color:var(--mute)}
.mapf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;margin-top:clamp(32px,4vw,48px)}
.mapf label{display:grid;gap:10px}
.mapf label span{font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.mapf input,.mapf textarea,.mapf select{font:400 19px/1.35 var(--serif);color:var(--fg);background:transparent;border:0;border-bottom:1px solid var(--fg);padding:10px 0;border-radius:0;width:100%}
.mapf textarea{resize:vertical;min-height:84px}
.mapf input:focus,.mapf textarea:focus,.mapf select:focus{outline:0;border-bottom-width:2px}
.mapf .full{grid-column:1/-1}
.mode{display:flex;gap:0;border:1px solid var(--fg);width:max-content;max-width:100%}
.mode button{all:unset;cursor:pointer;padding:14px 18px;font:500 13px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.mode button[aria-pressed="true"]{background:var(--fg);color:var(--bg)}
.mode button:focus-visible{outline:2px solid var(--fg);outline-offset:2px}

/* ---------- fit: nothing clips ---------- */
.foot .wrap{container-type:inline-size}
.foot-mark{font-size:clamp(56px,22vw,440px);font-size:clamp(56px,23.6cqi,440px)}
.door{container-type:inline-size}
.door .ghost{font-size:clamp(120px,28vw,380px);font-size:30cqi;right:var(--gutter);bottom:-.12em}

/* ---------- light sections: paper, plates and an editorial spine ---------- */
.sec:is(.t-bone,.t-sand) > .wrap::before{content:"";display:block;grid-column:1/-1;height:3px;margin-bottom:clamp(36px,4vw,56px);background:linear-gradient(var(--fg),var(--fg)) 0 0/72px 3px no-repeat,linear-gradient(var(--hair),var(--hair)) 0 1px/100% 1px no-repeat}
:is(.t-bone,.t-sand){--plate-sh:0 1px 0 rgba(11,12,14,.05),0 44px 80px -56px rgba(11,12,14,.55)}
:is(.t-bone,.t-sand) .kicker{color:var(--fg)}
:is(.t-bone,.t-sand) .lead{color:var(--fg)}
:is(.t-bone,.t-sand) .tbl-wrap,
:is(.t-bone,.t-sand) .qa,
:is(.t-bone,.t-sand) .score,
:is(.t-bone,.t-sand) .split .list{background:var(--panel);border:1px solid var(--hair);box-shadow:var(--plate-sh)}
:is(.t-bone,.t-sand) .qa,:is(.t-bone,.t-sand) .split .list{padding:4px clamp(20px,2.4vw,36px)}
:is(.t-bone,.t-sand) .qa details:first-child,:is(.t-bone,.t-sand) .split .list li:first-child{border-top:0}
:is(.t-bone,.t-sand) .qa details:last-child,:is(.t-bone,.t-sand) .split .list li:last-child{border-bottom:0}
:is(.t-bone,.t-sand) .score{padding:0 clamp(16px,2vw,28px) clamp(16px,2vw,24px);border-bottom:1px solid var(--hair)}
:is(.t-bone,.t-sand) .tbl th{background:var(--ink);color:var(--bone);border-top:0;padding:16px 20px}
:is(.t-bone,.t-sand) .tbl td{padding:20px}
:is(.t-bone,.t-sand) .tbl tr.sel td{background:var(--bone-3)}
.t-sand .tbl tr.sel td{background:var(--bone-2)}
:is(.t-bone,.t-sand) .tbl tbody tr:first-child td{border-top:0}
:is(.t-bone,.t-sand) .card{box-shadow:0 1px 0 rgba(11,12,14,.05),0 22px 40px -30px rgba(11,12,14,.5)}
.t-sand .card{background:var(--bone)}
:is(.t-bone,.t-sand) .phase{background:var(--panel);padding:22px 20px 26px;margin-right:10px;box-shadow:var(--plate-sh)}
:is(.t-bone,.t-sand) .same{background:var(--ink);color:var(--bone);border-top:0;padding:28px clamp(20px,2.4vw,36px)}
:is(.t-bone,.t-sand) .same .tag,:is(.t-bone,.t-sand) .same .kicker{color:var(--mute-i)}
:is(.t-bone,.t-sand) .yes3 span{background:var(--ink);color:var(--bone);border-color:var(--ink)}
:is(.t-bone,.t-sand) .mt button:not([aria-selected="true"]){background:var(--panel)}
.manifesto .three > *{padding-top:22px;border-top:2px solid var(--fg)}
.small{font-size:16px}
.tbl{font-size:16px}
.tbl th{font-size:11.5px}
.phase p{font-size:16px}
.card .note{font-size:14.5px}
.sorter-msg{font-size:13.5px}
.score .h{font-size:11.5px}
.disc{font-size:12.5px}

/* ---------- team ---------- */
.team-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px clamp(24px,4vw,72px);align-items:end;margin-top:28px}
.people{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);margin-top:clamp(48px,6vw,88px)}
.pp{position:relative;display:grid;gap:16px;align-content:start;min-height:clamp(220px,20vw,290px);padding:clamp(20px,2vw,30px);background:var(--panel);border:1px solid var(--hair);box-shadow:var(--plate-sh);min-width:0}
.pp-x{background:var(--ink);color:var(--bone);border-color:var(--ink)}
.pp.pp-x p{color:var(--bone);font:350 clamp(20px,1.7vw,26px)/1.2 var(--serif);margin-top:auto}
.pp-x .pp-n{color:var(--mute-i)}
.pp-n{font:500 11px/1 var(--mono);letter-spacing:.12em;opacity:.7}
.pp-name{margin:auto 0 0;font:300 clamp(30px,2.6vw,46px)/1 var(--serif);letter-spacing:-.025em}
.pp-a{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.pp-a li{font:500 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:7px 9px;border:1px solid rgba(11,12,14,.4)}
.pp p{margin:0;font-size:16px;line-height:1.5;color:var(--mute)}
.pp p a{color:inherit}
.pp-ph{margin:-1px -1px 4px;aspect-ratio:4/5;overflow:hidden;background:var(--bone-3)}
.pp-ph img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:filter .8s var(--ease)}
.pp:hover .pp-ph img{filter:none}
.discs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
.disc-c{display:grid;gap:18px;align-content:start;padding:clamp(22px,2.4vw,36px);background:var(--panel);border:1px solid var(--hair);box-shadow:var(--plate-sh)}
.disc-c .tag{color:var(--mute)}
.disc-c p{margin:0;font-size:17px;color:var(--fg)}
.disc-c .who{margin-top:auto;padding-top:16px;border-top:1px solid var(--hair);font:500 12px/1.6 var(--mono);letter-spacing:.06em;color:var(--mute)}
@media (max-width:1100px){
  .people{grid-template-columns:repeat(2,minmax(0,1fr))}
  .discs{grid-template-columns:1fr}
}
@media (max-width:820px){
  .team-head{grid-template-columns:1fr}
  .tbl thead{display:none}
  .tbl,.tbl tbody,.tbl tr,.tbl td{display:block;width:100%}
  .tbl tbody tr{padding:14px 20px 18px;border-top:1px solid var(--hair)}
  .tbl tbody tr:first-child{border-top:0}
  :is(.t-bone,.t-sand) .tbl td,.tbl td{border:0;padding:6px 0;min-width:0;background:none!important}
  .tbl tr.sel{background:var(--bone-3)}
  .tbl td:first-child::before{display:none!important}
  .tbl td[data-l]::before{content:attr(data-l);display:block;margin-bottom:4px;font:500 10.5px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
  :is(.t-bone,.t-sand) .phase{margin-right:0}
}
@media (max-width:560px){
  .people{grid-template-columns:1fr}
  .pp{min-height:0;grid-template-columns:76px minmax(0,1fr);column-gap:18px;row-gap:8px;align-items:center}
  .pp .pp-n{display:none}
  .pp-ph,.pp .pp-ini{width:76px;grid-row:1/span 3;grid-column:1;margin:0}
  .pp .pp-ini{font-size:32px}
  .pp > :not(.pp-ph):not(.pp-ini):not(.pp-n){grid-column:2}
  .pp-name{margin:0;font-size:28px}
  .pp-x{display:block}
}

/* ================= v3 · richer palette: ink, warm cream, gold ================= */
:root{--gold:#E2472A;--gold-hi:#F2684B;--gold-deep:#B7351C;--gold-line:rgba(226,71,42,.55);--gold-soft:rgba(226,71,42,.16);--wine:#0F2C2A;--wine-2:#163935;--wine-3:#1E4742;--mute-i:#B6AFA2;--bone:#F5F1E8;--bone-2:#EAE2D2;--bone-3:#DCD0BA}
/* gold voice on dark */
:is(.t-ink,.t-char,.hero,.phero) .kicker{color:var(--gold-hi)}
:is(.t-ink,.t-char,.hero,.phero) .kicker::before{background:var(--gold);opacity:1}
:is(.t-ink,.t-char,.hero,.phero) .it{color:var(--gold-hi)}
:is(.t-ink,.t-char) .tag{color:var(--mute-i)}
:is(.t-ink,.t-char) :is(.job .n,.terms .v,.facts b,.year .q,.door dd,.phero-meta b,.score .total b){color:var(--gold-hi)}
:is(.t-ink,.t-char) .h2 em,:is(.t-ink,.t-char) .statement em{color:var(--gold-hi)}
.phero-meta b{color:var(--gold-hi)}
/* light voice */
:is(.t-bone,.t-sand) .kicker{color:var(--gold-deep)}
:is(.t-bone,.t-sand) .kicker::before{background:var(--gold);opacity:1;height:2px}
:is(.t-bone,.t-sand) .it{color:var(--gold-deep)}
.sec:is(.t-bone,.t-sand) > .wrap::before{background:linear-gradient(var(--gold),var(--gold)) 0 0/96px 3px no-repeat,linear-gradient(var(--hair),var(--hair)) 0 1px/100% 1px no-repeat}
:is(.t-bone,.t-sand) :is(.tbl-wrap,.qa,.score,.split .list,.disc-c,.pp,.phase){border-top:3px solid var(--gold)}
:is(.t-bone,.t-sand) .tbl th{background:var(--ink);color:var(--gold-hi)}
:is(.t-bone,.t-sand) .same{border-left:4px solid var(--gold)}
:is(.t-bone,.t-sand) .same .tag,:is(.t-bone,.t-sand) .same .kicker{color:var(--gold)}
:is(.t-bone,.t-sand) .yes3 span::before{background:var(--gold)}
:is(.t-bone,.t-sand) .mt button[aria-selected="true"]{background:var(--ink);color:var(--gold-hi);border-color:var(--ink)}
.manifesto .three > *{border-top-color:var(--gold)}
/* gold theme details */
/* buttons */
.btn-gold{background:var(--gold);color:var(--ink)!important;border-color:var(--gold)}
.btn-gold::before{background:var(--gold-hi)}
.btn-gold:hover,.btn-gold:focus-visible{color:var(--ink)!important}
:is(.t-ink,.t-char) .btn:not(.btn-gold){border-color:var(--gold-line)}
:is(.t-ink,.t-char) .btn:not(.btn-gold)::before{background:var(--gold)}
:is(.t-ink,.t-char) .btn:not(.btn-gold):hover{color:var(--ink)}
.nav .btn{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.nav .btn::before{background:var(--gold-hi)}
.nav .btn:hover,.nav.light .btn:hover{color:var(--ink)}
.nav-links a[aria-current]{text-decoration-color:var(--gold)}
/* gold threshold rule under page heroes */
.phero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gold-line)}
.foot-line{background:linear-gradient(90deg,var(--bone) 0 78%,var(--gold) 78% 100%)}
.foot-g .tag{color:var(--gold)}
/* team members with portraits */
.mems{list-style:none;margin:20px 0;padding:0;display:grid;gap:12px}
.mem{display:flex;align-items:center;gap:14px;font:300 clamp(22px,1.9vw,30px)/1.15 var(--serif);letter-spacing:-.01em}
.mem img,.mem .ini{flex:none;width:56px;height:56px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--gold),0 0 0 5px transparent}
.mem .ini{display:grid;place-items:center;background:var(--char-3);color:var(--gold-hi);font:400 22px/1 var(--serif)}
:is(.t-bone,.t-sand) .mem .ini{background:var(--ink)}
.disc-c .mems{margin:auto 0 0;padding-top:20px;border-top:1px solid var(--hair)}
.disc-c .mem{font-size:22px}
.team .mems{margin:22px 0}
.pp-ph{margin:0 0 6px;width:clamp(96px,8vw,128px);aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 0 0 3px var(--gold),0 18px 40px -18px rgba(11,12,14,.6)}
.pp-ph img{filter:grayscale(1) contrast(1.06)}
.pp:hover .pp-ph img{filter:grayscale(1) contrast(1.1)}
.pp .pp-ini{width:clamp(96px,8vw,128px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--gold-hi);font:300 48px/1 var(--serif);box-shadow:0 0 0 3px var(--gold)}
:is(.t-ink,.t-char,.hero,.phero) :is(h1,h2,h3) em{color:var(--gold-hi)}
.fork a .ar{color:var(--gold)}
.fork a small{color:var(--gold)}
/* wine: the rich third tone (deep claret), used once per page */
.t-wine{--bg:var(--wine);--fg:var(--bone);--mute:#B9CBC5;--hair:rgba(242,235,221,.16);--panel:var(--wine-2);color-scheme:dark;background:var(--wine);color:var(--bone)}
.t-wine .kicker{color:#FF8A6E}
.t-wine .kicker::before{background:var(--gold);opacity:1}
.t-wine .tag{color:#B9CBC5}
.t-wine .it,.t-wine :is(h1,h2,h3) em{color:#FF8A6E}
.t-wine .choices .baseline{background:var(--bone)}
.t-wine .mail button{border-color:rgba(242,235,221,.3)}
.t-wine .btn:not(.btn-gold){border-color:var(--gold-line)}
.t-wine .btn:not(.btn-gold)::before{background:var(--gold)}
.t-wine .btn:not(.btn-gold):hover{color:var(--ink)}
.t-wine .btn-solid{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.t-wine .btn-solid::before{background:var(--gold-hi)}
.t-wine .btn-solid:hover{color:var(--ink)}
.t-wine :is(.door dd,.terms .v){color:#FF8A6E}
.door.t-wine .ghost{opacity:.07}
.sec.t-wine > .wrap::before{content:"";display:block;grid-column:1/-1;height:3px;margin-bottom:clamp(36px,4vw,56px);background:linear-gradient(var(--gold),var(--gold)) 0 0/96px 3px no-repeat,linear-gradient(var(--hair),var(--hair)) 0 1px/100% 1px no-repeat}
.sec.close.t-wine > .wrap::before{display:none}

/* ---- raghava-inspired editorial details ---- */
.announce{position:relative;background:var(--ink);color:var(--bone);text-align:center;font:italic 400 15px/1.2 var(--serif);padding:10px var(--gutter);border-bottom:1px solid rgba(245,241,232,.08)}
.announce b{font-weight:400;color:var(--gold-hi)}
.announce span{opacity:.55;margin:0 .6em}
.nav.solid .announce,.nav.hide .announce{display:none}
.no{font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;display:inline-flex;gap:8px;align-items:center}
.door .no{background:var(--ink);color:var(--bone);padding:7px 10px;align-self:flex-start;margin-bottom:22px}
.door.t-wine .no{background:var(--bone);color:var(--ink)}
.door .no i{font-style:normal;background:var(--gold);color:#fff;padding:3px 6px;margin-left:4px}
.uline{text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:.06em;text-underline-offset:.12em}
.fab{position:fixed;right:22px;bottom:22px;z-index:85;width:58px;height:58px;border-radius:50%;background:var(--bone);display:grid;place-items:center;box-shadow:0 10px 30px -10px rgba(0,0,0,.5),0 0 0 1px rgba(11,12,14,.08);text-decoration:none;transition:transform .4s var(--ease)}
.fab:hover{transform:scale(1.06)}
.fab svg{width:34px;height:34px}
.fab .tip{position:absolute;right:68px;white-space:nowrap;font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;background:var(--ink);color:var(--bone);padding:8px 10px;opacity:0;transform:translateX(6px);transition:.35s var(--ease);pointer-events:none}
.fab:hover .tip{opacity:1;transform:none}
@media (max-width:820px){.announce{font-size:13px}.fab{right:14px;bottom:14px;width:50px;height:50px}}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .nav-links{display:none}
  .nav .btn{display:none}
  .menu-b{display:inline-block}
  .hero-foot .lead,.fork{grid-column:1/-1}
  .bneck,.ai,.models,.split{grid-template-columns:1fr}
  .split > .side{position:static}
  .pipe{grid-template-columns:repeat(4,1fr) 90px 1fr}
}
@media (max-width:820px){
  body{font-size:17px}
  .g12{grid-template-columns:repeat(4,minmax(0,1fr))}
  .g12 > *{grid-column:1/-1!important}
  .manifesto .three,.jobs,.roles,.years,.cand,.team,.rt,.choices,.foot-g,.lanes{grid-template-columns:1fr}
  .job + .job,.role + .role,.year + .year,.rcol + .rcol,.choice + .choice{padding-left:0;border-left:0;border-top:1px solid var(--hair);padding-top:32px;margin-top:32px}
  .rcol{padding-right:0}
  .doors{flex-direction:column;min-height:0}
  .door{min-height:72svh}
  .doors:hover .door:hover{flex:1}
  .door dl{grid-template-columns:repeat(3,auto)}
  .track{grid-template-columns:1fr;row-gap:0;padding-top:0}
  .track .rail{left:5px;right:auto;top:0;bottom:0;width:1px;height:auto}
  .track .rail i{transform-origin:top}
  .track .stn{padding:0 0 22px 32px}
  .track .stn::before{top:4px}
  .track .stn b{margin-top:0}
  .week{grid-template-columns:1fr 1fr}
  .week div:nth-child(2){border-right:0}
  .week div:nth-child(-n+2){border-bottom:1px solid var(--hair)}
  .pipe{grid-template-columns:1fr;padding-left:34px}
  .pipe .r{left:5px;right:auto;top:0;bottom:0;width:1px;height:auto}
  .pipe .p{padding:0 0 26px}
  .pipe .p::before{left:-34px;top:4px}
  .pipe .gate{height:74px;margin:0 0 22px -34px}
  .pipe .gate::before{left:0;right:0;top:50%;bottom:auto;width:auto;height:2px;margin:0;transform-origin:left}
  .pipe.open .gate::before{transform:scaleX(.08)}
  .pipe .gate .tag{left:34px;top:auto;bottom:calc(50% + 10px);transform:none;width:auto;text-align:left;background:none;padding:0}
  .pipe .tok{left:-38px}
  .sorter .zone{grid-template-columns:1fr}
  .gl .lbl{left:var(--gutter);right:var(--gutter);width:auto;grid-template-columns:1fr}
  .gl .lbl .tag{grid-row:auto;padding-top:0}
  .gates .ghead .h2{font-size:30px}
  .doc dl{grid-template-columns:1fr}
  .doc dl div{border-right:0;border-bottom:1px solid rgba(11,12,14,.12)}
  .doc-t{grid-template-columns:1fr}
  .stamp{position:relative;right:auto;top:auto;display:inline-block;margin:0 0 0 clamp(20px,3vw,40px)}
  .wb-nodes{grid-template-columns:1fr 1fr;row-gap:30px}
  .wb-line,.wb-base{display:none}
  .wb-node{padding-top:30px}
  .cstage{height:230px}
  .cq{width:46%}
  .cstage .bar,.cstage .bar-t{left:56%}
  .cctrl{grid-template-columns:1fr}
  .cbtns{justify-content:flex-start}
  .terms{grid-template-columns:1fr;gap:18px}
  .terms .sep{width:100%;height:2px}
  .facts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .same{grid-template-columns:1fr}
  .choice{min-height:0;padding-right:0}
  .choices .baseline{display:none}
  .choice .pt{display:none}
  .list li{grid-template-columns:1fr;gap:8px}
  .phases{grid-template-columns:1fr;gap:26px}
  .mapf{grid-template-columns:1fr}
  .lane5,.lane5-k{grid-template-columns:62px repeat(13,minmax(0,1fr)) 40px}
  .lane5 .m6{font-size:8px}
  .tl .l.hm{display:none}
  .phases,.rt,.terms,.doc dl{grid-template-columns:1fr!important}
}
@media (max-width:480px){
  .door dl{grid-template-columns:1fr 1fr}
  .wb-nodes{grid-template-columns:1fr}
  .facts b{font-size:22px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  body::after{animation:none}
  *,*::before,*::after{transition-duration:.01s!important;animation-duration:.01s!important;animation-iteration-count:1!important}
  .rv{opacity:1;transform:none}
  .gates{height:auto}
  .gates .pin{position:relative;height:auto;min-height:100svh}
}

/* ===== v5 · commercial conversion pass (Oct 2026 brief) ===== */
.hero-conv h1{max-width:17ch;font-size:clamp(44px,6.4vw,112px)}
.hero-conv .hero-horizon{margin-top:clamp(44px,9vh,110px)}
.hero-conv .hero-foot{padding-top:clamp(84px,12vh,150px)}
.hero-sup{grid-column:1/span 6;display:grid;gap:14px}
.hero-sup .tag{color:var(--gold-hi)}
.hero-sup .lead{color:rgba(237,230,217,.86);margin:0}
.hero-cta{grid-column:8/-1;display:grid;gap:22px;justify-items:start;align-self:end}
.hero-cta .btn{min-height:58px;font-size:16px}
.hero-alt{color:var(--bone);display:inline-flex;gap:10px}
.hero-alt:hover{color:var(--gold-hi)}
.door .big{max-width:18ch;font-size:clamp(32px,3.3vw,58px);line-height:1.04}
.door .go{margin-top:auto}
.door .big{margin-bottom:48px}
.gstrip{padding:22px 0;border-top:1px solid rgba(237,230,217,.12)}
.gstrip .wrap,.gstrip-in{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}
.gstrip .tag,.gstrip-in .tag{color:var(--gold-hi)}
.gstrip ol,.gstrip-in ol,.glist{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 0;counter-reset:g}
.gstrip li,.gstrip-in li{counter-increment:g;display:flex;align-items:center;font:400 clamp(18px,1.6vw,24px)/1.1 var(--serif)}
.gstrip li::before,.gstrip-in li::before{content:counter(g);font:500 11px/1 var(--mono);color:var(--gold-hi);border:1px solid var(--gold-line);width:22px;height:22px;display:inline-grid;place-items:center;margin-right:10px}
.gstrip li + li::before,.gstrip-in li + li::before{margin-left:0}
.gstrip li + li,.gstrip-in li + li{padding-left:14px}
.gstrip li:not(:last-child)::after,.gstrip-in li:not(:last-child)::after{content:"→";margin-left:14px;color:var(--gold)}
.gstrip .lnk{margin-left:auto;color:var(--bone)}
.gstrip-in{margin-top:clamp(40px,5vw,64px);padding-top:22px;border-top:1px solid var(--hair)}
.glist{display:grid;gap:0;margin-top:8px;border-top:1px solid var(--hair)}
.glist li{display:grid;grid-template-columns:90px 1fr;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--hair)}
.glist b{font:400 clamp(20px,1.8vw,26px)/1.1 var(--serif)}
.tag.ill{color:var(--gold-deep);border:1px solid var(--gold-line);padding:6px 9px}
.pp-proof{margin:14px 0 0;font-size:14.5px}
.asks{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--hair)}
.asks li{padding:12px 0;border-bottom:1px solid var(--hair);font:400 12.5px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.rcol .btn{justify-self:start}
.anchor-alias{position:relative;top:-120px;display:block;height:0}
#lift,#build,#preview{scroll-margin-top:110px}
@media (max-width:820px){
  .hero-sup,.hero-cta{grid-column:1/-1}
  .hero-conv h1{font-size:clamp(38px,10.4vw,64px)}
  .hero-conv .hero-foot{padding-top:clamp(60px,9vh,110px)}
  .door .big{font-size:clamp(28px,7.4vw,40px)}
  .gstrip .lnk{margin-left:0}
  .gstrip li,.gstrip-in li{font-size:18px}
  .glist li{grid-template-columns:72px 1fr}
}
.phero-s{min-height:0;padding-top:clamp(130px,16vh,170px);padding-bottom:clamp(36px,5vw,64px)}
.phero-s h1{font-size:clamp(40px,5.2vw,92px)}
.sec-tight{padding-top:clamp(40px,5vw,72px)}
.rcol .asks{margin-top:4px}
@media (max-height:820px) and (min-width:821px){
  .hero-conv .hero-top{padding-top:clamp(104px,15vh,130px)}
  .hero-conv h1{font-size:clamp(44px,5.6vw,96px)}
  .hero-conv .hero-horizon{margin-top:clamp(24px,5vh,48px)}
  .hero-conv .hero-foot{padding-top:clamp(56px,9vh,84px);padding-bottom:28px}
  .phero:not(.phero-s){padding-top:118px;padding-bottom:40px}
  .phero:not(.phero-s) .lead{margin-top:22px}
  .phero:not(.phero-s) h1{font-size:clamp(44px,5.8vw,104px)}
}
@media (max-height:820px) and (min-width:821px){.hero-conv{min-height:100svh}}
.rcol .display{text-wrap:balance}
.phero-s{padding-bottom:clamp(64px,9vh,96px)}
.sec-tight{padding-top:clamp(20px,2.4vw,36px)}
@media (max-height:820px) and (min-width:821px){.phero-s{padding-top:108px;padding-bottom:44px}.phero-s h1{font-size:clamp(38px,4.4vw,64px)}}
.sec-tight .rcol{gap:24px}
.doors{min-height:clamp(460px,64vh,640px)}
@media (max-width:820px){.doors,.door{min-height:0!important}.door .big{margin-bottom:36px}}
.nw{white-space:nowrap}
.mt button{white-space:nowrap}
.kicker .nw{display:contents}
@media (max-width:360px){
  .score{grid-template-columns:minmax(118px,1.6fr) repeat(4,minmax(34px,.5fr))}
  .giant{font-size:clamp(52px,16vw,64px)}
}
@media (max-width:560px){
  .pp .pp-ph,.pp .pp-ini{width:76px;height:76px}
  .pp .pp-ini{font-size:32px}
  .pp-x .pp-n{display:block;margin-bottom:10px}
}
/* page heroes (LIFT, BUILD, Standard, Team, Begin): homepage headline scale. The threshold line is drawn below the headline at the
   homepage's distance (see site.js); the headline's bottom margin keeps that distance plus clear space for the text under the line. */
.phero[aria-labelledby="h1"] h1.display{font-size:clamp(44px,6.4vw,112px);margin-bottom:calc(clamp(44px,9vh,110px) + clamp(40px,7vh,88px))}
.phero.phero-s[aria-labelledby="h1"] h1.display{margin-bottom:clamp(44px,9vh,110px)}
.phero.phero-s[aria-labelledby="h1"]{padding-bottom:clamp(32px,5vh,56px)}
@media (max-height:820px) and (min-width:821px){
  .phero[aria-labelledby="h1"] h1.display{font-size:clamp(44px,5.6vw,96px);margin-bottom:calc(clamp(24px,5vh,48px) + clamp(40px,7vh,88px))}
  .phero.phero-s[aria-labelledby="h1"] h1.display{margin-bottom:clamp(24px,5vh,48px)}
  .phero.phero-s[aria-labelledby="h1"]{padding-bottom:14px}
}
@media (max-width:820px){.phero[aria-labelledby="h1"] h1.display{font-size:clamp(38px,10.4vw,64px)}}
/* back link to Limitless Institute (nav, beside the wordmark) */
.nav-in .wm{margin-right:0}
.back-li{margin-right:auto;text-decoration:none;color:inherit;font:450 13px/1 var(--sans);opacity:.66;white-space:nowrap;padding:8px 0 8px 22px;border-left:1px solid currentColor;border-left-color:rgba(127,127,127,.4);transition:opacity .3s}
.back-li:hover,.back-li:focus-visible{opacity:1}
.back-sheet{display:inline-block;margin:28px 0 0;border:0;padding:8px 0;font-size:15px}
@media (max-width:1180px){.back-li .bl-a{display:none}}
@media (max-width:820px){.nav-in{gap:16px}.back-li{padding-left:14px;font-size:12.5px}}
@media (max-width:374px){.back-li .bl-b{display:none}}
.sheet .back-sheet{padding-left:0;border-left:0}