.intro-pending{overflow:hidden;background:#000}
.intro-pending body>header,.intro-pending body>main,.intro-pending body>footer{visibility:hidden}
.site-intro{position:fixed;inset:0;z-index:1000;background:#000;display:grid;place-items:center;opacity:1;transition:opacity .65s ease}
.site-intro video{width:100%;height:100%;max-height:100dvh;object-fit:contain;display:block}
.intro-controls{position:absolute;left:0;right:0;bottom:0;padding:25px max(24px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;gap:20px;background:linear-gradient(transparent,#000b)}
.intro-controls button,.intro-play{background:#080a08c9;color:#f1f1ed;border:1px solid #ffffff50;font:10px Arial,sans-serif;letter-spacing:1px;min-height:44px;padding:12px 17px;display:flex;gap:16px;align-items:center}
.intro-controls img{width:17px;height:19px;object-fit:contain}
.intro-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.intro-play[hidden]{display:none}
.intro-exit{opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.site-intro{transition:none}}