/* Hero slider */
.hero-slider{position:relative;min-height:clamp(650px,calc(100svh - 80px),860px);overflow:hidden;background:#070809;border-bottom:1px solid #493725}
.hero-slider-viewport{position:absolute;inset:0;overflow:hidden;touch-action:pan-y pinch-zoom}.hero-slides{display:flex;height:100%;backface-visibility:hidden}
.hero-slide{position:relative;flex:0 0 100%;min-width:0;height:100%;display:flex;align-items:center;isolation:isolate}
.hero-slide.is-active{z-index:2}
.hero-slide-bg{position:absolute;inset:0;z-index:-3;background-size:cover;background-position:center;transform:scale(1.025);transition:transform 7s ease}
.hero-slide-bg{transform:scale(1.04);transition:transform 5s cubic-bezier(.22,.61,.36,1)}
.hero-slide.is-active .hero-slide-bg{transform:scale(1.085)}
.hero-slide-bg-main{background-image:url('/assets/velkar-home-hero.jpg');background-position:center 38%}
.hero-slide-bg-arena{background-image:url('/assets/arena-duel.webp');background-position:center}
.hero-slide-bg-affiliates{background-image:url('/assets/v2/velkar-portal.webp');background-position:center 42%}
.hero-slide-scrim{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#06070918 0%,#0708095e 36%,#070809e8 100%),radial-gradient(circle at 50% 32%,transparent 0 24%,#0708097d 75%)}
.hero-slide-scrim-left{background:linear-gradient(90deg,#070809ef 0%,#070809d9 31%,#0708097a 56%,#07080942 72%,#0708098f 100%),linear-gradient(180deg,transparent 48%,#070809d9 100%)}
.hero-slide-content{position:relative;z-index:3;width:min(1100px,calc(100% - 120px));margin:0 auto;padding:78px 0 105px;text-align:center}
.hero-slide-content-left{width:min(1400px,calc(100% - 150px));text-align:left;padding-right:44%}
.hero-slider-eyebrow{margin:0 0 14px;color:#ffc174;font:800 11px/1.3 'Space Grotesk',sans-serif;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 2px 10px #000}
.hero-slide h1,.hero-slide h2{margin:0;color:#f7f3ed;font:800 clamp(40px,4.7vw,66px)/1.06 Sora,sans-serif;letter-spacing:-.045em;text-shadow:0 5px 25px #000}
.hero-slide h1 em,.hero-slide h2 em{display:inline-block;color:#ffc43d;font-style:normal;text-shadow:0 0 28px #f59e0b55}
.hero-slider-copy{max-width:760px;margin:21px auto 0;color:#ddd6ce;font:400 15px/1.68 Inter,sans-serif;text-shadow:0 2px 12px #000}
.hero-slide-content-left .hero-slider-copy{margin-left:0;max-width:650px}
.hero-slider-actions{display:flex;flex-wrap:wrap;gap:11px;justify-content:center;margin-top:28px}
.hero-slide-content-left .hero-slider-actions{justify-content:flex-start}
.hero-slider-primary,.hero-slider-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 22px;text-decoration:none;font:800 12px 'Space Grotesk',sans-serif;letter-spacing:.055em;transition:transform .2s,filter .2s,border-color .2s}
.hero-slider-primary{color:#261707;background:linear-gradient(110deg,#ffd084,#e49b43);border:1px solid #ffd596;box-shadow:0 0 24px #f59e0b3f}
.hero-slider-secondary{color:#eee5d9;background:#15171dd9;border:1px solid #7d6549;backdrop-filter:blur(8px)}
.hero-slider-primary:hover,.hero-slider-secondary:hover{transform:translateY(-2px);filter:brightness(1.1)}
.hero-slider-meta{margin:18px 0 0;color:#d6bd98;font:800 9px 'Space Grotesk',sans-serif;letter-spacing:.16em}
.hero-slider-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.hero-slider-pills span{padding:7px 9px;border:1px solid #8a6843;background:#17151cbd;color:#f0ca96;font:800 9px 'Space Grotesk',sans-serif;letter-spacing:.08em}
.hero-slider-arrow{position:absolute;z-index:6;top:50%;width:50px;height:50px;padding:0;border:1px solid #d29a5570;border-radius:50%;background:#0b0d12b8;transform:translateY(-50%);backdrop-filter:blur(8px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s,background .2s,transform .2s}
.hero-slider-arrow span{display:none}.hero-slider-arrow::before{content:'';display:block;width:12px;height:12px;border-top:2px solid #ffd08e;border-right:2px solid #ffd08e;transform-origin:center}
.hero-slider-prev::before{transform:rotate(-135deg);margin-left:4px}.hero-slider-next::before{transform:rotate(45deg);margin-right:4px}
.hero-slider-arrow:hover{border-color:#ffc174;background:#2a2016dc;transform:translateY(-50%) scale(1.06)}
.hero-slider-prev{left:24px}.hero-slider-next{right:24px}
.hero-slider-dots{position:absolute;z-index:7;left:50%;bottom:54px;display:flex;gap:9px;transform:translateX(-50%)}
.hero-slider-dots button{width:28px;height:3px;padding:0;border:0;background:#ffffff45;cursor:pointer;transition:background .2s,width .2s}
.hero-slider-dots button.is-active{width:44px;background:#ffc174}
.hero-slider .hero-prize-banner{margin-inline:auto}
@media(max-width:900px){.hero-slide-content-left{width:min(100% - 70px,800px);padding-right:18%}.hero-slider-arrow{width:42px;height:42px}.hero-slider-prev{left:14px}.hero-slider-next{right:14px}}
@media(max-width:700px){.hero-slider{min-height:690px}.hero-slide-bg-arena{background-position:58% center}.hero-slide-bg-affiliates{background-position:62% center}.hero-slide-scrim-left{background:linear-gradient(180deg,#0708098c 0%,#070809a8 33%,#070809ef 68%,#070809 100%)}.hero-slide-content,.hero-slide-content-left{width:calc(100% - 36px);padding:74px 0 95px;text-align:center}.hero-slide-content-left{padding-right:0}.hero-slide h1,.hero-slide h2{font-size:clamp(32px,9vw,45px)}.hero-slider-copy,.hero-slide-content-left .hero-slider-copy{max-width:520px;margin:18px auto 0;font-size:13px}.hero-slider-actions,.hero-slide-content-left .hero-slider-actions{justify-content:center;display:grid;grid-template-columns:1fr;width:min(100%,360px);margin:24px auto 0}.hero-slider-primary,.hero-slider-secondary{min-height:50px}.hero-slider-pills{justify-content:center}.hero-slider-arrow{top:50%;bottom:auto;width:40px;height:40px}.hero-slider-prev{left:18px}.hero-slider-next{right:18px}.hero-slider-dots{bottom:26px}.hero-slider .hero-prize-banner{min-width:0}.hero-slider .hero-prize-banner strong{font-size:clamp(26px,8vw,40px)}}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-slide-bg{transition:none}}

.hero-slide-content{transition:transform .9s cubic-bezier(.22,.61,.36,1) .14s,opacity .7s ease .14s;transform:translate3d(26px,0,0);opacity:.74}
.hero-slide.is-active .hero-slide-content{transform:translate3d(0,0,0);opacity:1}
@media(prefers-reduced-motion:reduce){
  .hero-slide,.hero-slide-content,.hero-slide-bg{transition-duration:.01ms!important}
}

/* Unified hero composition */
.hero-slide .hero-slide-content{width:min(1100px,calc(100% - 120px));margin-inline:auto;padding-left:0;padding-right:0;text-align:center}
.hero-slide .hero-slider-copy{margin-left:auto;margin-right:auto;max-width:760px}
.hero-slide .hero-slider-actions{justify-content:center}
.hero-slide .hero-slider-pills{justify-content:center}
@media(max-width:700px){
  .hero-slide .hero-slide-content{width:calc(100% - 36px)}
}

/* Official launch announcement */
.hero-launch-badge{display:inline-flex;align-items:center;gap:10px;margin:0 0 25px;padding:11px 17px;border:1px solid #ffc17480;background:#21160cbd;color:#ffe0a5;font:800 10px/1.4 'Space Grotesk',sans-serif;letter-spacing:.14em;box-shadow:0 0 35px #f59e0b22}
.hero-launch-badge span{width:7px;height:7px;border-radius:50%;background:#ffd084;box-shadow:0 0 12px #ffc174}
.hero-slide-launch h1{font-size:clamp(40px,5.1vw,72px)}
.hero-slide-launch h1 em{background:linear-gradient(100deg,#ffe6a7,#ffc43d 55%,#eea343);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-slide-launch .hero-slider-copy{max-width:670px;font-size:16px}
.hero-slide-launch .hero-slider-primary{box-shadow:0 0 38px #f59e0b55}
@media(max-width:700px){.hero-launch-badge{font-size:9px;letter-spacing:.08em;padding:10px 12px;margin-bottom:22px}.hero-slide-launch h1{font-size:clamp(30px,8.4vw,45px)}.hero-slide-launch .hero-slider-copy{font-size:14px}.hero-slide-launch .hero-slider-meta{line-height:1.7;letter-spacing:.08em}}

/* Brighter official launch campaign */
.hero-slide-launch .hero-slide-bg{filter:saturate(1.65) brightness(1.2) contrast(1.08);background-position:center 34%}
.hero-slide-launch .hero-slide-scrim{background:linear-gradient(180deg,#04091512 0%,#07081224 30%,#08081170 65%,#070809e8 100%),radial-gradient(ellipse at 50% 48%,#040712a3 0%,#07081260 36%,transparent 68%)}
.hero-slide-launch::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 8% 35%,#00cfff28,transparent 45%),radial-gradient(ellipse at 94% 52%,#ff650032,transparent 45%);box-shadow:inset 0 -2px #ffbc45}
.hero-slide-launch .hero-launch-badge{border-color:#61ecff;background:linear-gradient(110deg,#073e57e8,#0b1d3ae8);color:#a4f5ff;box-shadow:0 0 28px #00d5ff40,inset 0 0 20px #00d5ff12;font-size:11px}
.hero-slide-launch .hero-launch-badge span{background:#57eeff;box-shadow:0 0 14px #1fe5ff}
.hero-slide-launch .hero-slider-eyebrow{color:#fff2c0;letter-spacing:.22em}
.hero-slide-launch h1{color:#fff8e8;font-size:clamp(44px,5.6vw,78px);text-shadow:0 3px 0 #1b1020,0 8px 28px #000,0 0 32px #ffd58035}
.hero-slide-launch h1 em{background:linear-gradient(100deg,#fff1a8 0%,#ffe24d 35%,#ffb328 70%,#ff802f 100%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 3px 1px #3a1c05) drop-shadow(0 0 20px #ffb12460)}
.hero-slide-launch .hero-slider-copy{color:#fff4e5;font-size:17px;text-shadow:0 2px 8px #000,0 0 18px #000}
.hero-slide-launch .hero-slider-copy strong{color:#78efff;font-weight:700}
.hero-slide-launch .hero-slider-primary{background:linear-gradient(110deg,#fff08a,#ffca32 50%,#ff912f);color:#2a1505;border-color:#ffe9a0;min-height:58px;padding-inline:30px;font-size:13px;box-shadow:0 0 28px #ffb32470,0 6px 24px #0006}
.hero-slide-launch .hero-slider-secondary{border-color:#56dcec;color:#a8f6ff;background:#092332c9;box-shadow:0 0 18px #00d5ff20}
.hero-slide-launch .hero-slider-meta{color:#ffe3a7}
@media(max-width:700px){.hero-slide-launch h1{font-size:clamp(30px,8.6vw,47px)}.hero-slide-launch .hero-launch-badge{font-size:9px;letter-spacing:.08em}.hero-slide-launch .hero-slider-copy{font-size:14px}.hero-slide-launch .hero-slider-primary{min-height:52px}.hero-slide-launch .hero-slide-bg{filter:saturate(1.5) brightness(1.12) contrast(1.05)}}