html.intro-active{overflow:hidden}
.site-intro{position:fixed;inset:0;margin:0;border:0;padding:32px;width:100vw;height:100dvh;max-width:none;max-height:none;background:#171815;color:#f2f0e9;z-index:100;opacity:1;transition:opacity .2s ease}
.site-intro:not([open]){display:none}
.site-intro[open]{display:grid;place-items:center}
.site-intro::backdrop{background:#171815;transition:opacity .2s ease}
.site-intro img{width:min(72vw,420px);height:auto;filter:invert(1);animation:logo-arrive .65s ease-out both}
.site-intro .intro-skip{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));right:clamp(24px,5.3vw,94px);display:flex;align-items:center;gap:22px;min-height:44px;padding:10px 18px;border:1px solid #6e7368;border-radius:24px;background:transparent;color:inherit;font:500 13px 'Inter Variable',Inter,Arial,sans-serif;cursor:pointer}
.site-intro .intro-skip:focus-visible{outline:2px solid #efd39c;outline-offset:5px}
.site-intro.is-leaving,.site-intro.is-leaving::backdrop{opacity:0}
@keyframes logo-arrive{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.site-intro,.site-intro::backdrop{transition:none}.site-intro img{animation:none}}