@font-face{font-family:Inter Tight;font-style:normal;font-weight:300 600;font-display:swap;src:url(./inter-tight-latin-4AtXCUT1.woff2)format("woff2")}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(./instrument-serif-italic-latin-Dv3QvL_F.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(./jetbrains-mono-latin-RruCX7RW.woff2)format("woff2")}:root{--bg:#04050a;--ink:#eceff4;--dim:#7d8596;--soft:#b7bdc9;--faint:#2a2f3b;--glow:#8ff5dc;--glow2:#8f9bff;--gutter:44px;--sans:"Inter Tight", "Helvetica Neue", Arial, sans-serif;--serif:"Instrument Serif", "Times New Roman", serif;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}.field{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.grain{z-index:1;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}.vignette{z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 60%,#0000 40%,#04050ad9 100%);position:fixed;inset:0}main{z-index:2;position:relative}em{font-family:var(--serif);letter-spacing:-.01em;background:linear-gradient(100deg, var(--glow) 0%, #cfe9ff 55%, var(--glow2) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;padding-right:.06em;font-style:italic;font-weight:400}.label{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--dim);font-size:11px}.site-header{z-index:5;padding:26px var(--gutter);padding-top:max(26px, env(safe-area-inset-top));background:linear-gradient(#04050ab3,#04050a00);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.brand{letter-spacing:-.01em;align-items:center;gap:12px;font-size:15px;font-weight:500;display:flex}.brand img{width:28px;height:28px;display:block}.header-label{color:#9aa2b1}.hero{height:100svh;min-height:560px;padding:0 var(--gutter) 11vh;flex-direction:column;justify-content:flex-end;display:flex;position:relative}.hero h1{letter-spacing:-.055em;margin:22px 0 30px;font-size:clamp(64px,10.5vw,168px);font-weight:500;line-height:.9}.hero h1 em{letter-spacing:-.03em}.hero .sub{max-width:30em;color:var(--soft);font-size:18px;font-weight:300;line-height:1.5}.cue{right:var(--gutter);align-items:center;gap:14px;display:flex;position:absolute;bottom:11vh}.cue i{background:linear-gradient(var(--dim), transparent);transform-origin:top;width:1px;height:54px;animation:2.4s ease-in-out infinite drip;display:block}@keyframes drip{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.bridge{text-align:center;place-items:center;height:100svh;padding:0 8vw;display:grid}.bridge h2{letter-spacing:-.035em;max-width:16em;font-size:clamp(34px,4.6vw,72px);font-weight:400;line-height:1.08}.scale{height:760vh;position:relative}.stick{height:100svh;position:sticky;top:0;overflow:hidden}.ruler{left:var(--gutter);width:120px;height:60%;position:absolute;top:20%}.ruler .line,.ruler .fill{width:1px;position:absolute;top:0;left:0}.ruler .line{background:var(--faint);bottom:0}.ruler .fill{background:linear-gradient(var(--glow2), var(--glow))}.ruler .tick{font-family:var(--mono);color:#4b5261;white-space:nowrap;align-items:center;gap:12px;font-size:11px;transition:color .5s;display:flex;position:absolute;left:0;transform:translateY(-50%)}.ruler .tick:before{content:"";background:currentColor;width:9px;height:1px}.ruler .tick b{opacity:.6;font-weight:400}.ruler .tick.on{color:var(--ink)}.ruler .dot{background:var(--glow);width:7px;height:7px;box-shadow:0 0 14px var(--glow);border-radius:50%;position:absolute;left:-3px;transform:translateY(-50%)}.stage-text{width:min(34vw,460px);height:320px;position:absolute;top:50%;left:230px;transform:translateY(-50%)}.st{opacity:0;transition:opacity .7s,transform .9s cubic-bezier(.2,.7,.1,1);position:absolute;top:0;left:0;right:0;transform:translateY(18px)}.st.on{opacity:1;transform:none}.st .n{font-family:var(--mono);letter-spacing:.2em;color:var(--dim);font-size:11px}.st h3{letter-spacing:-.05em;margin:18px 0 20px;font-size:clamp(56px,7vw,112px);font-weight:500;line-height:.95}.st p{color:var(--soft);max-width:22em;font-size:18px;font-weight:300;line-height:1.5}.st .dom{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.st .dom span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#9aa2b1;border:1px solid #262b36;border-radius:99px;padding:6px 11px;font-size:10.5px}.pips{display:none}.ruler .fork{width:14px;height:100%;position:absolute;top:0;left:-14px;overflow:visible}.ruler .fork path{fill:none;stroke:#aab0ff59;stroke-width:1px}.ruler .tick .pair{flex-direction:column;gap:3px;display:flex}.ruler .tick .pair b{margin-left:.6em}.ruler .tick .pair .life{color:#aab0ff8c}.ruler .tick.on .pair .life{color:#aab0ff}.twin-stage{left:230px;right:var(--gutter);pointer-events:none;position:absolute;top:12vh;bottom:8vh}.tw{opacity:0;grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr;column-gap:4vw;transition:opacity .7s,transform .9s cubic-bezier(.2,.7,.1,1);display:grid;position:absolute;inset:0;transform:translateY(14px)}.tw.on{opacity:1;transform:none}.tw .n{font-family:var(--mono);letter-spacing:.2em;color:var(--dim);grid-column:1/-1;font-size:11px}.tw .lane{flex-direction:column;min-height:0;display:flex}.tw .vis{flex:1;min-height:0}.tw .lt,.card .lt{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--glow);font-size:11px}.tw .life .lt,.card.life .lt{color:#aab0ff}.tw h3{letter-spacing:-.045em;margin:10px 0 8px;font-size:clamp(34px,3.6vw,60px);font-weight:500;line-height:1}.tw p{color:var(--soft);max-width:26em;font-size:16px;font-weight:300;line-height:1.5}.cards{display:none}.rsi{height:360vh;position:relative}.rsi-text{left:var(--gutter);width:min(38vw,540px)}.rsi .st h3{letter-spacing:-.045em;font-size:clamp(40px,4.8vw,80px);line-height:1}.cue-text{animation:.9s cubic-bezier(.2,.7,.1,1) cue-in}@keyframes cue-in{0%{opacity:0;transform:translateY(6px)}}.rsi .cycle{color:var(--glow);letter-spacing:.18em;margin-top:22px}.loop{z-index:2;pointer-events:none;opacity:0;transition:opacity .8s;position:fixed;inset:0}.loop.on{opacity:1}.loop .stage{white-space:nowrap;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#5d6576;align-items:baseline;gap:8px;font-size:11px;transition:color .4s;display:flex;position:absolute;transform:translate(-50%,-50%)}.loop .stage[data-side="1"]{transform:translateY(-50%)}.loop .stage[data-side="-1"]{transform:translate(-100%,-50%)}.loop .stage b{color:inherit;font-weight:400}.loop .stage.lit{color:var(--glow);text-shadow:0 0 14px #8ff5dc99}.loop .model{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--glow);opacity:0;font-size:10px;transition:opacity .8s;position:absolute;transform:translate(-50%,-50%)}.loop[data-depth="2"] .model{opacity:.8}.loop[data-depth="3"] .stage{opacity:0}.loop .stage{transition:color .4s,opacity .8s}@media (width<=600px){.loop .stage .name{display:none}}.manifesto{min-height:100svh;padding:22vh var(--gutter) 16vh;flex-direction:column;justify-content:center;display:flex}.manifesto h2{letter-spacing:-.035em;max-width:17em;margin:26px 0 12vh;font-size:clamp(36px,4.4vw,68px);font-weight:400;line-height:1.08}.principles{border-top:1px solid #1b1f28;grid-template-columns:repeat(3,1fr);gap:5vw;padding-top:38px;display:grid}.principles .n{font-family:var(--mono);color:var(--glow);letter-spacing:.15em;font-size:11px}.principles h3{letter-spacing:-.02em;margin:16px 0 12px;font-size:22px;font-weight:500}.principles p{color:#a3aab7;font-size:16px;font-weight:300;line-height:1.55}.end{text-align:center;height:100svh;min-height:480px;padding:0 var(--gutter) calc(10vh + 40px);flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:relative}.end h2{letter-spacing:-.05em;margin:24px 0 26px;font-size:clamp(48px,7vw,116px);font-weight:500;line-height:.95}.end footer{bottom:max(30px, env(safe-area-inset-bottom));left:var(--gutter);right:var(--gutter);justify-content:space-between;gap:16px;display:flex;position:absolute}.reveal{opacity:0;transition:opacity 1.1s,transform 1.3s cubic-bezier(.2,.7,.1,1);transform:translateY(24px)}.reveal.in{opacity:1;transform:none}@media (width<=1279px){.stage-text{width:min(38vw,440px);left:170px}.ruler .tick b{display:none}.twin-stage{left:170px}.rsi-text{left:var(--gutter)}.st h3{font-size:clamp(52px,6.2vw,96px)}}@media (width<=900px){.principles{grid-template-columns:1fr;gap:34px}}@media (aspect-ratio<=21/20){.scale{height:auto}.scale .stick{display:none}.cards{padding:6vh var(--gutter) 10vh;display:block}.card{flex-direction:column;justify-content:center;min-height:88svh;padding:3vh 0;display:flex}.card-vis{height:min(52svh,84vw)}.card .n{font-family:var(--mono);letter-spacing:.2em;color:var(--dim);margin-top:18px;font-size:11px}.card .n .lt{font-size:inherit}.card h3{letter-spacing:-.05em;margin:12px 0;font-size:clamp(44px,12vw,96px);font-weight:500;line-height:.95}.card p{color:var(--soft);max-width:26em;font-size:17px;font-weight:300;line-height:1.5}.header-label,.cue,.ruler{display:none}.hero h1{font-size:clamp(60px,12vw,150px)}.stage-text{left:var(--gutter);right:var(--gutter);width:auto;height:auto;min-height:240px;top:auto;bottom:calc(9svh + 26px);transform:none}.st{top:auto;bottom:0}.st h3{font-size:clamp(52px,11vw,120px)}.rsi .st h3{font-size:clamp(38px,8vw,84px)}.pips{left:var(--gutter);gap:6px;display:flex;position:absolute;bottom:9svh}.pips i{background:var(--faint);border-radius:2px;width:22px;height:2px;transition:background .5s;display:block}.pips i.on{background:var(--glow)}.end h2{font-size:clamp(42px,10vw,116px)}}@media (width<=780px){:root{--gutter:22px}.site-header{padding-top:max(20px, env(safe-area-inset-top));padding-bottom:20px}.hero .sub,.st p{font-size:17px}.manifesto{padding-top:16vh;padding-bottom:12vh}.manifesto h2{margin-bottom:8vh}}@media (width<=430px){.hero h1{font-size:17vw}.st h3{font-size:14vw}.end h2{font-size:11.5vw}.manifesto h2,.bridge h2{font-size:9vw}.st .dom span{padding:5px 9px;font-size:9.5px}.label{letter-spacing:.14em;font-size:10px}}@media (height<=520px) and (orientation:landscape){.twin-stage{top:16vh;bottom:4vh;left:140px}.tw h3{margin:4px 0 0;font-size:22px}.tw p,.loop{display:none}.hero{min-height:0;padding-bottom:8vh}.hero h1{margin:12px 0 16px;font-size:19vh}.hero .sub{max-width:50%;font-size:15px}.cue{display:none}.stage-text{width:40vw;left:140px}.ruler{height:68%;top:16%}.stage-text{height:240px}.st h3{margin:10px 0 12px;font-size:16vh}.st p{font-size:15px}.st .dom{margin-top:14px}.end{min-height:0}.end h2{font-size:17vh}}@media (prefers-reduced-motion:reduce){.reveal,.st{transition:none;transform:none}.cue i{animation:none}}
