:root{--void: #050506;--graphite: #16181c;--steel: #6e757e;--platinum: #c9ced6;--paper: #edeff2;--ember: #ffb273;--display: "Manrope", ui-sans-serif, system-ui, -apple-system, sans-serif;--body: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--ease: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--void);color:var(--paper);font-family:var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;overscroll-behavior-y:none}.stage{position:fixed;inset:0;z-index:0}.stage canvas{display:block;touch-action:pan-y}.stage-fallback{position:absolute;inset:0;background:radial-gradient(58% 42% at 50% 46%,rgba(255,178,115,.14),transparent 62%),radial-gradient(90% 70% at 50% 50%,#101216,var(--void) 70%)}.runway{position:relative;height:480vh;pointer-events:none;z-index:1}.overlay{position:fixed;inset:0;z-index:2;pointer-events:none}.overlay:after{content:"";position:absolute;inset:auto 0 0;height:34vh;background:linear-gradient(to top,rgba(5,5,6,.72),transparent);pointer-events:none}.beat{position:absolute;left:0;right:0;z-index:1;display:flex;flex-direction:column;align-items:center;padding:0 7vw;text-align:center;opacity:0;will-change:opacity,transform,filter}.beat--mark{top:15vh}.beat--low{bottom:16vh}.beat--close{top:0;bottom:0;justify-content:center;gap:2.4rem}.statement{margin:0;max-width:20ch;font-family:var(--body);font-weight:200;font-size:clamp(1.65rem,3.5vw,2.85rem);line-height:1.16;letter-spacing:-.018em;color:var(--paper);text-shadow:0 2px 50px rgba(5,5,6,.95)}.statement--close{font-size:clamp(1.35rem,2.6vw,2.05rem);color:var(--platinum);margin-top:-1rem}.beat-title{margin:0;line-height:1}.sx{display:inline-flex;align-items:center;color:var(--paper);line-height:1;white-space:nowrap}.sx-word{font-family:var(--display);font-weight:700;font-size:1em;letter-spacing:-.012em;text-shadow:0 0 60px rgba(5,5,6,.9)}.sx-x{flex:none;width:1.6em;height:1.6em;margin-left:-.2em;transform:translateY(.02em);filter:drop-shadow(0 0 26px rgba(5,5,6,.85))}.sx-sweep{animation:sx-sweep 7s cubic-bezier(.4,0,.2,1) infinite}@keyframes sx-sweep{0%,62%{transform:translate(0)}to{transform:translate(235px)}}.sx--hero{font-size:clamp(1.5rem,4.4vw,2.85rem)}.sx--close{font-size:clamp(1rem,2.4vw,1.4rem);color:var(--platinum)}.sx--mark{font-size:.8rem;color:var(--platinum)}.brand{position:absolute;top:max(22px,2.4vh);left:max(22px,2.4vw);z-index:3;opacity:0;will-change:opacity}.notify{width:min(430px,84vw)}.notify-field{display:flex;align-items:center;gap:1rem;padding:0 0 .7rem;border-bottom:1px solid rgba(201,206,214,.2);transition:border-color .5s var(--ease),box-shadow .5s var(--ease)}.notify-field:focus-within{border-bottom-color:#ffb27380;box-shadow:0 12px 34px -26px #ffb273e6}.notify-field.is-error{border-bottom-color:#e2846cb3}.notify-field input{flex:1;min-width:0;padding:0;border:0;background:transparent;color:var(--paper);font-family:var(--body);font-weight:300;font-size:.95rem;letter-spacing:.01em}.notify-field input::placeholder{color:var(--steel)}.notify-field input:focus{outline:none}.magnetic{position:relative;flex:none;padding:.3rem 0;border:0;background:transparent;color:var(--paper);font-family:var(--body);font-weight:500;font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;cursor:pointer;will-change:transform}.magnetic:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--ember);transform:scaleX(0);transform-origin:right;transition:transform .55s var(--ease)}.magnetic:hover:after,.magnetic:focus-visible:after{transform:scaleX(1);transform-origin:left}.magnetic:focus-visible{outline:1px solid rgba(255,178,115,.75);outline-offset:8px}.notify-hint,.notify-done{margin:1rem 0 0;font-size:.66rem;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--steel)}.notify-done{color:var(--platinum);letter-spacing:.08em;text-transform:none;font-size:.9rem;font-weight:300}.cue{position:absolute;bottom:5.5vh;left:50%;transform:translate(-50%);width:1px;height:54px;overflow:hidden;background:#c9ced61a}.cue-line{position:absolute;inset:0;background:linear-gradient(to bottom,transparent,var(--platinum),transparent);animation:cue-travel 2.8s var(--ease) infinite}@keyframes cue-travel{0%{transform:translateY(-100%)}60%,to{transform:translateY(100%)}}.rail{position:absolute;right:max(22px,2.2vw);top:32vh;bottom:32vh;width:1px;background:#c9ced612}.rail-fill{position:absolute;inset:0;transform:scaleY(0);transform-origin:top;background:linear-gradient(to bottom,#ffb27326,#ffb273bf)}.overlay--static{position:absolute;inset:auto 0 0;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:1.9rem;padding:0 8vw 9vh;pointer-events:auto}.overlay--static .beat{position:static;opacity:1!important;filter:none!important;transform:none!important;padding:0;gap:1.5rem}.overlay--static .statement{font-size:clamp(1.2rem,2.4vw,1.65rem);max-width:28ch}.overlay--static .statement--close{margin-top:0}.overlay--static .beat--close .beat-title,.overlay--static .brand,.overlay--static .cue,.overlay--static .rail{display:none}@media (max-width: 820px){.beat{padding:0 8vw}.beat--mark{top:auto;bottom:13vh}.beat--low{bottom:12vh}.beat--close{top:auto;bottom:8vh;justify-content:flex-end;gap:1.6rem}.statement{max-width:16ch}.sx--mark{font-size:.7rem}.brand{top:16px;left:16px}.rail{right:14px;top:38vh;bottom:24vh}.cue{bottom:3vh;height:40px}}@media (max-width: 820px) and (orientation: landscape){.beat--mark,.beat--low{bottom:8vh}.statement{font-size:1.35rem}}@media (prefers-reduced-motion: reduce){.cue-line{animation:none;opacity:.35}.sx-sweep{animation:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}