body.intro-open{overflow:hidden}
.video-intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:clamp(12px,3vw,32px);background:#b91512;transition:opacity .45s ease,visibility .45s ease}
.video-intro[hidden]{display:none}
.video-intro.is-closing{opacity:0;visibility:hidden;pointer-events:none}
.video-intro__backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,#f13a31 0,transparent 46%),linear-gradient(135deg,#8f0d0b,#e8201b 58%,#fcb116);overflow:hidden}
.video-intro__backdrop:after{content:"vo";position:absolute;right:-.12em;bottom:-.13em;font:800 min(42vw,620px)/.75 Manrope,sans-serif;letter-spacing:-.16em;color:rgba(96,5,3,.13)}
.video-intro__frame{position:relative;width:min(1100px,100%);height:min(780px,calc(100svh - clamp(24px,6vw,64px)));min-height:420px;overflow:hidden;border:1px solid rgba(255,255,255,.24);border-radius:clamp(22px,3vw,38px);background:radial-gradient(circle at 50% 45%,#f43a32 0,transparent 50%),linear-gradient(145deg,#b4120f,#e8201b 62%,#f12c25);box-shadow:0 35px 100px rgba(80,4,2,.45)}
.video-intro video{width:100%;height:100%;display:block;object-fit:contain;background:transparent}
.video-intro__shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(112,7,5,.38),transparent 25%,transparent 58%,rgba(112,7,5,.78))}
.video-intro__start{position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:rgba(130,8,5,.28);backdrop-filter:blur(4px);transition:opacity .3s ease,visibility .3s ease}
.video-intro__start.is-playing{opacity:0;visibility:hidden;pointer-events:none}
.video-intro__start button{display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:#fcb116;color:#16130f;padding:17px 24px;font:800 15px Manrope,sans-serif;cursor:pointer;box-shadow:0 16px 42px rgba(86,5,3,.38)}
.video-intro__start button span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#16130f;color:#fff;font-size:11px;padding-left:2px}
.video-intro__logo{position:absolute;z-index:2;top:26px;left:30px;width:112px;height:48px;object-fit:contain;filter:drop-shadow(0 6px 16px rgba(0,0,0,.25))}
.video-intro__sound{position:absolute;z-index:3;top:27px;right:28px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(16,10,8,.48);color:#fff;padding:10px 15px;font:700 12px "DM Sans",sans-serif;cursor:pointer;backdrop-filter:blur(12px)}
.video-intro__sound span:first-child{font-size:17px;color:#fcb116}
.video-intro__caption{position:absolute;z-index:2;right:30px;bottom:28px;left:30px;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;color:#fff}
.video-intro__caption p{max-width:520px;margin:0;font:800 clamp(25px,4vw,48px)/1.02 Manrope,sans-serif;letter-spacing:-.045em;text-wrap:balance}
.video-intro__enter{flex:0 0 auto;border:0;border-radius:999px;background:#fcb116;color:#16130f;padding:14px 19px;font:800 13px Manrope,sans-serif;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.25)}
.video-intro__enter span{margin-left:8px}
.video-intro button:hover{transform:translateY(-2px)}
.video-intro button:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:640px){.video-intro{padding:0}.video-intro__frame{width:100%;height:100svh;min-height:0;border:0;border-radius:0}.video-intro__logo{top:max(20px,env(safe-area-inset-top));left:20px;width:96px}.video-intro__sound{top:max(22px,env(safe-area-inset-top));right:18px;padding:9px 12px}.video-intro__start button{padding:15px 20px;font-size:14px}.video-intro__caption{right:20px;bottom:max(22px,env(safe-area-inset-bottom));left:20px;align-items:stretch;flex-direction:column;gap:18px}.video-intro__caption p{max-width:340px;font-size:clamp(27px,9vw,42px)}.video-intro__enter{align-self:flex-start}}
@media(prefers-reduced-motion:reduce){.video-intro{transition:none}.video-intro button:hover{transform:none}}