/* A brief brand introduction; never a dependency for reading the site. */
.site-intro[hidden]{display:none!important}
.site-intro{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#171719;color:#fff;pointer-events:none;animation:intro-safety 0s 2s forwards}
.site-intro-brand{display:flex;align-items:center;gap:17px;font:800 clamp(26px,5vw,44px)/1 system-ui,sans-serif;letter-spacing:-.05em;animation:intro-brand .65s cubic-bezier(.2,.8,.2,1) both}
.site-intro-brand svg{width:clamp(40px,7vw,64px);height:clamp(40px,7vw,64px);fill:#ff6a00;animation:intro-mark .75s cubic-bezier(.2,.8,.2,1) both}
.site-intro.is-done{opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}
@keyframes intro-brand{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes intro-mark{from{transform:rotate(-90deg) scale(.65)}to{transform:rotate(0) scale(1)}}
@keyframes intro-safety{to{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){.site-intro{display:none!important}.site-intro-brand,.site-intro-brand svg{animation:none}}