.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--blue);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 24px;transition:transform .9s cubic-bezier(.65,0,.35,1)}.intro[hidden]{display:none}.intro-content{position:relative;width:min(760px,92vw);height:clamp(160px,26vw,260px);display:flex;align-items:center;justify-content:center}.intro-logo{position:absolute;top:50%;left:50%;width:min(520px,78vw);transform:translate(-50%,-50%);clip-path:polygon(0 0,0 0,0 100%,0 100%);filter:blur(6px);opacity:1;transition:clip-path 1.5s cubic-bezier(.45,0,.15,1),filter 1.5s cubic-bezier(.45,0,.15,1),opacity .5s ease,transform .5s ease}.intro.is-logo-in .intro-logo{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);filter:blur(0)}.intro.is-logo-out .intro-logo{opacity:0;transform:translate(-50%,-62%) scale(.94)}.intro-question{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;font-family:var(--font-body);font-weight:400;font-size:clamp(26px,4.4vw,44px);letter-spacing:-.005em;color:var(--yellow);opacity:0;transition:opacity .4s ease;white-space:nowrap}.intro.is-question-in .intro-question{opacity:1}.intro-question .cursor{display:inline-block;width:2.5px;height:.85em;background:var(--yellow);margin-left:3px;vertical-align:-.08em;animation:blink .9s steps(1) infinite}.intro.is-cursor-hidden .intro-question .cursor{animation:none;opacity:0}@keyframes blink{50%{opacity:0}}.intro-skip{position:absolute;bottom:30px;right:30px;background:none;border:1px solid rgba(255,255,255,.45);color:#fffc;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;padding:10px 18px;border-radius:999px;cursor:pointer;opacity:0;transition:opacity .3s,border-color .25s,color .25s}.intro.is-question-in .intro-skip{opacity:1}.intro-skip:hover{border-color:var(--yellow);color:var(--yellow)}.intro.is-leaving{transform:translateY(-100%)}.intro.is-leaving .intro-skip{opacity:0;transition:opacity .2s ease}@media(prefers-reduced-motion:reduce){.intro,.intro-logo,.intro-question,.intro-question .cursor,.intro-skip{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/intro.css.map */