/* Velkar MU · cinematic launch · 6 November 2026 */
.hero-slide.hero-slide-launch{background:#03050a;overflow:hidden}
.hero-slide-launch .launch-film{position:absolute;inset:0;z-index:-3;background:#03050a url('/assets/cinematic/launch-dk-poster.webp') center/cover no-repeat}
.launch-film video{width:100%;height:100%;object-fit:cover;object-position:72% center;display:block;opacity:0;transition:opacity .7s}
.launch-film video.is-ready{opacity:1}
.hero-slide-launch .hero-slide-scrim{background:linear-gradient(90deg,#03050af5 0%,#03050ac9 33%,#03050a50 54%,transparent 73%),linear-gradient(0deg,#03050a 0%,transparent 25%,#03050a30 100%)}
.hero-slide-launch::after{box-shadow:inset 0 -1px #a8763e;background:radial-gradient(ellipse at 65% 60%,#ad280013,transparent 55%);z-index:-1}
.hero-slide.hero-slide-launch .hero-slide-content{width:min(1380px,calc(100% - 150px));text-align:left;margin:auto;padding:55px 0 98px}
.hero-slide-launch .hero-launch-badge{border:0;border-left:2px solid #d5a956;background:transparent;padding:2px 0 2px 14px;box-shadow:none;color:#e6c18a;letter-spacing:.16em;font-size:10px;margin-bottom:22px}
.hero-slide-launch .hero-launch-badge span{display:none}
.hero-slide-launch .hero-slider-eyebrow{color:#94a2b8;font-size:10px;letter-spacing:.22em;margin-bottom:18px}
.hero-slide.hero-slide-launch h1{max-width:650px;font:800 clamp(38px,4.5vw,67px)/1.02 Sora,sans-serif;letter-spacing:-.045em;text-shadow:0 3px 24px #000}
.hero-slide-launch h1 em{color:#e4bb70;background:none;filter:none;text-shadow:0 2px 20px #6b3c1640}
.launch-date{display:flex;align-items:center;gap:20px;width:fit-content;margin:26px 0 0;padding:17px 25px 17px 0;border-top:1px solid #9c744754;border-bottom:1px solid #9c744754;color:#f5ebd8}
.launch-date-day{font:700 clamp(66px,6.3vw,96px)/.85 Sora,sans-serif;letter-spacing:-.06em;color:#efce8a}
.launch-date-month{display:flex;flex-direction:column;gap:7px;font:600 clamp(17px,1.8vw,25px)/1.1 'Space Grotesk',sans-serif;letter-spacing:.14em}
.launch-date-month strong{font-size:12px;font-weight:500;letter-spacing:.36em;color:#91a0b6}
.hero-slide.hero-slide-launch .hero-slider-copy{max-width:490px;margin:22px 0 0;color:#c5c8ce;font-size:14px;line-height:1.7}
.hero-slide-launch .hero-slider-copy strong{color:#e5d0aa}
.hero-slide.hero-slide-launch .hero-slider-actions{justify-content:flex-start;margin-top:26px;gap:12px}
.hero-slide-launch .hero-slider-primary{min-height:51px;background:#e4bd78;color:#160f08;border:1px solid #f0d39c;box-shadow:0 5px 22px #0006;font-size:11px}
.hero-slide-launch .hero-slider-secondary{min-height:51px;background:#09101987;color:#d7dbe3;border:1px solid #66738565;box-shadow:none;font-size:11px}
.hero-slide-launch .hero-slider-meta{color:#8e9cb0;font-size:9px;letter-spacing:.12em;margin-top:22px}
.launch-motion-toggle{position:absolute;right:26px;top:25px;bottom:auto;z-index:4;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #8f9bac40;border-radius:3px;color:#c1cbd8;background:#050a12a6;font:500 10px Inter,sans-serif;cursor:pointer}
.launch-motion-toggle:hover,.launch-motion-toggle:focus-visible{border-color:#e4bd78;color:#ffe4b4;outline-offset:4px}
@media(min-width:1500px){.hero-slide.hero-slide-launch .hero-slide-content{padding-top:70px}}
@media(max-width:900px){.hero-slide.hero-slide-launch .hero-slide-content{width:calc(100% - 90px)}.hero-slide.hero-slide-launch h1{font-size:43px;max-width:430px}.hero-slide.hero-slide-launch .hero-slider-copy{max-width:360px}.launch-date-day{font-size:76px}}
@media(max-width:700px){
 .hero-slider:has(.hero-slide-launch){min-height:790px}
 .hero-slide.hero-slide-launch .hero-slide-content{width:calc(100% - 60px);padding:265px 0 83px;text-align:left}
 .hero-slide-launch .launch-film{background-position:77% center}
 .launch-film video{object-position:77% center}
 .hero-slide-launch .hero-slide-scrim{background:linear-gradient(0deg,#03050a 4%,#03050aee 24%,#03050ad9 44%,#03050a40 69%,#03050a12 100%)}
 .hero-slide-launch .hero-launch-badge{font-size:8px;letter-spacing:.13em;margin-bottom:15px}
 .hero-slide-launch .hero-slider-eyebrow{font-size:8px;letter-spacing:.13em;margin-bottom:14px}
 .hero-slide.hero-slide-launch h1{font-size:clamp(30px,8.5vw,40px);max-width:400px}
 .launch-date{gap:16px;margin-top:18px;padding-block:12px}.launch-date-day{font-size:66px}.launch-date-month{font-size:18px}
 .hero-slide.hero-slide-launch .hero-slider-copy{font-size:12px;line-height:1.6;margin-top:16px;max-width:400px}
 .hero-slide.hero-slide-launch .hero-slider-actions{display:flex;width:auto;justify-content:flex-start;margin:19px 0 0;gap:9px}
 .hero-slide-launch .hero-slider-primary,.hero-slide-launch .hero-slider-secondary{font-size:9px;padding-inline:14px;min-height:46px}
 .hero-slide-launch .hero-slider-meta{font-size:8px;margin-top:15px;letter-spacing:.05em}
 .launch-motion-toggle{right:18px;top:20px;bottom:auto;font-size:9px;padding:7px 9px}
 .hero-slider .hero-slider-arrow{top:35%}
}
@media(max-width:360px){.hero-slide.hero-slide-launch .hero-slide-content{width:calc(100% - 46px)}.hero-slide.hero-slide-launch h1{font-size:29px}.hero-slide-launch .hero-slider-meta{font-size:7px}}
@media(prefers-reduced-motion:reduce){.launch-film video{display:none}.launch-motion-toggle{display:none}.hero-slide-launch *{animation:none!important;transition:none!important}}

.launch-clock{font:600 10px/1.3 Inter,sans-serif;letter-spacing:.11em;color:#e4bd78;margin-top:2px}
@media(max-width:700px){.launch-clock{font-size:9px;letter-spacing:.04em}}

/* Layered transparent Dragon portrait */
.hero-slide-launch .launch-film{background:radial-gradient(ellipse at 75% 42%,#48200e55 0%,#0d0a0a 45%,#03050a 76%);z-index:-3}
.hero-slide-launch .hero-slide-scrim{background:linear-gradient(90deg,#03050a9c 0%,#03050a33 42%,transparent 68%);pointer-events:none}
.hero-slide-launch::after{background:none;pointer-events:none}
.launch-stage{position:absolute;inset:0;z-index:1;perspective:1200px;pointer-events:none;overflow:hidden}
.launch-character{position:absolute;top:25px;bottom:45px;left:52%;width:45%;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;will-change:transform;pointer-events:auto;outline:none}
.launch-character:focus-visible{outline:1px solid #d0a75a66;outline-offset:-5px}
.launch-character-float{width:100%;height:100%;display:flex;align-items:center;justify-content:center;animation:dragon-breathe 6s ease-in-out infinite;transform-style:preserve-3d}
.launch-character img{display:block;height:100%;width:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 26px 20px #0009);transform:translateZ(36px)}
.launch-ground-shadow{position:absolute;left:63%;right:8%;bottom:35px;height:35px;border-radius:50%;background:#000b;filter:blur(15px);transform:rotateX(30deg);opacity:.6}
.launch-aura{position:absolute;inset:6% 6% 11% 49%;background:radial-gradient(ellipse,#e2992526 0%,#a3481410 44%,transparent 69%);filter:blur(25px);animation:dragon-aura 5s ease-in-out infinite;transform:translate3d(var(--aura-x,0px),var(--aura-y,0px),0)}
.launch-sparks{position:absolute;inset:0;pointer-events:none}
.launch-sparks i{position:absolute;left:var(--spark-x);top:var(--spark-y);width:2px;height:2px;border-radius:50%;background:#ffdd92;box-shadow:0 0 9px #ffd074;animation:dragon-spark var(--spark-duration) ease-in-out infinite;animation-delay:var(--spark-delay);opacity:0}
.launch-sparks i:nth-child(4n){width:3px;height:3px;box-shadow:0 0 14px #ffdc89}
.hero-slide-launch .hero-slide-content{pointer-events:none}
.hero-slide-launch .hero-slide-content a{pointer-events:auto}
.hero-slide-launch.is-motion-paused .launch-stage *,.hero-slide-launch:not(.is-active) .launch-stage *{animation-play-state:paused!important}
@keyframes dragon-breathe{0%,100%{transform:translateY(0) rotateZ(-.3deg)}50%{transform:translateY(-7px) rotateZ(.3deg)}}
@keyframes dragon-aura{0%,100%{opacity:.65}50%{opacity:1}}
@keyframes dragon-spark{0%{transform:translate3d(0,15px,0) scale(.4);opacity:0}30%{opacity:.8}75%{opacity:.45}100%{transform:translate3d(12px,-48px,0) scale(.2);opacity:0}}
@media(min-width:1500px){.launch-character{left:53%;width:42%}}
@media(max-width:1100px) and (min-width:701px){.launch-character{left:51%;width:48%;top:60px;bottom:70px}.hero-slide.hero-slide-launch h1{max-width:460px}.hero-slide.hero-slide-launch .hero-slider-copy{max-width:390px}}
@media(max-width:700px){
 .hero-slider:has(.hero-slide-launch){min-height:870px}
 .hero-slide.hero-slide-launch .hero-slide-content{padding:355px 0 78px;width:calc(100% - 60px)}
 .launch-stage{overflow:hidden}
 .launch-character{left:12%;width:76%;top:12px;bottom:auto;height:340px}
 .launch-ground-shadow{left:23%;right:23%;bottom:auto;top:325px;height:20px}
 .launch-aura{inset:0 9% auto;height:360px}
 .hero-slide-launch .hero-slide-scrim{background:linear-gradient(0deg,#03050a 0%,#03050aee 53%,#03050a30 69%,transparent 88%)}
 .launch-motion-toggle{top:14px;right:12px;font-size:8px;max-width:125px}
 .launch-sparks{height:370px}
}
@media(prefers-reduced-motion:reduce){.launch-stage *{animation:none!important;transition:none!important}.launch-character{transform:none!important}}

.launch-character,.launch-character-float{transform-style:flat}.launch-character img{transform:none}


.hero-slide.hero-slide-launch{background:#090318}
.hero-slide-launch .launch-film{background:radial-gradient(ellipse at 48% 30%,#a528174d 0%,transparent 43%),radial-gradient(ellipse at 8% 36%,#5424be77 0%,transparent 50%),radial-gradient(ellipse at 93% 38%,#0956b766 0%,transparent 50%),linear-gradient(180deg,#16072e 0%,#110622 47%,#170711 74%,#080411 100%)}
.hero-slide-launch .hero-slide-scrim{background:linear-gradient(0deg,#080411 0%,#08041133 35%,transparent 60%);pointer-events:none}
.hero-slide-launch::after{background:linear-gradient(110deg,transparent 47%,#f9781714 50%,transparent 53%);box-shadow:inset 0 -2px #ffb22f,inset 0 1px #934adc88;pointer-events:none}
.launch-character{left:5%;width:90%;top:32px;bottom:auto;height:420px;transform-style:flat}
.launch-character-float{transform-style:flat}
.launch-character img{transform:none;filter:drop-shadow(0 20px 16px #0009)}
.launch-aura{inset:0 9% auto;height:460px;background:radial-gradient(ellipse at 48% 30%,#ff5b2738 0%,#ff8b1312 42%,transparent 72%);filter:blur(20px)}
.launch-ground-shadow{left:9%;right:9%;top:425px;bottom:auto;height:28px}
.hero-slide.hero-slide-launch .hero-slide-content{width:min(1200px,calc(100% - 130px));text-align:center;padding:445px 0 67px}
.hero-slide-launch .hero-launch-badge{display:inline-flex;border:1px solid #ffb22f;background:linear-gradient(110deg,#6a1f37,#35236b);color:#ffeec2;padding:7px 19px;margin:0 0 14px;font-size:10px;letter-spacing:.2em;box-shadow:0 0 24px #ff692f30,inset 0 0 18px #ffb62412}
.hero-slide-launch .hero-slider-eyebrow{display:none}
.hero-slide.hero-slide-launch h1{max-width:none;font-size:clamp(31px,3.9vw,52px);line-height:1.04;text-shadow:0 3px #481311,0 0 30px #b240203a;letter-spacing:-.035em}
.hero-slide-launch h1 br{display:none}
.hero-slide-launch h1 em{color:#ffcb46;background:linear-gradient(180deg,#fff6b5 0%,#ffd24a 40%,#ff8818 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 0 #7b2610) drop-shadow(0 0 18px #ff932f50)}
.launch-date{justify-content:center;gap:19px;width:fit-content;padding:10px 32px;margin:16px auto 0;border-color:#ffb94165;background:linear-gradient(90deg,transparent,#65243a44,transparent)}
.launch-date-day{font-size:72px;color:#ffe87e;text-shadow:0 0 23px #ffaf2940}
.launch-date-month{font-size:25px;color:#fff4d9;text-align:left;gap:5px;letter-spacing:.11em}
.launch-date-month strong{font-size:10px;color:#bda1d7}
.launch-clock{font-size:12px;font-weight:800;color:#ffca50;letter-spacing:.09em}
.hero-slide.hero-slide-launch .hero-slider-copy{max-width:780px;margin:16px auto 0;color:#efe8ff;font-size:13px;line-height:1.55}
.hero-slide-launch .hero-slider-copy br{display:none}
.hero-slide-launch .hero-slider-copy strong{color:#ffd16b}
.hero-slide.hero-slide-launch .hero-slider-actions{justify-content:center;margin-top:20px;gap:12px}
.hero-slide-launch .hero-slider-primary{background:linear-gradient(120deg,#fff17b,#ffbd2f 55%,#ff801e);color:#2a1004;border:1px solid #ffe58c;box-shadow:0 0 28px #ff9c2d55;min-height:49px;min-width:185px;font-size:11px}
.hero-slide-launch .hero-slider-secondary{background:linear-gradient(110deg,#4c186a,#142e68);border:1px solid #ad86e0;color:#fff1ff;min-height:49px;min-width:175px;font-size:11px;box-shadow:0 0 20px #8655c22b}
.hero-slide-launch .hero-slider-meta{color:#bc9ad5;margin-top:15px;font-size:9px}
.launch-motion-toggle{background:#171025ad;border:1px solid #bd803c;color:#ffdc98;top:15px;right:20px}
.launch-sparks{height:455px}
.launch-sparks i{box-shadow:0 0 12px #ff9139}
@media(max-width:1100px) and (min-width:701px){.launch-character{left:5%;width:90%;height:350px;top:35px}.hero-slide.hero-slide-launch .hero-slide-content{padding-top:390px}.hero-slide.hero-slide-launch h1{max-width:none;font-size:38px}.hero-slide.hero-slide-launch .hero-slider-copy{max-width:720px}.launch-ground-shadow{top:370px}}
@media(max-width:700px){
 .hero-slider:has(.hero-slide-launch){min-height:790px}
 .launch-character{left:2%;width:96%;height:235px;top:32px}
 .launch-aura{inset:0;height:280px}
 .launch-ground-shadow{top:244px;left:10%;right:10%;height:14px}
 .hero-slide.hero-slide-launch .hero-slide-content{width:calc(100% - 56px);padding:265px 0 73px;text-align:center}
 .hero-slide-launch .hero-launch-badge{font-size:8px;letter-spacing:.1em;padding:7px 10px;margin-bottom:17px}
 .hero-slide.hero-slide-launch h1{font-size:35px;max-width:none;line-height:1.07}
 .hero-slide-launch h1 br{display:block}
 .launch-date{margin:20px auto 0;padding:12px 13px;gap:15px}
 .launch-date-day{font-size:66px}.launch-date-month{font-size:20px}.launch-clock{font-size:10px;letter-spacing:.04em}
 .hero-slide.hero-slide-launch .hero-slider-copy{font-size:12px;line-height:1.6;margin-top:20px;max-width:400px}
 .hero-slide.hero-slide-launch .hero-slider-actions{display:flex;justify-content:center;gap:9px;margin:23px auto 0;width:100%}
 .hero-slide-launch .hero-slider-primary,.hero-slide-launch .hero-slider-secondary{min-width:0;min-height:46px;padding:0 13px;font-size:9px}
 .hero-slide-launch .hero-slider-meta{font-size:8px;letter-spacing:.03em;line-height:1.6}
 .launch-motion-toggle{top:8px;right:10px;font-size:8px;padding:5px 8px}
 .launch-sparks{height:280px}
 .hero-slider .hero-slider-arrow{top:26%}
}
@media(max-width:360px){.hero-slide.hero-slide-launch h1{font-size:30px}.launch-date-day{font-size:60px}.launch-date-month{font-size:18px}}


.hero-slide-launch .launch-film{background-color:#080411;background-image:linear-gradient(0deg,#080411 32%,#080411aa 53%,#09031822 83%),url("/assets/cinematic/fortress-background.webp");background-size:100% 100%,100% auto;background-position:center,center top;background-repeat:no-repeat}.launch-aura{opacity:.65}@media(max-width:700px){.hero-slide-launch .launch-film{background-size:100% 100%,auto 330px;background-position:center,center top}}
.hero-slide-launch .hero-slider-meta{display:none}

/* Visible season label between lineup and launch announcement */
.hero-slide-launch .hero-launch-badge.launch-season-tag{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:fit-content;margin:0 auto 8px;padding:7px 22px;background:linear-gradient(110deg,#49163ded,#272257ed);border-color:#ffc24d;box-shadow:0 0 22px #ff932f33}
.hero-slide-launch .hero-launch-badge.launch-season-tag span{display:block}
.launch-season-tag .launch-season-title{font:800 24px/1.1 Sora,sans-serif;letter-spacing:.09em;color:#ffe492;text-shadow:0 2px #6a230e,0 0 17px #ff9c3340}
.launch-season-tag .launch-season-title strong{font-size:29px;color:#fff1ae}
.launch-season-tag .launch-season-title b{font-weight:800;color:#ffc250}
.launch-season-tag .launch-season-kicker{font:700 8px/1.2 Inter,sans-serif;letter-spacing:.14em;color:#ead7f0}
.hero-slide-launch .launch-date{margin-top:12px}
.hero-slide.hero-slide-launch .hero-slider-copy{margin-top:12px}
.hero-slide.hero-slide-launch .hero-slider-actions{margin-top:14px}
@media(max-width:700px){
 .hero-slide-launch .hero-launch-badge.launch-season-tag{padding:8px 17px;margin-bottom:12px}
 .launch-season-tag .launch-season-title{font-size:22px}.launch-season-tag .launch-season-title strong{font-size:27px}
 .launch-season-tag .launch-season-kicker{font-size:7px;letter-spacing:.08em}
}

.hero-slide-launch .hero-launch-badge.launch-season-tag span{width:auto;height:auto;min-width:0;background:none;box-shadow:none;white-space:nowrap}

@media(min-width:1101px){.hero-slide-launch .launch-character{height:395px}}