.lockup,.stage,body{display:flex}.lockup,body{align-items:center}.noise-grid,.vignette{inset:0}.ambient-mote,.flare,.noise-grid,.vignette{position:absolute}.letter,.lockup,.stage,.wordmark,body{position:relative}.letter.g,body{color:var(--charcoal)}.caption,.replay{font-family:'JetBrains Mono',monospace}.ambient-mote,.ember-particle,.flare,.replay,.vignette{pointer-events:none}:root{--slate:#1B1C20;--slate-deep:#101114;--charcoal:#9A9BA1;--crimson:#E23B52;--crimson-deep:#A6202F;--paper:#FFFFFF}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}body{background:radial-gradient(ellipse 70% 60% at 50% 45%,#24252a 0,var(--slate) 55%,var(--slate-deep) 100%);font-family:'Space Grotesk',sans-serif;min-height:100vh;justify-content:center;overflow:hidden}.vignette{box-shadow:inset 0 0 220px 60px rgba(0,0,0,.55)}.noise-grid{background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 55% 50% at 50% 45%,black 0%,transparent 75%)}.ambient-mote{width:2px;height:2px;border-radius:50%;background:rgba(255,255,255,.5);animation:8s ease-in-out infinite floaty}.icon-mark-wrap,.wordmark{display:flex;filter:blur(10px);animation:1.3s cubic-bezier(.2,.7,.2,1) forwards shineIn;opacity:0}@keyframes floaty{0%,100%{transform:translateY(0);opacity:.15}50%{transform:translateY(-18px);opacity:.55}}.stage{flex-direction:column;align-items:center;gap:22px}.lockup{justify-content:center;gap:clamp(8px,2vw,18px)}.icon-mark-wrap{align-items:center;transform:scale(.9);transition:opacity .7s,transform .7s cubic-bezier(.3,0,.4,1),filter .5s}.icon-mark-wrap svg{width:clamp(30px,7.2vw,54px);height:auto;display:block}.icon-mark-wrap.icon-out{opacity:0;transform:scale(.45) rotate(-10deg);filter:blur(6px)}.wordmark{align-items:baseline;justify-content:center;font-weight:700;font-size:clamp(2.4rem, 7.5vw, 5rem);line-height:1;transform:scale(.94)}.dot,.letter{display:inline-block}@keyframes shineIn{to{opacity:1;filter:blur(0px);transform:scale(1)}}.no-anim,.no-anim *{transition:none!important;animation:none!important}.letter{overflow:visible;white-space:nowrap;margin:0 3px;transition:width .7s cubic-bezier(.65,0,.35,1),margin .7s cubic-bezier(.65,0,.35,1),opacity .5s,transform .6s cubic-bezier(.3,0,.4,1),filter .5s,color .4s,text-shadow .4s}.letter.r{color:var(--crimson);text-shadow:0 0 24px rgba(226,59,82,.35)}.letter.dissolve{width:0!important;margin-left:0!important;margin-right:0!important;opacity:0;transform:translateY(-30px) scale(.35) rotate(10deg);filter:blur(7px);color:var(--crimson);text-shadow:0 0 20px var(--crimson),0 0 46px rgba(226,59,82,.8)}.dot{width:0;height:.16em;aspect-ratio:1/1;border-radius:50%;background:var(--crimson);box-shadow:0 0 0 var(--crimson);transform:translateY(-70px);opacity:0;align-self:flex-end;margin:0 4px .05em;transition:width .55s cubic-bezier(.34,1.56,.64,1),transform .55s cubic-bezier(.34,1.56,.64,1),opacity .3s,box-shadow .5s}.dot.drop{width:.16em;transform:translateY(-7px);opacity:1;box-shadow:0 0 22px var(--crimson),0 0 46px rgba(226,59,82,.6)}.wordmark .letter.r-final{text-shadow:0 0 24px var(--crimson),0 0 54px rgba(226,59,82,.6)}.flare{top:-40%;bottom:-40%;left:-30%;width:26%;background:linear-gradient(100deg,transparent 0,rgba(255,255,255,0) 30%,rgba(255,255,255,.9) 50%,rgba(255,255,255,0) 70%,transparent 100%);mix-blend-mode:screen;opacity:0;transform:translateX(0) skewX(-18deg)}.ambient-dust,.ember-particle{border-radius:2px;background:var(--crimson);position:absolute}.flare.sweep{animation:1s cubic-bezier(.4,0,.2,1) forwards sweep}@keyframes sweep{0%{opacity:0;transform:translateX(0) skewX(-18deg)}12%,85%{opacity:1}100%{opacity:0;transform:translateX(560%) skewX(-18deg)}}.ember-particle{top:0;left:0;width:5px;height:5px;box-shadow:0 0 8px var(--crimson);animation:emberFly var(--dur,1.1s) ease-out forwards}@keyframes emberFly{0%{transform:translate(0,0) scale(1);opacity:1}100%{transform:translate(var(--dx,0),var(--dy,-60px)) scale(.2);opacity:0}}.ambient-dust{width:3px;height:3px;opacity:0;box-shadow:0 0 6px var(--crimson);animation:1.9s ease-in-out forwards dustDrift}@keyframes dustDrift{0%{opacity:0;transform:translate(0,6px) scale(.6)}20%{opacity:.9}100%{opacity:0;transform:translate(var(--dx,0),-34px) scale(1.1)}}.caption{font-size:.92rem;font-weight:500;letter-spacing:.01em;color:rgba(255,255,255,.72);max-width:420px;text-align:center;line-height:1.65;opacity:0;transform:translateY(6px);transition:opacity 1s,transform 1s}.caption.show{opacity:1;transform:translateY(0)}.replay{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.55);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);padding:9px 18px;border-radius:999px;cursor:pointer;opacity:0;transition:opacity .6s,background .2s,color .2s,border-color .2s}.replay.show{opacity:1;pointer-events:auto}.replay:hover{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.3)}@media (prefers-reduced-motion:reduce){.caption,.dot,.flare,.letter,.wordmark{animation:none!important;transition:none!important}}