:root{--font-display:"Instrument Serif",Georgia,"Times New Roman",serif;--font-sans:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--paper-50:#FAF8F4;--paper-100:#F4F1EB;--paper-200:#EDE8DE;--paper-400:#DCD7CC;--paper-500:#C4BCAA;--ink-900:#14161A;--ink-800:#1B1E24;--ink-700:#2C3037;--ink-500:#585D67;--ink-400:#7C818C;--accent:#E9532C;--accent-hover:#CF441F;--canvas:var(--paper-100);--canvas-sunken:var(--paper-200);--surface-inverse:var(--ink-900);--text-body:var(--ink-900);--text-strong:#152238;--text-muted:var(--ink-500);--text-faint:var(--ink-400);--line-hairline:var(--paper-400);--line-inverse:rgba(244,241,235,.16);--focus-ring:var(--accent);--text-display-1-size:clamp(3.25rem,7vw,6.25rem);--text-display-1-lh:.94;--text-display-1-ls:-.025em;--text-display-2-size:clamp(2.375rem,4.6vw,3.75rem);--text-display-2-lh:1.02;--text-display-2-ls:-.02em;--text-display-3-size:clamp(1.75rem,2.6vw,2.5rem);--text-body-lg-size:1.125rem;--text-body-lg-lh:1.6;--text-body-size:1rem;--text-body-lh:1.65;--text-body-sm-size:.9375rem;--text-body-sm-lh:1.55;--text-label-size:.6875rem;--text-label-ls:.14em;--text-meta-size:.625rem;--text-meta-ls:.18em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--space-11:160px;--container-max:1240px;--container-pad:clamp(20px,5vw,64px);--radius-1:2px;--ease-standard:cubic-bezier(.22,.61,.36,1);--ease-out:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink-900)}body{margin:0;background:var(--ink-900);color:var(--paper-100);font-family:var(--font-sans);font-weight:300;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}h1,h2,h3,p{margin:0}svg,img{display:block}::selection{background:rgba(233,83,44,.32)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}.container{width:min(100%,var(--container-max));margin:auto;padding-inline:var(--container-pad)}
.mast{position:fixed;inset:0 0 auto;z-index:80;background:rgba(15,17,20,.84);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-inverse)}.mast-inner{height:64px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand img{width:26px;height:26px}.brand-name,.crumb,.nav a,.button,.eyebrow,.lesson,.signal-year,.shift-label,.scene-meta,.scroll-cue,.number-source,.footer a,.footer-meta,.pair-kicker,.tab{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--text-label-ls);font-size:var(--text-label-size)}.crumb{color:var(--accent);font-size:var(--text-meta-size);letter-spacing:var(--text-meta-ls)}.nav{display:flex;align-items:center;gap:var(--space-5)}.nav a{color:rgba(244,241,235,.62)}.nav a[aria-current=page],.nav a:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border:1px solid var(--accent);background:var(--accent);color:var(--paper-50);cursor:pointer}.button.secondary{background:transparent;color:var(--paper-100);border-color:rgba(244,241,235,.3)}
.signal{position:fixed;top:64px;left:0;right:0;z-index:79;height:20px;pointer-events:none}.signal-track{position:absolute;top:0;left:0;width:100%;height:1px;background:rgba(244,241,235,.16)}.signal-fill{height:1px;width:var(--journey,0%);background:var(--accent)}.signal-dot{position:absolute;left:var(--journey,0%);top:-3px;width:7px;height:7px;border-radius:50%;background:var(--accent);transform:translateX(-50%);box-shadow:0 0 0 4px rgba(233,83,44,.12)}.signal-year{position:absolute;right:var(--container-pad);top:7px;color:var(--accent)}
.dial{position:fixed;left:16px;top:50%;z-index:70;display:flex;flex-direction:column;gap:10px;transform:translateY(-50%)}.dial a{display:flex;align-items:center;gap:8px;color:rgba(244,241,235,.34);font:400 var(--text-meta-size)/1 var(--font-mono);letter-spacing:var(--text-meta-ls)}.dial a::before{content:"";width:10px;height:1px;background:currentColor;transition:width .24s var(--ease-standard)}.dial a:hover,.dial a.active{color:var(--accent)}.dial a.active::before,.dial a:hover::before{width:22px}
.open{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:150px 0 var(--space-9)}.open-grid{position:absolute;inset:0;opacity:.28;background-image:linear-gradient(rgba(244,241,235,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(244,241,235,.08) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent)}.open-ring{position:absolute;right:-16vw;top:8%;width:min(70vw,900px);aspect-ratio:1;opacity:.55}.open-copy{position:relative;z-index:2;max-width:1080px}.eyebrow{display:flex;gap:12px;color:rgba(244,241,235,.55);margin-bottom:var(--space-6)}.eyebrow b{color:var(--accent);font-weight:500}.open h1{font:400 var(--text-display-1-size)/var(--text-display-1-lh) var(--font-display);letter-spacing:var(--text-display-1-ls);max-width:15ch}.open-sub{margin-top:var(--space-6);max-width:62ch;font-size:var(--text-body-lg-size);line-height:var(--text-body-lg-lh);color:rgba(244,241,235,.68)}.open-byline{margin-top:var(--space-7);font:400 var(--text-label-size)/1.6 var(--font-mono);letter-spacing:var(--text-label-ls);text-transform:uppercase;color:var(--accent)}.scroll-cue{position:absolute;bottom:var(--space-6);color:rgba(244,241,235,.44)}
.shift{min-height:52vh;display:flex;align-items:center;position:relative;background:var(--paper-100);color:var(--text-strong);border-block:1px solid var(--line-hairline)}.shift::after{content:"";position:absolute;left:var(--container-pad);right:var(--container-pad);bottom:28%;height:1px;background:var(--line-hairline)}.shift-label{color:var(--accent);margin-bottom:var(--space-5)}.shift h2{font:400 var(--text-display-2-size)/var(--text-display-2-lh) var(--font-display);letter-spacing:var(--text-display-2-ls);max-width:15ch}
.scene{min-height:125vh;position:relative;background:var(--ink-900);border-bottom:1px solid var(--line-inverse)}.scene-inner{min-height:100vh;position:sticky;top:0;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;gap:var(--space-8);padding-block:130px var(--space-8);overflow:hidden}.scene-copy{position:relative;z-index:3;max-width:700px}.scene-meta{color:var(--accent);margin-bottom:var(--space-5)}.scene h2{font:400 var(--text-display-2-size)/var(--text-display-2-lh) var(--font-display);letter-spacing:var(--text-display-2-ls);max-width:15ch}.scene-body{margin-top:var(--space-5);max-width:62ch;color:rgba(244,241,235,.68);font-size:var(--text-body-lg-size);line-height:var(--text-body-lg-lh)}.lesson{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid rgba(233,83,44,.45);color:var(--accent);line-height:1.6;max-width:70ch}.numbers{display:flex;gap:var(--space-5);flex-wrap:wrap;margin-top:var(--space-6)}.number{min-width:140px}.number strong{display:block;font:400 clamp(2rem,4vw,3.75rem)/1 var(--font-display);color:var(--paper-100)}.number span{font:400 var(--text-meta-size)/1.4 var(--font-mono);letter-spacing:var(--text-meta-ls);text-transform:uppercase;color:rgba(244,241,235,.48)}.motif{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;min-height:520px;opacity:.68}.motif svg{width:min(100%,620px);max-height:620px;overflow:visible}.hair{fill:none;stroke:var(--paper-100);stroke-width:1;opacity:.16}.accent-stroke{fill:none;stroke:var(--accent);stroke-width:1.5}.ambient{animation:ambient 8s ease-in-out infinite alternate;transform-origin:center}.draw{stroke-dasharray:800;stroke-dashoffset:800;animation:draw 8s var(--ease-standard) infinite}.blink{animation:blink 1.25s steps(1) infinite}.broadcast{animation:broadcast 5s ease-out infinite;transform-origin:center;opacity:0}.broadcast:nth-child(2){animation-delay:1.6s}.broadcast:nth-child(3){animation-delay:3.2s}.stream line{animation:stream 5s ease-in-out infinite}.stream line:nth-child(2n){animation-delay:-2s}.nodes line{stroke-dasharray:180;stroke-dashoffset:180;animation:wire 6s ease-in-out infinite alternate}.frames rect{animation:stack 7s ease-in-out infinite alternate}.frames rect:nth-child(2){animation-delay:-2s}.frames rect:nth-child(3){animation-delay:-4s}@keyframes ambient{to{transform:translateY(-14px) rotate(.8deg)}}@keyframes draw{45%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:-800}}@keyframes blink{0%,45%{opacity:1}46%,100%{opacity:0}}@keyframes broadcast{0%{transform:scale(.2);opacity:.7}100%{transform:scale(1);opacity:0}}@keyframes stream{50%{transform:translateX(24px)}}@keyframes wire{to{stroke-dashoffset:0}}@keyframes stack{to{transform:translateY(-18px)}}
.interlude{min-height:100vh;position:relative;display:grid;place-items:center;text-align:center;overflow:hidden;background:var(--paper-100);color:var(--text-strong)}.interlude svg{position:absolute;inset:0;width:100%;height:100%}.interlude-copy{position:relative;z-index:2}.interlude h2{font:400 var(--text-display-2-size)/1 var(--font-display)}.interlude p{margin-top:var(--space-5);font:400 var(--text-label-size)/1.5 var(--font-mono);text-transform:uppercase;letter-spacing:var(--text-label-ls);color:var(--accent)}
.compare{padding:var(--space-11) 0;background:var(--paper-100);color:var(--text-strong)}.compare-head{max-width:760px}.compare h2,.wall h2,.principles h2,.close h2{font:400 var(--text-display-2-size)/var(--text-display-2-lh) var(--font-display);letter-spacing:var(--text-display-2-ls)}.compare-intro{margin-top:var(--space-5);color:var(--text-muted);font-size:var(--text-body-lg-size)}.tabs{display:flex;gap:var(--space-2);margin:var(--space-7) 0 var(--space-5)}.tab{border:1px solid var(--line-hairline);background:transparent;color:var(--text-muted);padding:12px 16px;cursor:pointer}.tab[aria-selected=true]{background:var(--ink-900);color:var(--paper-100);border-color:var(--ink-900)}.split{position:relative;min-height:440px;border:1px solid var(--line-hairline);overflow:hidden;cursor:ew-resize;background:var(--ink-900)}.split-panel{position:absolute;inset:0;padding:clamp(32px,7vw,88px);display:flex;flex-direction:column;justify-content:center}.split-then{background:var(--paper-200);color:var(--text-strong)}.split-now{background:var(--ink-900);color:var(--paper-100);clip-path:inset(0 0 0 var(--split,50%))}.pair-kicker{color:var(--accent);margin-bottom:var(--space-5)}.pair-copy{font:400 clamp(2rem,4.5vw,4.5rem)/1.02 var(--font-display);max-width:17ch}.split-handle{position:absolute;z-index:3;top:0;bottom:0;left:var(--split,50%);width:1px;background:var(--accent);pointer-events:none}.split-handle::after{content:"↔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:46px;height:46px;background:var(--accent);color:var(--paper-50);font-family:var(--font-mono)}.split input{position:absolute;z-index:4;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}
.wall{padding:var(--space-11) 0;background:var(--ink-900)}.wall-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:var(--space-8);border-top:1px solid var(--line-inverse);border-left:1px solid var(--line-inverse)}.wall-tile{min-height:220px;padding:var(--space-6);border-right:1px solid var(--line-inverse);border-bottom:1px solid var(--line-inverse);display:flex;flex-direction:column;justify-content:space-between}.wall-value{font:400 clamp(2.6rem,5vw,5.5rem)/.95 var(--font-display);color:var(--paper-100)}.number-source{color:rgba(244,241,235,.45);line-height:1.5}.wall-foot{margin-top:var(--space-5);font:400 var(--text-meta-size)/1.6 var(--font-mono);letter-spacing:var(--text-meta-ls);text-transform:uppercase;color:rgba(244,241,235,.36)}
.principles{padding:var(--space-11) 0;background:var(--paper-100);color:var(--text-strong)}.principle-list{margin-top:var(--space-8);border-top:1px solid var(--line-hairline)}.principle{display:grid;grid-template-columns:48px minmax(220px,.8fr) minmax(0,1.2fr);gap:var(--space-5);padding:var(--space-6) 0;border-bottom:1px solid var(--line-hairline);align-items:baseline}.principle span:first-child{font:400 var(--text-index-size)/1 var(--font-mono);color:var(--accent)}.principle h3{font:400 var(--text-display-3-size)/1.1 var(--font-display)}.principle p{color:var(--text-muted)}.off-clock{padding:var(--space-10) 0;background:var(--paper-200);color:var(--text-strong)}.off-clock p{max-width:760px;font:400 var(--text-display-3-size)/1.25 var(--font-display)}
.close{min-height:82vh;position:relative;display:grid;align-items:center;overflow:hidden}.close-rings{position:absolute;inset:0;width:100%;height:100%}.close-copy{position:relative;z-index:2;max-width:850px}.close h2{font-size:var(--text-display-1-size);line-height:var(--text-display-1-lh);max-width:12ch}.close-sub{margin-top:var(--space-6);max-width:58ch;color:rgba(244,241,235,.64);font-size:var(--text-body-lg-size)}.close-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-7)}.footer{padding:var(--space-8) 0;border-top:1px solid var(--line-inverse)}.footer-inner{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-8);flex-wrap:wrap}.footer-brand{max-width:48ch;color:rgba(244,241,235,.55);font-size:var(--text-body-sm-size)}.footer-brand img{height:40px;margin-bottom:var(--space-5)}.footer-links{display:flex;flex-wrap:wrap;gap:var(--space-5);margin-bottom:var(--space-3)}.footer a{color:rgba(244,241,235,.72)}.footer a:hover{color:var(--accent)}.footer-meta{display:block;color:rgba(244,241,235,.4);line-height:1.7}
.reveal>*{opacity:.28;transform:translateY(18px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.reveal.in>*{opacity:1;transform:none}.reveal.in>*:nth-child(2){transition-delay:.08s}.reveal.in>*:nth-child(3){transition-delay:.16s}.reveal.in>*:nth-child(4){transition-delay:.24s}.reveal.in>*:nth-child(5){transition-delay:.32s}
@media(max-width:1180px){.dial{display:none}.nav{gap:var(--space-4)}}@media(max-width:900px){.nav{display:none}.mast .button{display:none}.scene{min-height:0}.scene-inner{position:relative;min-height:0;grid-template-columns:1fr;padding-block:var(--space-10);gap:var(--space-5)}.motif{min-height:300px;order:-1}.wall-grid{grid-template-columns:repeat(2,1fr)}.open{min-height:92vh}.signal-year{right:20px}.principle{grid-template-columns:36px 1fr}.principle p{grid-column:2}.split{min-height:380px}}@media(max-width:560px){.brand-name{display:none}.crumb{font-size:.55rem}.open h1{font-size:clamp(3rem,15vw,4.5rem)}.scene h2{font-size:2.55rem}.wall-grid{grid-template-columns:1fr}.wall-tile{min-height:170px}.tabs{display:grid;grid-template-columns:repeat(3,1fr)}.tab{padding:12px 4px}.split{min-height:480px}.pair-copy{font-size:2.5rem}.footer-inner{align-items:flex-start}.close-actions{flex-direction:column}.button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene-inner{position:relative}.reveal>*{opacity:1;transform:none;transition:none}.ambient,.draw,.blink,.broadcast,.stream line,.nodes line,.frames rect{animation:none!important}.close-rings animate,.open-ring animate{display:none}.signal-dot{box-shadow:none}}

.who{border-top:1px solid var(--line-hairline)}.who-body{margin-top:var(--space-6);max-width:62ch;font-size:var(--text-body-lg-size,1.125rem);line-height:1.6;color:var(--text-muted)}