#site-intro{position:fixed;inset:0;z-index:2147483000;overflow:hidden;color:#f4f0e8;background:transparent;pointer-events:none!important;animation:intro-hide 1ms step-end 3600ms forwards}
#site-intro .intro-curtain{position:absolute;top:0;bottom:0;width:50.1%;background:#090909;will-change:transform}
#site-intro .intro-curtain--left{left:0;animation:intro-open-left 1050ms cubic-bezier(.78,0,.18,1) 2500ms forwards}
#site-intro .intro-curtain--right{right:0;animation:intro-open-right 1050ms cubic-bezier(.78,0,.18,1) 2500ms forwards}
#site-intro .intro-lockup{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;animation:intro-lockup-out 300ms ease 2500ms forwards}
#site-intro .intro-wordmark{font-family:Heebo,Assistant,sans-serif;font-size:clamp(58px,10vw,112px);font-weight:800;line-height:.9;letter-spacing:-.095em;direction:ltr}
#site-intro .intro-rule{width:38px;height:3px;margin:24px auto 17px;background:#f36b36}
#site-intro .intro-tagline{font-size:clamp(18px,2.7vw,28px);font-weight:600;line-height:1.35;letter-spacing:-.02em;clip-path:inset(0 0 0 100%);animation:intro-type 2300ms steps(30,end) forwards}
#site-intro .intro-tagline::after{content:"";display:inline-block;height:1em;border-left:2px solid #f36b36;margin-right:5px;vertical-align:middle;animation:intro-caret 650ms step-end 4}
@keyframes intro-type{to{clip-path:inset(0)}}
@keyframes intro-caret{50%{opacity:0}100%{opacity:0}}
@keyframes intro-open-left{to{transform:translateX(-101%)}}
@keyframes intro-open-right{to{transform:translateX(101%)}}
@keyframes intro-lockup-out{to{opacity:0;transform:translateY(-5px)}}
@keyframes intro-hide{to{visibility:hidden;pointer-events:none}}
@media(max-width:600px){#site-intro .intro-tagline{max-width:300px}}
@media(prefers-reduced-motion:reduce){#site-intro{display:none!important}}
