:root{--intro-red:#ed2734;--intro-gold:#d8af56}
.ll-intro[hidden]{display:none!important}
.ll-intro{position:fixed;z-index:9999;inset:0;overflow:hidden;color:#fff;background:#020202;isolation:isolate}
.ll-intro-fallback{position:absolute;z-index:-6;inset:0;display:grid;place-content:center;justify-items:center;gap:15px;text-align:center;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.28),rgba(0,0,0,.68)),url("assets/global-hero.png") center/cover}.ll-intro-fallback img{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 0 30px rgba(237,39,52,.5))}.ll-intro-fallback b{font:900 clamp(44px,7vw,92px)/.85 "Barlow Condensed",sans-serif;letter-spacing:-.04em}.ll-intro-fallback b em{color:var(--intro-red);font-style:normal}.ll-intro-fallback span{color:var(--intro-gold);font:800 8px "DM Sans",sans-serif;letter-spacing:.24em}
.ll-intro-film{position:absolute;z-index:-5;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.82) contrast(1.11) brightness(.73);transform:scale(1.012)}
.ll-intro-vignette{position:absolute;z-index:-4;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.38) 52%,rgba(0,0,0,.7)),linear-gradient(180deg,rgba(0,0,0,.55),transparent 35%,rgba(0,0,0,.82))}
.ll-intro-grain{position:absolute;z-index:-3;inset:0;opacity:.17;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='4' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.ll-intro::after{content:"";position:absolute;z-index:-2;inset:-45%;background:conic-gradient(from 160deg,transparent 0 35%,rgba(216,175,86,.05) 43%,transparent 49% 100%);animation:introSweep 9s linear infinite;pointer-events:none}
.ll-intro-topline{position:absolute;z-index:5;top:0;left:0;right:0;height:94px;padding:0 clamp(22px,4vw,68px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(0,0,0,.54),transparent)}
.ll-intro-brand{display:flex;align-items:center;gap:12px}
.ll-intro-brand>span{width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(216,175,86,.42);border-radius:50%;background:rgba(0,0,0,.5);box-shadow:0 0 35px rgba(216,175,86,.1)}
.ll-intro-brand img{width:31px;height:31px;object-fit:contain}
.ll-intro-brand>div{display:flex;align-items:baseline;gap:7px;font-family:"Barlow Condensed",sans-serif;font-size:19px;letter-spacing:.08em}
.ll-intro-brand b{font-weight:800}.ll-intro-brand strong{color:var(--intro-red);font-weight:900}
.ll-intro-controls{display:flex;align-items:center;gap:9px}
.ll-intro-controls button,.ll-intro-enter,.ll-intro-live-link{min-height:39px;padding:0 15px;border:1px solid rgba(255,255,255,.18);border-radius:3px;color:rgba(255,255,255,.72);background:rgba(0,0,0,.4);font:800 8px "DM Sans",sans-serif;letter-spacing:.14em;cursor:pointer;backdrop-filter:blur(12px)}
.ll-intro-controls button:hover,.ll-intro-enter:hover{color:#fff;border-color:rgba(216,175,86,.55)}
.ll-intro-live-link{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;border-color:rgba(237,39,52,.9);background:rgba(163,8,19,.78);box-shadow:0 0 0 0 rgba(237,39,52,.5);animation:introLiveSignal 1.55s ease-in-out infinite}
.ll-intro-live-link i{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 12px rgba(255,255,255,.9)}
.ll-intro-live-link:hover{color:#fff;filter:brightness(1.18)}
.ll-intro-gate{position:absolute;z-index:4;inset:0;display:grid;place-items:center;padding:110px 25px 75px;background:radial-gradient(circle at 68% 45%,rgba(153,11,19,.14),transparent 32%),linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.44) 65%,rgba(0,0,0,.72));transition:opacity .7s ease,visibility .7s}
.ll-intro-gate.is-gone{opacity:0;visibility:hidden;pointer-events:none}
.ll-intro-gate-copy{width:min(1000px,90vw);text-align:center}
.ll-intro-gate-copy>span,.ll-intro-story article>span{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--intro-gold);font:800 9px "DM Sans",sans-serif;letter-spacing:.22em}
.ll-intro-gate-copy>span::before,.ll-intro-gate-copy>span::after{content:"";width:45px;height:1px;background:rgba(216,175,86,.55)}
.ll-intro-gate h1{margin:25px 0 18px;font:900 clamp(78px,12vw,168px)/.72 "Barlow Condensed",sans-serif;letter-spacing:-.055em;text-shadow:0 18px 80px rgba(0,0,0,.7)}
.ll-intro-gate h1 em,.ll-intro-story h2 em{color:var(--intro-red);font-style:normal}
.ll-intro-gate p{margin:0 auto;color:rgba(255,255,255,.68);font-size:clamp(14px,1.45vw,19px)}
.ll-intro-gate-copy>div{margin-top:35px;display:flex;justify-content:center;gap:10px}
.ll-intro-premiere{min-height:52px;padding:0 25px;border:1px solid var(--intro-red);border-radius:3px;color:#fff;background:linear-gradient(135deg,#d70e1b,#7b080e);box-shadow:0 20px 65px rgba(188,7,20,.26);font:900 9px "DM Sans",sans-serif;letter-spacing:.14em;cursor:pointer}
.ll-intro-premiere:hover{filter:brightness(1.18);transform:translateY(-1px)}
.ll-intro-gate small{display:block;margin-top:15px;color:rgba(255,255,255,.34);font-size:8px;letter-spacing:.08em}
.ll-intro-story{position:absolute;z-index:2;inset:94px 0 74px;pointer-events:none}
.ll-intro-story article{position:absolute;left:clamp(24px,8vw,140px);top:50%;width:min(790px,80vw);opacity:0;transform:translate3d(0,35px,0);transition:opacity .55s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
.ll-intro-story article.is-active{opacity:1;transform:translate3d(0,-50%,0)}
.ll-intro-story article>span{justify-content:flex-start;color:var(--intro-gold)}
.ll-intro-story article>span::before{content:"";width:30px;height:1px;background:var(--intro-red)}
.ll-intro-story h2{margin:16px 0 17px;font:900 clamp(62px,8.2vw,122px)/.78 "Barlow Condensed",sans-serif;letter-spacing:-.045em;text-wrap:balance;text-shadow:0 14px 60px #000}
.ll-intro-story p{max-width:720px;margin:0;color:rgba(255,255,255,.76);font-size:clamp(14px,1.45vw,20px);line-height:1.55;text-shadow:0 4px 22px #000}
.ll-intro-story .ll-intro-final{pointer-events:auto}
.ll-intro-final button{min-height:48px;margin-top:25px;padding:0 23px;border:1px solid var(--intro-gold);border-radius:3px;color:#120e07;background:linear-gradient(135deg,#efd17d,#b7852a);font:900 9px "DM Sans",sans-serif;letter-spacing:.14em;cursor:pointer}
.ll-intro-final-actions{margin-top:25px;display:flex;flex-wrap:wrap;gap:9px}.ll-intro-final-actions button{margin-top:0}.ll-intro-final-actions button[data-ll-intro-restart]{color:#fff;border-color:rgba(255,255,255,.45);background:rgba(4,4,4,.68);backdrop-filter:blur(14px)}.ll-intro-final-actions button[data-ll-intro-restart] span{margin-right:7px;color:var(--intro-gold);font-size:15px}
.ll-intro-footer{position:absolute;z-index:4;left:0;right:0;bottom:0;height:74px;padding:0 clamp(22px,4vw,68px);display:flex;align-items:center;gap:28px;border-top:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.42);backdrop-filter:blur(16px)}
.ll-intro-progress{width:clamp(120px,19vw,290px);height:2px;overflow:hidden;background:rgba(255,255,255,.15)}
.ll-intro-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--intro-red),var(--intro-gold));box-shadow:0 0 12px rgba(216,175,86,.7)}
.ll-intro-usp-reel{min-width:0;flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px;color:rgba(255,255,255,.56);font:800 7px "DM Sans",sans-serif;letter-spacing:.12em;white-space:nowrap}
.ll-intro-usp-reel i{width:3px;height:3px;border-radius:50%;background:var(--intro-red)}
.ll-film-replay{border:0;cursor:pointer;font-family:inherit}
.ll-intro-replay-link{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:7px 0;border:0;color:rgba(255,255,255,.72);background:transparent;font:800 8px "DM Sans",sans-serif;letter-spacing:.15em;cursor:pointer;transition:color .2s ease,transform .2s ease}
.ll-intro-replay-link span{color:var(--intro-gold);font-size:16px;line-height:1}
.ll-intro-replay-link:hover{color:#fff;transform:translateX(2px)}
.ll-intro-replay-link:focus-visible{outline:2px solid var(--intro-gold);outline-offset:5px}
body.ll-intro-open{overflow:hidden}
@keyframes introSweep{to{transform:rotate(360deg)}}
@keyframes introLiveSignal{0%,100%{box-shadow:0 0 0 0 rgba(237,39,52,.48),0 16px 40px rgba(0,0,0,.34)}50%{box-shadow:0 0 0 7px rgba(237,39,52,0),0 0 34px rgba(237,39,52,.42)}}
@media(max-width:850px){
  .ll-intro-topline{height:76px}.ll-intro-story{inset:76px 0 64px}.ll-intro-story article{left:25px;width:calc(100% - 50px)}.ll-intro-footer{height:64px}.ll-intro-usp-reel{justify-content:flex-start;overflow:hidden}.ll-intro-usp-reel span:nth-of-type(n+5),.ll-intro-usp-reel i:nth-of-type(n+5){display:none}
}
@media(max-width:560px){
  .ll-intro-topline{padding-inline:15px}.ll-intro-brand>div{display:none}.ll-intro-controls button,.ll-intro-live-link{padding:0 9px;font-size:6px}.ll-intro-controls button[data-ll-intro-close]{display:none}.ll-intro-gate{padding-inline:17px}.ll-intro-gate h1{font-size:78px}.ll-intro-gate-copy>div{display:grid}.ll-intro-gate-copy>div button{width:100%}.ll-intro-story h2{font-size:55px}.ll-intro-story p{font-size:13px}.ll-intro-footer{padding-inline:16px}.ll-intro-progress{width:90px}.ll-intro-usp-reel span:nth-of-type(n+4),.ll-intro-usp-reel i:nth-of-type(n+4){display:none}
}
@media(prefers-reduced-motion:reduce){.ll-intro::after,.ll-intro-live-link{animation:none}.ll-intro-story article{transition:none}}

/* Brighter cinematic grade: keep footage vivid and protect copy locally */
.ll-intro-film{filter:saturate(1.28) contrast(1.04) brightness(1.24)}
.ll-intro-vignette{background:linear-gradient(90deg,rgba(0,0,0,.66),rgba(0,0,0,.1) 54%,rgba(0,0,0,.23)),linear-gradient(180deg,rgba(0,0,0,.15),transparent 38%,rgba(0,0,0,.43))}
.ll-intro-story article{filter:drop-shadow(0 9px 32px rgba(0,0,0,.88))}