.intro{z-index:100;background:var(--brand-orange);flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:transform .8s cubic-bezier(.76,0,.24,1),visibility 0s linear .8s;animation:.8s cubic-bezier(.76,0,.24,1) 4s forwards intro-failsafe;display:flex;position:fixed;inset:0}.intro[data-state=done]{visibility:hidden;pointer-events:none;transform:translateY(-100%)}[data-intro-seen] .intro{display:none}html:not([data-intro-seen]):has(.intro:not([data-state=done])){scrollbar-width:none}html:not([data-intro-seen]):has(.intro:not([data-state=done]))::-webkit-scrollbar{display:none}.intro-mark{filter:brightness(0)invert();width:72px;height:auto;animation:2.4s linear infinite intro-spin}.intro-bar{background:#ffffff4d;border-radius:999px;width:160px;height:3px;overflow:hidden}.intro-bar>span{transform-origin:0;background:#fff;height:100%;animation:1.4s cubic-bezier(.25,.8,.3,1) forwards intro-fill;display:block;transform:scaleX(0)}.intro[data-state=done] .intro-bar>span{animation:none;transform:scaleX(1)}.intro~main #hero-title{transition:opacity .9s .25s,transform .9s cubic-bezier(.2,.7,.3,1) .25s;animation:0s 4s forwards intro-heading-failsafe}html:not([data-intro-seen]) .intro:not([data-state=done])~main #hero-title{opacity:0;transform:translateY(18px)}@keyframes intro-heading-failsafe{to{opacity:1;transform:none}}@keyframes intro-spin{to{transform:rotate(360deg)}}@keyframes intro-fill{to{transform:scaleX(.92)}}@keyframes intro-failsafe{to{visibility:hidden;transform:translateY(-100%)}}@media (prefers-reduced-motion:reduce){.intro-mark{animation:none}.intro~main #hero-title{transform:none!important}}