#entrance{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#0abab5;color:#172b31;overflow:hidden;z-index:1000}#entrance::backdrop{background:#0abab5}#entrance[open]{display:block;animation:entrance-curtain .9s cubic-bezier(.76,0,.24,1) 3.8s forwards}.entrance-stage{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:7vw;position:relative}.entrance-label{position:absolute;left:6vw;top:7vh;font:11px Arial;letter-spacing:.16em}.entrance-word{font-size:clamp(44px,10vw,150px);font-weight:900;letter-spacing:-.075em;line-height:1.3;overflow:hidden;animation:entrance-text-out .45s ease 2.55s both}.entrance-word>span{display:block;animation:entrance-word-in .8s cubic-bezier(.16,1,.3,1) both}.entrance-ink{width:min(85vw,1000px);margin-top:12px;animation:entrance-ink-in 1.25s cubic-bezier(.4,0,.2,1) .65s both,entrance-text-out .45s ease 2.55s forwards}.entrance-ink img{width:100%;height:auto;filter:brightness(0) invert(1);transform:rotate(-5deg)}.entrance-brand{position:absolute;font:bold clamp(80px,19vw,280px)/.85 Arial;letter-spacing:-.085em;text-align:center;animation:entrance-brand-in .65s cubic-bezier(.16,1,.3,1) 2.8s both}.entrance-brand>span{display:block;font-size:12px;line-height:2;letter-spacing:.5em;margin-top:25px}.entrance-bottom{position:absolute;bottom:8vh;left:6vw;font-size:12px;font-weight:700;letter-spacing:.12em}.entrance-skip{position:absolute;bottom:7vh;right:6vw;background:none;border:0;border-bottom:1px solid currentColor;padding:10px 0;color:#172b31;font:11px Arial;letter-spacing:.08em;cursor:pointer}.entrance-replay{position:absolute;bottom:30px;left:35px;border:0;border-bottom:1px solid #172b3145;background:none;font-family:inherit;font-size:10px;color:#172b31;z-index:4;padding:5px 0;cursor:pointer}.entrance-active{overflow:hidden}.entrance-active .hero-impact .impact-first,.entrance-active .hero-impact .impact-second{animation:none!important;opacity:0}.entrance-active .impact-piece{visibility:hidden}
@keyframes entrance-word-in{from{transform:translateY(120%) rotate(5deg)}to{transform:translateY(0) rotate(0)}}@keyframes entrance-ink-in{from{clip-path:inset(-25% 100% -25% 0);transform:translateX(-25px)}to{clip-path:inset(-25% -5% -25% 0);transform:translateX(0)}}@keyframes entrance-text-out{to{opacity:0;transform:translateY(-55px) scale(1.04)}}@keyframes entrance-brand-in{from{opacity:0;transform:scale(.65) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes entrance-curtain{to{transform:translateY(-105%)}}
@media(max-width:760px){.entrance-stage{padding:6vw}.entrance-word{font-size:13vw}.entrance-ink{width:94vw;margin-top:22px}.entrance-label{font-size:8px}.entrance-bottom{font-size:10px;bottom:12vh}.entrance-skip{bottom:5vh;font-size:10px}.entrance-replay{left:15px;bottom:15px;font-size:9px}}
@media(prefers-reduced-motion:reduce){#entrance[open]{animation:none}.entrance-word,.entrance-word>span,.entrance-ink{animation:none}.entrance-brand{display:none}}

#entrance.entrance-static .entrance-word,#entrance.entrance-static .entrance-word>span,#entrance.entrance-static .entrance-ink{animation:none;opacity:1;transform:none}#entrance.entrance-static .entrance-brand{display:none}#entrance.entrance-static{animation:none}

.entrance-word{font-size:clamp(38px,8vw,120px)}@media(max-width:760px){.entrance-word{font-size:10.5vw}}
