:root{color-scheme:dark;--void: #030407;--paper: #f2f0e8;--dim: #8a9096;--line: rgba(232, 238, 241, .18);--ice: #6cc6ff;--acid: #b5ff2a;--violet: #9a55ff;--display: "Arial Black", "Helvetica Neue", Arial, sans-serif;--text: "Helvetica Neue", Inter, ui-sans-serif, system-ui, sans-serif;--mono: "SFMono-Regular", "Cascadia Code", "Roboto Mono", monospace;--progress: 0;--velocity: 0}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth;background:var(--void)}body{min-width:320px;margin:0;overflow-x:hidden;color:var(--paper);background:var(--void);font-family:var(--text)}body,a,button{cursor:none}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:1px solid var(--acid);outline-offset:5px}::selection{color:var(--void);background:var(--acid)}.skip-link{position:fixed;top:1rem;left:1rem;z-index:200;padding:.7rem .9rem;color:var(--void);background:var(--acid);font:700 .65rem/1 var(--mono);transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.engine{position:relative;isolation:isolate;min-height:480svh;background:var(--void)}.render-layer{position:fixed;inset:0;z-index:0;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(32,65,93,.16),transparent 28%),linear-gradient(135deg,#030407,#06070d 52%,#020306)}.render-canvas{width:100%;height:100%}.render-fallback{position:absolute;inset:0;display:none}[data-webgl=fallback] .render-canvas{display:none}[data-webgl=fallback] .render-fallback{display:block}.fallback-core{position:absolute;top:50%;left:50%;width:24rem;max-width:64vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(181,255,42,.1),transparent 42%),repeating-radial-gradient(circle,transparent 0 16px,rgba(108,198,255,.2) 17px 18px);filter:drop-shadow(0 0 3rem rgba(108,198,255,.2));transform:translate(-50%,-50%)}.fallback-orbit{position:absolute;top:50%;left:50%;border:1px solid rgba(181,255,42,.22);border-radius:50%;transform:translate(-50%,-50%)}.fallback-orbit-a{width:68vw;height:20vw;transform:translate(-50%,-50%) rotate(16deg)}.fallback-orbit-b{width:34vw;height:72vw;border-color:#9a55ff2e;transform:translate(-50%,-50%) rotate(-33deg)}.light-field{position:absolute;inset:-20%;opacity:calc(.32 + var(--velocity) * .28);background:conic-gradient(from 90deg at 50% 50%,transparent 0 14%,rgba(108,198,255,.07) 17%,transparent 20% 47%,rgba(181,255,42,.055) 50%,transparent 53% 79%,rgba(154,85,255,.07) 82%,transparent 85%);filter:blur(40px);transform:rotate(calc(var(--progress) * 74deg)) scale(calc(1 + var(--velocity) * .12));transform-origin:center;pointer-events:none}.speed-wash{position:absolute;inset:0;opacity:calc(var(--velocity) * .34);background:radial-gradient(circle at center,transparent 0 12%,rgba(108,198,255,.14) 90%),repeating-conic-gradient(from 0deg at center,transparent 0 2.2deg,rgba(255,255,255,.08) 2.3deg 2.4deg,transparent 2.5deg 5deg);filter:blur(8px);transform:scale(calc(1 + var(--velocity) * .22));pointer-events:none}.scan-field{position:absolute;inset:0;z-index:3;opacity:.1;background:repeating-linear-gradient(to bottom,transparent 0 3px,rgba(255,255,255,.08) 3px 4px),linear-gradient(90deg,rgba(0,0,0,.55),transparent 24% 76%,rgba(0,0,0,.55));mix-blend-mode:soft-light;pointer-events:none}.topbar{position:fixed;inset:0 0 auto;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;min-height:5rem;align-items:center;padding:0 2.5rem;border-bottom:1px solid var(--line);background:linear-gradient(to bottom,#030407d1,#03040714);backdrop-filter:blur(8px)}.brand{display:flex;width:fit-content;align-items:baseline;gap:.8rem;font-family:var(--mono)}.brand strong{font-size:.78rem;letter-spacing:.14em}.brand span{color:#70777f;font-size:.52rem;letter-spacing:.08em}.live-index{display:flex;align-items:center;gap:.8rem;color:#6e757d;font:600 .52rem/1 var(--mono);letter-spacing:.08em}.live-index i{width:4rem;height:1px;overflow:hidden;background:var(--line)}.live-index i:after{display:block;width:45%;height:1px;background:var(--ice);content:"";animation:live-scan 2.4s ease-in-out infinite}.live-index strong{min-width:3.2rem;color:#aab0b5;font-weight:600}.motion-control{display:inline-flex;min-height:2.7rem;align-items:center;justify-self:end;gap:.7rem;border:1px solid var(--line);padding:0 .9rem;color:#aeb4b9;background:#03040794;font:650 .56rem/1 var(--mono);letter-spacing:.08em;transition:color .18s ease,border-color .18s ease,background .18s ease}.motion-control:hover{border-color:#b5ff2aa6;color:var(--acid);background:#b5ff2a0b}.motion-icon{display:grid;width:.9rem;place-items:center}.motion-icon svg{width:.82rem;height:.82rem;stroke-width:1.5}.chapter-nav{position:fixed;top:50%;right:2.4rem;z-index:40;display:grid;gap:1.2rem;transform:translateY(-50%)}.chapter-nav a{position:relative;display:grid;grid-template-columns:2rem 5.5rem;align-items:center;color:#535a62;font-family:var(--mono);transition:color .22s ease,transform .3s cubic-bezier(.16,1,.3,1)}.chapter-nav a:before{position:absolute;left:-1.1rem;width:.35rem;height:.35rem;border:1px solid currentColor;border-radius:50%;content:"";transition:background .22s ease,box-shadow .22s ease,transform .22s ease}.chapter-nav span{font-size:.48rem}.chapter-nav strong{font-size:.5rem;letter-spacing:.1em}.chapter-nav a:hover,.chapter-nav a.is-active{color:var(--paper);transform:translate(-.35rem)}.chapter-nav a.is-active:before{border-color:var(--acid);background:var(--acid);box-shadow:0 0 1rem #b5ff2ab3;transform:scale(1.25)}.scroll-meter{position:fixed;right:2.5rem;bottom:1.75rem;left:2.5rem;z-index:45;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;color:#5d646c;font:600 .48rem/1 var(--mono)}.scroll-meter div{height:1px;background:var(--line)}.scroll-meter i{display:block;width:100%;height:1px;background:linear-gradient(90deg,var(--ice),var(--acid) 55%,var(--violet));box-shadow:0 0 1rem #6cc6ff61;transform:scaleX(0);transform-origin:left;transition:transform 80ms linear}.chapter-readout{position:fixed;bottom:3rem;left:2.5rem;z-index:42;display:flex;align-items:center;gap:.7rem;font:600 .48rem/1 var(--mono);letter-spacing:.1em}.chapter-readout span{color:var(--acid)}.chapter-readout i{width:2rem;height:1px;background:var(--line)}.chapter-readout strong{color:#717880}.velocity-readout{position:fixed;right:2.5rem;bottom:3rem;z-index:42;display:flex;align-items:baseline;gap:.8rem;color:#5f666e;font:600 .46rem/1 var(--mono);letter-spacing:.08em}.velocity-readout strong{color:var(--ice);font-size:.7rem}.cursor{position:fixed;top:0;left:0;z-index:120;display:grid;width:2rem;height:2rem;place-items:center;border:1px solid rgba(242,240,232,.55);border-radius:50%;pointer-events:none;transform:translate3d(50vw,50vh,0);transition:width .22s cubic-bezier(.16,1,.3,1),height .22s cubic-bezier(.16,1,.3,1),border-color .22s ease,background .22s ease;translate:-50% -50%}.cursor span{width:.18rem;height:.18rem;border-radius:50%;background:var(--acid);box-shadow:0 0 .8rem var(--acid)}.cursor.is-active{width:3.6rem;height:3.6rem;border-color:var(--acid);background:#b5ff2a12;mix-blend-mode:screen}.story{position:relative;z-index:20}.chapter{position:relative;display:flex;min-height:120svh;padding:7rem max(5vw,4rem) 6rem;pointer-events:none}.chapter a,.chapter button{pointer-events:auto}.chapter-copy,.hero-copy,.structure-copy{position:relative;z-index:3}.chapter-code,.eyebrow{margin:0;color:var(--acid);font:650 .57rem/1 var(--mono);letter-spacing:.12em}.chapter-chaos{min-height:100svh;align-items:flex-end}.hero-copy{width:min(76rem,86vw);padding-bottom:4vh}.eyebrow{display:flex;justify-content:space-between;margin-bottom:1.8rem;color:#8c9399}.hero-copy h1{margin:0;color:var(--paper);font-family:var(--display);font-size:clamp(5.2rem,9.8vw,10rem);font-weight:900;letter-spacing:-.085em;line-height:.72;text-transform:uppercase}.title-line{display:block;overflow:hidden;padding-right:.08em}.title-line i{display:block;font-style:normal;transform:translateY(110%) skewY(3deg)}[data-ready=true] .chapter-chaos.is-active .title-line i{animation:title-enter 1.15s cubic-bezier(.16,1,.3,1) forwards}[data-ready=true] .chapter-chaos.is-active .title-line:nth-child(2) i{animation-delay:80ms}[data-ready=true] .chapter-chaos.is-active .title-line:nth-child(3) i{animation-delay:.16s}.title-line-offset{margin-left:7vw}.title-line-accent{margin-left:24vw}.title-line-accent i{color:transparent;-webkit-text-stroke:1px var(--acid);text-shadow:0 0 2.8rem rgba(181,255,42,.14)}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:2.2rem;margin-left:9vw}.hero-bottom>p{max-width:31rem;margin:0;color:#959ca1;font-size:clamp(.88rem,1.05vw,1.05rem);line-height:1.8}.scroll-instruction{display:flex;align-items:center;gap:.85rem;color:#798087;font:600 .5rem/1 var(--mono);letter-spacing:.1em}.scroll-instruction svg{width:.9rem;height:.9rem;color:var(--acid);stroke-width:1.4;animation:arrow-drift 1.7s ease-in-out infinite}.chapter-ghost{position:absolute;top:4%;right:3vw;z-index:-1;color:transparent;font-family:var(--display);font-size:48vw;font-weight:900;letter-spacing:-.1em;line-height:1;opacity:.08;-webkit-text-stroke:1px var(--ice);transform:translate(calc(var(--progress) * 12vw)) rotate(calc(var(--progress) * 8deg))}.chapter-velocity{align-items:center;justify-content:flex-end;overflow:hidden}.kinetic-word{position:absolute;inset:8% -18vw auto;z-index:-1;display:grid;color:transparent;font-family:var(--display);font-size:clamp(10rem,25vw,28rem);font-weight:900;letter-spacing:-.09em;line-height:.64;opacity:calc(.08 + var(--velocity) * .24);-webkit-text-stroke:1px rgba(108,198,255,.85);transform:skew(calc(var(--velocity) * -12deg))}.kinetic-word span:first-child{transform:translate(calc(var(--progress) * -38vw))}.kinetic-word span:last-child{transform:translate(calc(var(--progress) * 44vw))}.chapter-copy{width:min(42rem,49vw);opacity:.12;transform:translateY(4rem);transition:opacity .7s ease,transform 1s cubic-bezier(.16,1,.3,1)}.chapter.is-active .chapter-copy{opacity:1;transform:translateY(0)}.chapter-copy-right{margin-right:3vw}.chapter h2,.structure-copy h2{margin:1.5rem 0 0;color:var(--paper);font-family:var(--display);font-size:clamp(3.5rem,5.3vw,5.4rem);font-weight:900;letter-spacing:-.075em;line-height:.88}.chapter h2 em,.structure-copy h2 em{color:transparent;font-style:normal;-webkit-text-stroke:1px var(--acid)}.chapter-body{max-width:30rem;margin:2rem 0 0;color:#9ba1a6;font-size:clamp(.92rem,1.1vw,1.06rem);line-height:1.85}.side-note{position:absolute;display:grid;gap:.4rem;color:#5d646b;font:600 .48rem/1 var(--mono);letter-spacing:.1em}.side-note strong{color:#8f969b;font-size:.52rem}.side-note-left{bottom:16%;left:5vw}.chapter-signal{align-items:flex-end;min-height:130svh}.chapter-signal .chapter-copy{margin-bottom:14vh;margin-left:3vw}.signal-frame{position:absolute;top:50%;left:50%;width:min(76vw,76rem);aspect-ratio:3.35 / 1;opacity:.5;transform:translate(-50%,-50%)}.signal-frame span{position:absolute;width:2.8rem;height:2.8rem}.signal-frame span:nth-child(1){top:0;left:0;border-top:1px solid var(--acid);border-left:1px solid var(--acid)}.signal-frame span:nth-child(2){top:0;right:0;border-top:1px solid var(--acid);border-right:1px solid var(--acid)}.signal-frame span:nth-child(3){right:0;bottom:0;border-right:1px solid var(--acid);border-bottom:1px solid var(--acid)}.signal-frame span:nth-child(4){bottom:0;left:0;border-bottom:1px solid var(--acid);border-left:1px solid var(--acid)}.signal-label{position:absolute;top:calc(50% - min(11vw,11rem));right:12vw;display:flex;align-items:center;gap:.8rem;color:#687078;font:600 .46rem/1 var(--mono);letter-spacing:.1em}.signal-label:before{width:.4rem;height:.4rem;border-radius:50%;background:var(--acid);box-shadow:0 0 1rem #b5ff2abf;content:""}.signal-label strong{color:var(--acid)}.chapter-structure{min-height:130svh;align-items:flex-end}.structure-copy{width:min(74rem,82vw);margin-bottom:8vh}.structure-copy h2{font-size:clamp(5rem,11.5vw,12.5rem);line-height:.68}.structure-copy h2 em{margin-left:17vw}.structure-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;margin-top:3rem;margin-left:17vw}.structure-footer>p{max-width:31rem;margin:0;color:#92999e;font-size:.96rem;line-height:1.8}.archive-link{display:inline-flex;min-width:13.5rem;min-height:4rem;align-items:center;justify-content:space-between;gap:2rem;border:1px solid rgba(181,255,42,.55);padding:0 1.1rem;color:var(--paper);background:#0304077a;font:650 .67rem/1 var(--mono);letter-spacing:.06em;backdrop-filter:blur(12px);transition:color .24s ease,background .24s ease,box-shadow .24s ease,transform .32s cubic-bezier(.16,1,.3,1)}.archive-link:hover{color:var(--void);background:var(--acid);box-shadow:0 0 4rem #b5ff2a33;transform:translate(.25rem,-.25rem)}.archive-link svg{width:1.15rem;height:1.15rem;stroke-width:1.35}.structure-orbit{position:absolute;top:14%;right:11vw;width:min(36vw,34rem);aspect-ratio:1;border:1px solid rgba(154,85,255,.2);border-radius:50%;opacity:.7;animation:orbit-rotate 28s linear infinite}.structure-orbit:before,.structure-orbit:after{position:absolute;inset:12%;border:1px solid rgba(181,255,42,.12);border-radius:50%;content:""}.structure-orbit:after{inset:28%;border-color:#6cc6ff33}.structure-orbit span{position:absolute;padding:.35rem .45rem;color:#7d858c;background:var(--void);font:600 .45rem/1 var(--mono);letter-spacing:.1em}.structure-orbit span:nth-child(1){top:8%;left:28%}.structure-orbit span:nth-child(2){top:43%;right:-5%}.structure-orbit span:nth-child(3){bottom:7%;left:30%}.structure-orbit span:nth-child(4){top:48%;left:-8%}.noscript-message{position:fixed;right:1rem;bottom:3rem;z-index:150;max-width:22rem;border:1px solid var(--acid);padding:.9rem;color:var(--paper);background:var(--void);font-size:.8rem}@keyframes title-enter{0%{opacity:0;transform:translateY(110%) skewY(3deg)}to{opacity:1;transform:translateY(0) skewY(0)}}@keyframes live-scan{0%{transform:translate(-110%)}55%{transform:translate(225%)}to{transform:translate(225%)}}@keyframes arrow-drift{0%,to{transform:translateY(-.15rem)}50%{transform:translateY(.35rem)}}@keyframes orbit-rotate{to{transform:rotate(360deg)}}@media (max-width: 920px){.topbar{padding:0 1.25rem}.live-index{display:none}.topbar{grid-template-columns:1fr auto}.chapter-nav{display:none}.chapter{padding-right:1.5rem;padding-left:1.5rem}.hero-copy{width:100%}.hero-copy h1{font-size:clamp(4.8rem,15vw,8.5rem)}.hero-bottom{margin-left:0}.chapter-copy{width:min(100%,38rem)}.chapter-copy-right{margin-right:0}.chapter-signal .chapter-copy{margin-left:0}.structure-copy{width:100%}.structure-orbit{right:-8vw;width:56vw}}@media (max-width: 620px){body,a,button{cursor:auto}.cursor{display:none}.topbar{min-height:4rem;padding:0 .9rem}.brand span,.motion-control>span:last-child{display:none}.motion-control{width:2.45rem;min-height:2.45rem;justify-content:center;padding:0}.chapter{min-height:112svh;padding:5.4rem 1rem 5.5rem}.chapter-chaos{min-height:100svh}.eyebrow{gap:1rem;font-size:.46rem}.eyebrow span:last-child{display:none}.hero-copy{padding-bottom:7vh}.hero-copy h1{font-size:clamp(3.7rem,19vw,5.5rem);line-height:.76}.title-line-offset{margin-left:0}.title-line-accent{margin-left:12vw}.hero-bottom{display:grid;gap:1.7rem;margin-top:1.7rem}.hero-bottom>p{max-width:21rem;font-size:.84rem}.chapter-ghost{top:18%;right:-14vw;font-size:90vw}.chapter h2,.structure-copy h2{font-size:clamp(3rem,15vw,4.8rem)}.chapter-body{font-size:.86rem}.kinetic-word{top:17%;font-size:50vw;opacity:calc(.07 + var(--velocity) * .18)}.side-note{display:none}.chapter-signal{min-height:120svh}.chapter-signal .chapter-copy{margin-bottom:9vh}.signal-frame{top:40%;width:92vw;aspect-ratio:2.5 / 1}.signal-label{top:27%;right:1rem}.chapter-structure{min-height:120svh}.structure-copy{margin-bottom:6vh}.structure-copy h2{font-size:clamp(4.4rem,21vw,6rem);line-height:.72}.structure-copy h2 em{margin-left:8vw}.structure-footer{display:grid;gap:1.8rem;margin-top:2.4rem;margin-left:0}.structure-footer>p{font-size:.84rem}.archive-link{width:100%}.structure-orbit{top:16%;right:-24vw;width:82vw;opacity:.46}.scroll-meter{right:.9rem;bottom:.75rem;left:.9rem}.chapter-readout{bottom:1.65rem;left:.9rem}.velocity-readout{right:.9rem;bottom:1.65rem}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}
