@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400&family=Manrope:wght@300;400;500&display=swap";:root{color-scheme:dark;font-family:Manrope,sans-serif;background:#020708}*{box-sizing:border-box}html{background:#020708;scrollbar-width:thin;scrollbar-color:#92dac8 #06100f}body{margin:0;height:100vh;height:100dvh;overflow:hidden;background:#020708;color:#dceae5;overscroll-behavior:none}button,a{color:inherit}#app{position:relative;height:100vh;height:100dvh;overflow:hidden}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.topbar{position:fixed;z-index:20;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:28px 36px;mix-blend-mode:screen}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:400 11px/1 DM Mono,monospace;letter-spacing:.22em}.brand-mark{width:22px;height:22px;border:1px solid rgba(180,247,229,.52);border-radius:50%;position:relative;box-shadow:inset 0 0 10px #68ffd929}.brand-mark:before,.brand-mark:after{content:"";position:absolute;top:4px;right:9px;bottom:4px;left:9px;border-left:1px solid #bdffe9;transform:rotate(45deg)}.brand-mark:after{transform:rotate(-45deg)}.chapter{display:flex;gap:12px;align-items:center;font:300 9px/1 DM Mono,monospace;letter-spacing:.16em;color:#dbeee99e}.chapter i{display:block;width:50px;height:1px;background:#dbeee94d;position:relative}.chapter i:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--chapter, 20%);background:#d5fff2;transition:width .5s ease}.sound{border:1px solid rgba(179,224,211,.16);background:#020a0b3d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;display:flex;gap:9px;align-items:center;padding:10px 13px;font:300 8px/1 DM Mono,monospace;letter-spacing:.12em;cursor:pointer}.sound-bars{display:flex;align-items:center;gap:2px;height:10px}.sound-bars i{width:1px;height:3px;background:#a8ead7;transition:.3s}.sound.on .sound-bars i{animation:bars .8s ease-in-out infinite alternate}.sound.on .sound-bars i:nth-child(2){animation-delay:-.3s}.sound.on .sound-bars i:nth-child(3){animation-delay:-.6s}.sound.on .sound-bars i:nth-child(4){animation-delay:-.15s}@keyframes bars{to{height:10px}}.rail{position:fixed;z-index:18;left:36px;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:left center;display:flex;align-items:center;gap:12px;font:300 8px/1 DM Mono,monospace;letter-spacing:.16em;color:#cfeae270}.rail i{width:42px;height:1px;background:#cfeae233}.intro{position:fixed;z-index:10;left:8vw;top:50%;transform:translateY(-50%);pointer-events:none;transition:opacity .6s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.intro.scrolled{opacity:0;transform:translateY(-56%)}.eyebrow,.active-kicker{font:300 9px/1.4 DM Mono,monospace;letter-spacing:.22em;color:#91d7c3;margin:0 0 22px}h1{margin:0;font-size:clamp(44px,5.8vw,96px);line-height:.87;letter-spacing:-.065em;font-weight:300;text-shadow:0 10px 50px rgba(0,0,0,.75)}h1 em{color:transparent;font-style:normal;-webkit-text-stroke:1px rgba(215,239,231,.5)}.lede{margin:28px 0 0;color:#ddede88c;font-size:11px;line-height:1.65;letter-spacing:.08em}.active-copy{position:fixed;z-index:12;left:7vw;bottom:8vh;opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .7s ease;pointer-events:none}.active-copy.visible{opacity:1;transform:translateY(0)}.active-copy h2{margin:0;font-weight:300;letter-spacing:-.04em;font-size:clamp(28px,3vw,48px)}.active-copy p{color:#d7ece58c;font-size:10px;line-height:1.6;letter-spacing:.07em}.active-kicker{margin-bottom:10px;font-size:8px}.scroll-hint{position:fixed;z-index:15;right:36px;bottom:30px;display:flex;align-items:center;gap:12px;font:300 8px/1 DM Mono,monospace;letter-spacing:.15em;color:#ddf0ea80}.scroll-hint i{position:relative;width:40px;height:1px;background:#ddf0ea33;overflow:hidden}.scroll-hint b{position:absolute;width:14px;height:1px;background:#bfffea;animation:scrollline 1.6s ease-in-out infinite}@keyframes scrollline{0%{left:-14px}to{left:40px}}.vignette,.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.vignette{background:radial-gradient(ellipse at 55% 48%,transparent 25%,rgba(0,6,7,.12) 55%,rgba(0,3,4,.7) 100%)}.grain{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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");animation:noise .24s steps(2) infinite}@keyframes noise{0%{transform:translate(0)}25%{transform:translate(-1%,1%)}50%{transform:translate(1%,-1%)}75%{transform:translate(1%,1%)}}.spacer{display:none}@media(max-width:700px){.topbar{padding:calc(18px + env(safe-area-inset-top)) 18px 0}.brand{font-size:9px;gap:9px}.brand-mark{width:19px;height:19px}.chapter,.rail{display:none}.sound{padding:9px 10px}.sound-label{display:none}.intro{left:20px;right:20px;top:27%;transform:translateY(-50%)}.intro.scrolled{transform:translateY(-60%)}.intro h1{font-size:11.2vw;line-height:.9;letter-spacing:-.055em}.eyebrow{font-size:7px;margin-bottom:14px}.lede{font-size:9px;line-height:1.55;margin-top:17px}.active-copy{left:20px;right:20px;top:18%;bottom:auto}.active-copy h2{font-size:25px}.active-copy p{font-size:9px}.active-kicker{font-size:7px;margin-bottom:7px}.scroll-hint{right:18px;bottom:calc(18px + env(safe-area-inset-bottom))}.scroll-hint span{display:none}.scroll-hint i{width:48px}.vignette{background:radial-gradient(ellipse at 50% 58%,transparent 18%,rgba(0,6,7,.15) 60%,rgba(0,3,4,.72) 100%)}.grain{opacity:.055}}@media(max-height:520px)and (orientation:landscape){.intro{top:45%;left:54px}.intro h1{font-size:7.5vw}.lede{display:none}.active-copy{top:auto;bottom:24px;left:54px}.topbar{padding-top:14px}}@media(prefers-reduced-motion:reduce){.grain,.scroll-hint b{animation:none}}