:root{--bg: #050205;--ink: #f7eef4;--muted: rgba(247, 238, 244, .58);--line: rgba(255, 255, 255, .1);--ruby: #700018;--ruby-hot: #d70b3d;--cyan: #75fff2;--gold: #ffe29a;--violet: #9a75ff;--pad: clamp(18px, 4vw, 64px);--story-progress: 0;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-width:320px;overflow-x:hidden;color:var(--ink);background:radial-gradient(circle at 50% 35%,rgba(136,0,35,.22),transparent 34rem),radial-gradient(circle at 75% 18%,rgba(117,255,242,.07),transparent 25rem),linear-gradient(180deg,#030103,#090408 58%,#030103);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:radial-gradient(circle at 50% 36%,black,transparent 72%);mask-image:radial-gradient(circle at 50% 36%,black,transparent 72%)}a{color:inherit;text-decoration:none}.landing-shell{position:relative;min-height:100svh}.hero{position:relative;min-height:124svh;overflow:clip;display:grid;place-items:center;isolation:isolate}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(circle at 50% 48%,transparent 0 18rem,rgba(0,0,0,.32) 34rem,rgba(0,0,0,.82) 70rem),linear-gradient(180deg,rgba(5,2,5,0) 58%,var(--bg) 100%)}.scene-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;display:grid;place-items:center;transform:translate3d(0,calc(var(--hero-recede, 0) * -7vh),0) scale(calc(1 - var(--hero-recede, 0) * .34));opacity:calc(1 - var(--hero-recede, 0) * .18);transition:transform 1.6s cubic-bezier(.18,1,.22,1),opacity 1.6s ease}body.is-intro-complete{--hero-recede: 1}#ruby-scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.ruby-fallback{position:absolute;width:100vmin;aspect-ratio:1;opacity:1;background:url(/assets/ruby-fallback-CSnQWrug.webp) center / contain no-repeat}body.scene-ready:not(.no-webgl) .ruby-fallback{display:none}body.scene-paused .ruby-fallback,body.scene-paused .scroll-signal span{animation-play-state:paused}body.no-webgl #ruby-scene{opacity:0}.ambient-grid{position:absolute;inset:10svh var(--pad) auto;height:48svh;pointer-events:none;opacity:.38;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent) 50% 0 / 1px 100% no-repeat,linear-gradient(180deg,transparent,rgba(255,255,255,.12),transparent) 0 50% / 100% 1px no-repeat;transform:perspective(900px) rotateX(62deg) translateY(18svh)}.hero-copy{position:relative;z-index:2;width:min(1100px,calc(100% - var(--pad) * 2));padding-top:12svh;text-align:center;opacity:0;transform:translateY(32px) scale(.985);transition:opacity 1.25s ease .76s,transform 1.5s cubic-bezier(.18,1,.22,1) .76s}body.is-intro-complete .hero-copy{opacity:1;transform:none;filter:none}.quiet-label{margin:0 0 clamp(18px,3vw,34px);color:#f7eef485;font-size:clamp(.72rem,1.1vw,.92rem);font-weight:560;letter-spacing:0}h1{margin:0;font-size:clamp(4rem,16vw,15rem);font-weight:520;letter-spacing:0;line-height:.82;text-wrap:balance;text-shadow:0 1px 0 rgba(255,255,255,.16),0 34px 90px rgba(215,11,61,.28)}.scroll-signal{position:absolute;left:50%;bottom:10svh;z-index:3;width:1px;height:74px;overflow:hidden;background:#ffffff1f;transform:translate(-50%)}.scroll-signal span{display:block;width:100%;height:26px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.86),transparent);animation:scrollPulse 2.5s ease-in-out infinite}.manifest{position:relative;min-height:250svh;padding:0 var(--pad)}.manifest:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 20% 36%,rgba(117,255,242,.08),transparent 24rem),radial-gradient(circle at 82% 48%,rgba(154,117,255,.12),transparent 30rem),linear-gradient(180deg,transparent,rgba(0,0,0,.36) 34%,#020102 100%)}.manifest-sticky{position:sticky;top:0;z-index:2;min-height:100svh;display:grid;place-items:center;align-content:center;gap:clamp(28px,5vw,56px);padding:clamp(80px,9vw,130px) 0}.manifest-line{position:relative;width:min(1120px,100%);min-height:clamp(320px,48vw,560px);margin:0;font-size:clamp(3.3rem,12vw,10.8rem);font-weight:530;letter-spacing:0;line-height:.84}.manifest-line span{--start: calc(var(--i) * .145);--local: clamp(0, calc((var(--story-progress) - var(--start)) * 4.6), 1);position:absolute;left:50%;top:50%;display:block;white-space:nowrap;opacity:var(--local);transform:translate(calc(-50% + (var(--i) - 2) * clamp(-22px,-2.4vw,-8px)),calc(-50% + (var(--i) - 2) * clamp(32px,5.8vw,72px))) rotate(calc((var(--i) - 2) * -3.5deg)) scale(calc(.84 + var(--local) * .16));text-shadow:0 2px 18px rgba(0,0,0,.65)}.manifest-line span:nth-child(1){color:#f7eef4eb}.manifest-line span:nth-child(2){color:#ffe29af5}.manifest-line span:nth-child(3){color:#f7eef4e0}.manifest-line span:nth-child(4){color:#75fff2f2}.manifest-line span:nth-child(5){color:#f7eef4f5}.join-button{--cta-progress: clamp(0, calc((var(--story-progress) - .78) * 5), 1);display:inline-flex;min-width:min(100%,240px);min-height:58px;align-items:center;justify-content:center;padding:0 34px;border:1px solid rgba(255,255,255,calc(.08 + var(--cta-progress) * .28));border-radius:999px;color:rgba(247,238,244,calc(.35 + var(--cta-progress) * .65));background:linear-gradient(135deg,#ffffff21,#ffffff09),radial-gradient(circle at 20% 10%,rgba(117,255,242,.2),transparent 45%),radial-gradient(circle at 80% 80%,rgba(215,11,61,.26),transparent 45%);box-shadow:0 0 calc(var(--cta-progress) * 50px) #d70b3d47,inset 0 1px #ffffff38;font-size:1rem;font-weight:650;letter-spacing:0;opacity:var(--cta-progress);transform:translateY(calc((1 - var(--cta-progress)) * 22px)) scale(calc(.96 + var(--cta-progress) * .04));transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;pointer-events:none}.join-button.is-visible{pointer-events:auto}.join-button:hover,.join-button:focus-visible{border-color:#ffffff85;box-shadow:0 0 62px #d70b3d5c,0 0 42px #75fff21f,inset 0 1px #ffffff47;transform:translateY(-2px) scale(1.015);outline:none}@keyframes scrollPulse{0%{transform:translateY(-28px);opacity:0}35%,55%{opacity:1}to{transform:translateY(78px);opacity:0}}@media(max-width:760px){.hero{min-height:112svh}.quiet-label{max-width:260px;margin-inline:auto;line-height:1.7}h1{font-size:clamp(4.5rem,23vw,8.8rem)}.manifest-line{min-height:460px;font-size:clamp(2.9rem,14vw,5.6rem)}.manifest-line span{max-width:calc(100vw - var(--pad) * 2);white-space:normal;text-align:center;transform:translate(calc(-50% + (var(--i) - 2) * -4px),calc(-50% + (var(--i) - 2) * 78px)) rotate(calc((var(--i) - 2) * -4deg)) scale(calc(.82 + var(--local) * .18))}.join-button{width:min(100%,280px)}}@media(max-width:430px){.manifest-line{font-size:clamp(2.55rem,13vw,3.8rem)}.manifest-line span{max-width:92vw}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}:root{--story-progress: 1}.hero-copy{opacity:1;transform:none;filter:none}.manifest{min-height:100svh}.manifest-line span{--local: 1}.join-button{--cta-progress: 1}}
