.intro-overlay{position:fixed;z-index:1000;inset:0;background:#200e1b;color:white;isolation:isolate;overflow:hidden;font-family:FixelText,Arial,sans-serif}
.intro-overlay .video-welcome{position:relative;width:100%;height:100svh;margin:auto;overflow:hidden;background:#200e1b}
.intro-overlay .video-stage{position:absolute;inset:0}
.intro-overlay video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:#200e1b}
.intro-overlay .video-controls{position:absolute;z-index:2;top:calc(12px + env(safe-area-inset-top,0px));right:max(16px,env(safe-area-inset-right,0px));display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.intro-overlay :is(.video-controls button,.skip,.video-play){display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 18px;border:1px solid #ffffff65;border-radius:28px;background:#160b19ad;color:white;text-decoration:none;font:400 14px/1.3 FixelText,Arial,sans-serif;touch-action:manipulation;cursor:pointer;white-space:nowrap}
.intro-overlay .skip{background:#f7f3ed;color:#111;border-color:#f7f3ed;min-width:92px}
.intro-overlay .video-play{position:absolute;z-index:2;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));font-size:12px}
.intro-overlay #video-status{position:absolute;z-index:2;bottom:calc(70px + env(safe-area-inset-bottom,0px));left:20px;right:20px;margin:0;text-align:center;font:400 12px/20px FixelText,Arial,sans-serif;text-shadow:0 1px 4px #000}
.intro-overlay :is(button,a):focus-visible{outline:3px solid #d7b6ef;outline-offset:3px}
@media(min-width:900px){.intro-overlay .video-welcome{width:min(100%,56.25svh)}}

.intro-overlay .video-controls{left:0;right:0;display:block;pointer-events:none}
.intro-overlay .video-controls .skip{position:absolute;right:max(16px,env(safe-area-inset-right,0px));pointer-events:auto}
.intro-overlay #video-sound{position:absolute;left:max(16px,env(safe-area-inset-left,0px));width:44px;height:44px;padding:10px;border-radius:50%;pointer-events:auto}
.intro-overlay #video-sound svg{display:block;flex-shrink:0}

#video-play[hidden]{display:none!important}

/* Short/landscape and tablet screens preserve the complete portrait footage. */
@media(min-aspect-ratio:2/3){.intro-overlay video{object-fit:contain}}