html.intro-open{overflow:hidden}
#striping-intro{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:#25272a;color:#f4f1e8;box-sizing:border-box;opacity:1}
#striping-intro:not([open]){display:none}
#striping-intro::backdrop{background:transparent}
#striping-intro.is-leaving{opacity:0;transition:opacity .5s ease;pointer-events:none}
#intro-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% center;background:#25272a}
.intro-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.intro-top,.intro-bottom{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px clamp(18px,4vw,56px);transition:opacity .12s}
.intro-top{top:0;padding-top:max(20px,env(safe-area-inset-top));background:linear-gradient(#0007,transparent)}
.intro-bottom{bottom:0;padding-bottom:max(20px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#0006)}
.intro-brand{font-family:'Barlow Condensed',sans-serif;font-size:clamp(17px,2vw,23px);font-weight:700;letter-spacing:.015em;text-shadow:0 1px 8px #000}
.intro-brand img{display:block;width:90px;height:auto;background:transparent;filter:drop-shadow(.6px 0 0 #f4f1e8b3) drop-shadow(-.6px 0 0 #f4f1e8b3) drop-shadow(0 .6px 0 #f4f1e8b3) drop-shadow(0 -.6px 0 #f4f1e8b3)}
.intro-control{min-height:44px;padding:8px 17px;border:1px solid #ffffff75;border-radius:999px;background:#101215b8;color:#fff;font:600 15px/1.2 'Barlow',sans-serif;cursor:pointer;white-space:nowrap}
.intro-control:hover{background:#101215ed;border-color:#fff}
.intro-control:focus-visible,.intro-replay:focus-visible{outline:3px solid #ffca3a;outline-offset:4px}
.intro-credit{font-size:12px;color:#fff;text-shadow:0 1px 5px #000}
.intro-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff25}
.intro-progress span{display:block;width:100%;height:100%;background:#ffca3a;transform:scaleX(var(--intro-progress,0));transform-origin:left}
#striping-intro.is-leaving .intro-top,#striping-intro.is-leaving .intro-bottom,#striping-intro.is-leaving .intro-progress{opacity:0}
.intro-replay{display:inline-flex;align-items:center;gap:9px;min-height:44px;margin-top:12px;padding:4px 0;border:0;background:none;color:var(--muted);font:600 14px/1.4 'Barlow',sans-serif;cursor:pointer}
.intro-replay[hidden]{display:none}
.intro-replay:hover{color:var(--amber)}
.intro-replay span{font-size:11px;color:var(--amber)}
@media(max-width:480px){.intro-top,.intro-bottom{padding-inline:16px}.intro-brand{max-width:155px;line-height:1.1}.intro-control{padding-inline:14px}}
@media(prefers-reduced-motion:reduce){#striping-intro.is-leaving,.intro-top,.intro-bottom{transition:none}}
@media print{#striping-intro,.intro-replay{display:none!important}}