.letter-reveal{background:#000;margin:40px 0 70px;overflow:hidden}.letter-stage{position:relative;display:grid;place-items:center;height:min(680px,75svh);min-height:300px;background:#000;overflow:hidden}.letter-logo{width:78%;height:auto;overflow:visible;transform:scale(1.22);transform-origin:center}.reveal-outline{stroke-width:1px;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;opacity:0}.letter-fill{opacity:0}.letter-replay{position:absolute;bottom:24px;right:4%;background:transparent;border:1px solid #45515c;color:#d5dce4;border-radius:30px;padding:10px 18px;font:14px Poppins,sans-serif;cursor:pointer}.letter-replay:focus-visible{outline:2px solid white;outline-offset:4px}.letter-reveal.is-running .reveal-outline{animation:letter-trace 1.1s var(--delay) ease-out both}.letter-reveal.is-running .letter-fill{animation:letter-metal 1.4s 5.3s ease-in-out both}.letter-reveal.is-running .letter-logo{animation:letter-zoom 7.2s cubic-bezier(.2,.65,.3,1) both}@keyframes letter-trace{0%{stroke-dashoffset:1;opacity:0}10%{opacity:1}100%{stroke-dashoffset:0;opacity:1}}@keyframes letter-metal{from{opacity:0}to{opacity:1}}@keyframes letter-zoom{0%,12%{transform:scale(1.22)}100%{transform:scale(1)}}.paused .letter-reveal *{animation-play-state:paused!important}@media(max-width:700px){.letter-stage{height:440px;min-height:280px}.letter-logo{width:84%}}@media(prefers-reduced-motion:reduce){.letter-reveal .letter-logo{animation:none!important;transform:none}.letter-reveal .letter-fill{animation:none!important;opacity:1}.letter-reveal .reveal-outline{animation:none!important;stroke-dashoffset:0;opacity:1}}

.letter-reveal.is-running .reveal-outline,.letter-reveal.is-running .letter-fill,.letter-reveal.is-running .letter-logo{animation:none}.letter-fill{filter:drop-shadow(0 0 3px #b4ff422b)}