:root{--paper: #f3e9d6;--ink: #1b1b22;color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;background:#05060f;color:var(--paper);overflow-x:hidden;min-height:100svh}#gl{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100svh;display:block;z-index:0}#progress{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2dd4a8,#a06bff,#ff7a3c,#ffd27a);transform-origin:0 50%;transform:scaleX(0);z-index:10}main{position:relative;z-index:1;pointer-events:none}section{min-height:130svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 8vw}.copy{opacity:.12;transform:translateY(26px) scale(.985);transition:opacity .9s ease,transform .9s cubic-bezier(.22,1,.36,1);text-shadow:0 2px 30px rgba(0,0,0,.55)}section.active .copy{opacity:1;transform:none}.kicker{font-size:11px;letter-spacing:.42em;text-transform:uppercase;opacity:.75;margin-bottom:18px;font-weight:600}h1,h2{font-weight:700;letter-spacing:-.02em;line-height:1.04}h1{font-size:clamp(44px,13vw,92px)}h2{font-size:clamp(34px,10vw,64px)}.sub{margin-top:16px;font-size:clamp(15px,4.2vw,19px);line-height:1.55;opacity:.82;max-width:34ch;font-weight:400}.hero .sub{max-width:30ch}.scroll-hint{margin-top:34px;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:11px;letter-spacing:.32em;text-transform:uppercase;opacity:.7}.scroll-hint .line{width:1px;height:52px;background:linear-gradient(var(--paper),transparent);animation:drop 1.8s ease-in-out infinite}@keyframes drop{0%{transform:scaleY(0);transform-origin:top;opacity:0}45%{transform:scaleY(1);transform-origin:top;opacity:1}55%{transform:scaleY(1);transform-origin:bottom;opacity:1}to{transform:scaleY(0);transform-origin:bottom;opacity:0}}footer{min-height:70svh;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 8vw}footer .copy p{font-size:13px;letter-spacing:.14em;opacity:.7;line-height:2}footer .copy p strong{display:block;font-size:clamp(20px,6vw,30px);letter-spacing:.02em;opacity:1;margin-bottom:10px}#fallback{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;align-items:center;justify-content:center;text-align:center;padding:10vw;background:radial-gradient(120% 100% at 50% 0%,#14231f,#05060f 70%)}#fallback .box{max-width:36ch}#fallback h2{font-size:26px;margin-bottom:14px}#fallback p{font-size:15px;line-height:1.6;opacity:.8}body.no-webgpu #gl{display:none}body.no-webgpu #fallback{display:flex}body.no-webgpu main{display:none}@media(prefers-reduced-motion:reduce){.scroll-hint .line{animation:none}html{scroll-behavior:auto}}