:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;color:#f5f7fb;--page-pad:clamp(1.5rem, 5vw, 5rem);background:#020308;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#020308}body{background:#020308;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,a{font:inherit}a,button{color:inherit}::selection{background:#ffba6f47}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:30;color:#111;background:#f4f1e8;border-radius:999px;padding:.75rem 1rem;transition:transform .2s;position:fixed;top:.75rem;left:50%;transform:translate(-50%,-220%)}.skip-link:focus{transform:translate(-50%)}.experience-shell{background:#020308;position:relative}.experience-canvas{z-index:0;cursor:crosshair;width:100vw;height:100vh;position:fixed;inset:0}.experience-canvas canvas{display:block;width:100%!important;height:100%!important}.vignette{z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 45%,#0000 0 28%,#0102061f 58%,#010206c2 100%),linear-gradient(90deg,#02030859,#0000 22% 78%,#02030866);position:fixed;inset:0}.grain{z-index:3;pointer-events:none;opacity:.08;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");animation:.55s steps(2,end) infinite grainShift;position:fixed;inset:-60%}@keyframes grainShift{0%{transform:translate(-3%,-2%)}50%{transform:translate(2%,3%)}to{transform:translate(1%,-3%)}}.brand-mark{z-index:12;top:1.75rem;left:var(--page-pad);letter-spacing:.16em;text-transform:uppercase;color:#f0f4ffc2;pointer-events:none;grid-template-columns:auto auto;align-items:baseline;gap:0 .35rem;font-size:.64rem;line-height:.95;display:grid;position:fixed}.brand-mark span:first-child{letter-spacing:-.08em;color:#fff;grid-row:1/span 2;align-self:center;margin-right:.1rem;font-size:2.45rem;font-weight:200}.brand-mark b{font-size:.62rem;font-weight:650}.sound-toggle{z-index:14;top:1.5rem;right:var(--page-pad);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#04050c6b;border:1px solid #ffffff21;border-radius:999px;align-items:center;gap:.7rem;padding:.62rem .86rem;font-size:.7rem;transition:border-color .25s,background .25s,transform .25s;display:flex;position:fixed}.sound-toggle:hover{border-color:#ffffff59;transform:translateY(-1px)}.sound-toggle__bars{align-items:center;gap:2px;height:12px;display:flex}.sound-toggle__bars i{opacity:.5;background:currentColor;border-radius:4px;width:2px;height:4px;transition:height .2s,opacity .2s}.sound-toggle__bars i:nth-child(2){height:8px}.sound-toggle.is-on .sound-toggle__bars i{opacity:1;animation:.8s ease-in-out infinite alternate soundBars}.sound-toggle.is-on .sound-toggle__bars i:nth-child(2){animation-delay:-.28s}.sound-toggle.is-on .sound-toggle__bars i:nth-child(3){animation-delay:-.55s}@keyframes soundBars{to{height:12px}}.progress-rail{z-index:13;color:#ffffff80;align-items:stretch;height:min(58vh,530px);display:flex;position:fixed;top:50%;right:clamp(.65rem,1.8vw,1.6rem);transform:translateY(-50%)}.progress-rail__track{background:#ffffff21;width:1px;position:absolute;top:7px;bottom:7px;right:7px;overflow:hidden}.progress-rail__track span{transform-origin:top;background:#ffffffb8;width:100%;height:100%;display:block}.progress-rail ol{flex-direction:column;justify-content:space-between;margin:0;padding:0;list-style:none;display:flex}.progress-rail li{height:14px}.progress-rail button{cursor:pointer;background:0 0;border:0;flex-direction:row-reverse;align-items:center;gap:.65rem;padding:0;display:flex;position:relative}.progress-rail__dot{background:#05060c;border:1px solid #ffffff47;border-radius:50%;width:15px;height:15px;transition:transform .25s,background .25s,border-color .25s;transform:scale(.48)}.progress-rail button.is-active .progress-rail__dot{background:#fff;border-color:#fff;transform:scale(.72)}.progress-rail__label{opacity:0;white-space:nowrap;letter-spacing:.12em;text-transform:uppercase;pointer-events:none;font-size:.58rem;transition:opacity .2s,transform .2s;transform:translate(8px)}.progress-rail button:hover .progress-rail__label,.progress-rail button:focus-visible .progress-rail__label{opacity:1;transform:translate(0)}main{z-index:4;position:relative}.chapter{min-height:calc(var(--chapter-length,1) * 120vh);position:relative}.chapter__sticky{height:100vh;padding:6.5rem var(--page-pad) 5rem;pointer-events:none;align-items:center;display:grid;position:sticky;top:0}.chapter__copy{text-shadow:0 2px 28px #000000b8;width:min(650px,76vw);margin-left:clamp(0rem,5vw,6rem)}.chapter:nth-child(2n) .chapter__copy{width:min(590px,74vw);margin-left:auto;margin-right:clamp(0rem,7vw,8rem)}.chapter__eyebrow,.chapter__clock,.chapter__cue{text-transform:uppercase;letter-spacing:.18em;font-size:clamp(.58rem,.72vw,.72rem)}.chapter__eyebrow{color:#e8eeff94;margin:0 0 1.4rem}.chapter h2{letter-spacing:-.055em;text-wrap:balance;max-width:13ch;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.2rem,7.4vw,8rem);font-weight:400;line-height:.88}.chapter__body{color:#e9eef9c2;max-width:55ch;margin:clamp(1.5rem,3vw,2.8rem) 0 0;font-size:clamp(.96rem,1.25vw,1.2rem);line-height:1.72}.chapter__cue{color:#ffc285b8;max-width:42ch;margin:1.45rem 0 0;line-height:1.6}.chapter__clock{left:var(--page-pad);color:#ffffff47;margin:0;position:absolute;bottom:2.3rem}.chapter:nth-child(2n) .chapter__clock{left:auto;right:var(--page-pad)}.chapter--fusion h2,.chapter--red-giant h2{color:#fff7ee}.chapter--nebula h2{background:linear-gradient(105deg,#fff,#bfc1ff 42%,#f5b9e8);color:#0000;-webkit-background-clip:text;background-clip:text}.chapter--white-dwarf h2{color:#eef6ff;text-shadow:0 0 40px #b5d3ff38}.webgl-fallback{z-index:1;padding:var(--page-pad);text-align:center;background:radial-gradient(circle at 50% 40%,#18213a 0,#070914 35%,#020308 72%);place-content:center;display:grid;position:fixed;inset:0}.webgl-fallback__glow{aspect-ratio:1;filter:blur(40px);background:#88a6e526;border-radius:50%;width:28vmin;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.webgl-fallback h2{max-width:16ch;margin:0 auto;font-family:Georgia,serif;font-size:clamp(2rem,5vw,5rem)}.webgl-fallback>p:last-child{color:#ffffffb3;max-width:55ch;margin:1.5rem auto;line-height:1.7}.epilogue-footer{z-index:5;min-height:45vh;padding:6rem var(--page-pad);color:#ffffff7a;letter-spacing:.08em;text-transform:uppercase;border-top:1px solid #ffffff14;justify-content:space-between;align-items:flex-end;gap:2rem;font-size:.75rem;display:flex;position:relative}.epilogue-footer a{color:#fffc;text-underline-offset:.35em}@media (width<=760px){.brand-mark{top:1.15rem}.sound-toggle{top:1rem}.sound-toggle>span:last-child,.progress-rail{display:none}.chapter{min-height:calc(var(--chapter-length,1) * 108vh)}.chapter__sticky{align-items:end;padding-bottom:13vh}.chapter__copy,.chapter:nth-child(2n) .chapter__copy{width:min(91vw,590px);margin:0}.chapter h2{font-size:clamp(3.15rem,14vw,6rem)}.chapter__body{max-width:46ch;font-size:1rem}.chapter__clock{bottom:2.1rem;left:var(--page-pad)!important;right:auto!important}.epilogue-footer{flex-direction:column;justify-content:flex-end;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.grain{animation:none}.sound-toggle,.progress-rail__dot,.progress-rail__label{transition:none}}
