:root{--space: #02030a;--midnight: #050c1e;--blue: #3aa0ff;--gold: #eec27a;--white: #f3f6fb;--font-sans: "Space Grotesk", system-ui, sans-serif;--font-serif: "Cormorant Garamond", Georgia, serif}*{margin:0;padding:0;box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:rgba(238,194,122,.35) transparent}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--space);color:var(--white);font-family:var(--font-sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:#3aa0ff59}a:focus-visible,button:focus-visible{outline:1.5px solid var(--gold);outline-offset:4px;border-radius:2px}.scroll-space{height:900vh;pointer-events:none}.stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.stage canvas{display:block}.ui-mark{position:fixed;top:34px;left:40px;z-index:30}.ui-mark-link{font-family:var(--font-sans);font-weight:500;font-size:15px;letter-spacing:.34em;color:var(--white);text-decoration:none;opacity:.92;transition:opacity .4s ease}.ui-mark-link:hover{opacity:1}.ui-mark-dot{color:var(--gold);margin-left:2px}.ui-beat{position:fixed;left:40px;bottom:42px;z-index:30;height:16px;font-size:10px;font-weight:400;letter-spacing:.42em;color:#f3f6fb9e;pointer-events:none}.ui-beat span{position:absolute;left:0;bottom:0;white-space:nowrap}.ui-beat-in{animation:beat-in .9s ease both}.ui-beat-out{animation:beat-out .9s ease both}@keyframes beat-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes beat-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.ui-hint{position:fixed;left:50%;bottom:36px;transform:translate(-50%);z-index:30;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:9px;letter-spacing:.5em;color:#f3f6fb80;pointer-events:none;transition:opacity .3s linear}.ui-hint-line{width:1px;height:34px;background:linear-gradient(to bottom,rgba(238,194,122,.7),transparent);animation:hint-drop 2.4s ease-in-out infinite}@keyframes hint-drop{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}@media (prefers-reduced-motion: reduce){.ui-hint-line{animation:none}}.progress-track{position:fixed;left:0;right:0;bottom:0;height:2px;z-index:40;background:#f3f6fb0f}.progress-fill{height:100%;transform-origin:left;transform:scaleX(0);background:linear-gradient(to right,var(--gold),var(--blue));will-change:transform}.story{position:fixed;z-index:22;pointer-events:none;opacity:0;visibility:hidden;will-change:opacity,transform;font-family:var(--font-sans);font-weight:300;text-transform:uppercase;color:var(--white);letter-spacing:.16em;line-height:1.55;font-size:clamp(21px,2.9vw,40px);text-shadow:0 2px 34px rgba(2,3,10,.85)}.story em{font-style:normal;font-weight:400;color:var(--gold)}.story--lower-left{left:7vw;bottom:19vh;text-align:left}.story--left{left:7vw;top:42%;text-align:left}.story--upper-left{left:7vw;top:16%;text-align:left}.story--right{right:7vw;top:42%;text-align:right}.story--center{left:50%;top:43%;text-align:center}.story--center-left{left:8vw;top:40%;text-align:left}@media (max-width: 640px){.story{letter-spacing:.12em;font-size:clamp(18px,5.4vw,26px)}.story--lower-left,.story--left,.story--upper-left,.story--center-left{left:22px;right:22px}.story--right{right:22px;left:22px;text-align:right}}.brand{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;text-align:center;visibility:hidden}.brand:before{content:"";position:absolute;top:-22%;right:-30%;bottom:-22%;left:-30%;z-index:-1;opacity:var(--brand-veil, 0);background:radial-gradient(ellipse at center,#02030ab8,#02030a6b 45%,#02030a00 72%)}.brand-name,.brand-word,.brand-tagline,.brand-cta{opacity:0;will-change:opacity,transform;text-shadow:0 2px 34px rgba(2,3,10,.9)}.brand-name{font-family:var(--font-sans);font-weight:300;font-size:clamp(11px,1.25vw,15px);letter-spacing:.5em;margin-left:.5em;color:#f3f6fbe6}.brand-word{margin-top:22px;font-family:var(--font-serif);font-weight:400;font-size:clamp(64px,11vw,148px);line-height:1;letter-spacing:.14em;margin-left:.14em;color:var(--white);text-shadow:0 0 70px rgba(238,194,122,.28),0 0 30px rgba(58,160,255,.18),0 2px 34px rgba(2,3,10,.9)}.brand-tagline{margin-top:26px;font-family:var(--font-sans);font-weight:300;font-size:clamp(10px,1.1vw,13px);letter-spacing:.34em;margin-left:.34em;line-height:2.2;color:#f3f6fbd1}.brand-tagline-gold{color:var(--gold)}.brand-cta{display:inline-block;margin-top:42px;padding:13px 34px;font-size:10px;letter-spacing:.4em;text-transform:uppercase;text-decoration:none;color:var(--white);border:1px solid rgba(238,194,122,.45);border-radius:999px;transition:border-color .4s ease,background .4s ease}.brand-cta:hover{border-color:var(--gold);background:#eec27a14}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--space);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;transition:opacity .6s ease}.loader-done{opacity:0;pointer-events:none}.loader-mark{font-family:var(--font-sans);font-weight:500;font-size:15px;letter-spacing:.5em;margin-left:.5em;color:var(--white);opacity:.9}.loader-track{width:min(220px,50vw);height:1px;background:#f3f6fb1a}.loader-fill{height:100%;transform-origin:left;background:linear-gradient(to right,var(--gold),var(--blue));transition:transform .25s ease}@media (max-width: 640px){.ui-mark{top:24px;left:22px}.ui-beat{left:22px;bottom:30px}}