.splash-panel{z-index:50;background:#000;justify-content:center;align-items:center;animation:1s cubic-bezier(.7,0,.25,1) 10s forwards lift-fallback;display:flex;position:fixed;inset:0;box-shadow:0 1px #7fd4ff,0 0 24px 2px #7fd4ff73}.splash-panel.is-lifting{animation:1s cubic-bezier(.7,0,.25,1) forwards lift}.splash-logo{--u:clamp(5.5px, 1.5vw, 10px);align-items:center;gap:calc(var(--u) * 5);flex-direction:column;display:flex}.splash-mark{width:calc(var(--u) * 19);height:calc(var(--u) * 22);position:relative}.splash-tube{top:calc(var(--drop) * var(--u));left:calc(var(--x) * var(--u));width:calc(var(--u) * 3);height:calc(var(--u) * 13);border-radius:calc(var(--u) * 1.5);opacity:.12;animation:light .5s ease-out calc(.3s + var(--i) * .12s) forwards, tug .5s cubic-bezier(.4, 0, .2, 1) calc(1.4s + var(--i) * 60ms) forwards;background:linear-gradient(#fff,#7fd4ff);position:absolute}.splash-tube:before{content:"";transform-origin:top;width:1px;height:100vh;animation:drop .6s cubic-bezier(.2, .7, .3, 1) calc(var(--i) * 80ms) forwards;background:#3a3a40;position:absolute;bottom:100%;left:50%;transform:translate(-50%)scaleY(0)}.splash-tube:after{content:"";top:calc(var(--u) * -.75);left:calc(var(--u) * .25);right:calc(var(--u) * .25);height:calc(var(--u) * .75);background:#1c1c1f;border-radius:1px;position:absolute}.splash-wordmark{font-family:var(--font-sans), sans-serif;font-size:calc(var(--u) * 6);letter-spacing:.55em;color:#0000;filter:drop-shadow(0 0 calc(var(--u) * 2) #7fd4ff73);opacity:0;background:linear-gradient(#fff,#7fd4ff);-webkit-background-clip:text;background-clip:text;padding-left:.55em;font-weight:300;animation:.7s ease-out .6s forwards fade-in}@keyframes drop{to{transform:translate(-50%)scaleY(1)}}@keyframes light{to{opacity:1;box-shadow:0 0 calc(var(--u) * 3) calc(var(--u) * .5) #7fd4ff99}}@keyframes tug{to{translate:0 calc(var(--u) * -2)}}@keyframes fade-in{to{opacity:1}}@keyframes lift{to{transform:translateY(calc(-100% - 40px))}}@keyframes lift-fallback{to{transform:translateY(calc(-100% - 40px))}}@keyframes fade-out{to{opacity:0}}@keyframes fade-out-fallback{to{opacity:0}}@media (prefers-reduced-motion:reduce){.splash-panel{box-shadow:none;animation:.6s 10s forwards fade-out-fallback}.splash-panel.is-lifting{animation:.6s forwards fade-out}.splash-tube,.splash-wordmark{opacity:1;animation:none}.splash-tube{box-shadow:0 0 calc(var(--u) * 3) calc(var(--u) * .5) #7fd4ff99}.splash-tube:before{animation:none;transform:translate(-50%)}}
