.campaign{margin-top:18px;overflow:hidden;border:1px solid #374157;border-radius:20px;background:#171e2b}
.campaign-stage{position:relative;height:460px}
.campaign-slide{position:absolute;inset:0;display:flex;align-items:center;background-size:cover;background-position:center;opacity:0;pointer-events:none;transition:opacity .5s}
.campaign-slide.is-active{opacity:1;pointer-events:auto}
.campaign-slide:nth-child(2){background-image:linear-gradient(90deg,#101b39 0%,#101b39cc 28%,transparent 70%),url('/assets/campaign-neon.webp')}
.campaign-slide:nth-child(3){background-image:linear-gradient(90deg,#291611 0%,#291611cc 28%,transparent 70%),url('/assets/campaign-ember.webp')}
.campaign-slide:nth-child(4){background-image:linear-gradient(90deg,#0b2330 0%,#0b2330cc 28%,transparent 70%),url('/assets/campaign-tide.webp')}
.campaign-copy{display:grid;gap:22px;padding:0 6%;max-width:60%;color:white;text-shadow:0 3px 20px #050913aa}
.campaign-copy small{width:max-content;padding:8px 11px;border:1px solid #ffffff66;border-radius:30px;font-size:11px;font-weight:900;letter-spacing:.1em}
.campaign-copy strong{font-size:clamp(33px,5vw,74px);line-height:1.04;letter-spacing:-.05em;font-weight:900}
.campaign-copy>span{width:max-content;padding:12px 17px;border-radius:9px;background:#e9a424;color:#1d1820;font-size:13px;font-weight:900;text-shadow:none}
.campaign-copy>span i{margin-left:10px}
.campaign-tabs{display:grid;grid-template-columns:repeat(4,1fr);min-height:62px;background:#1c2434}
.campaign-tabs button{border:0;border-top:4px solid transparent;border-right:1px solid #344056;background:transparent;color:#a6b3c9;font-size:13px;font-weight:900;letter-spacing:.05em}
.campaign-tabs button:last-child{border-right:0}.campaign-tabs button.is-active{border-top-color:#efa829;background:#283856;color:white}
.promo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:23px}
.promo-card{min-height:110px;display:flex;align-items:center;gap:18px;padding:18px 24px;border:1px solid #43506b;border-radius:14px;background:linear-gradient(120deg,#2c2430,#161d2b);overflow:hidden}
.promo-card>i:first-child{display:grid;place-items:center;width:62px;height:62px;flex:none;border-radius:15px;background:#ffffff20;color:#fff;font-size:28px}
.promo-card span{display:grid;gap:4px;flex:1}.promo-card strong{font-size:17px}.promo-card small{color:#c5cbd5;font-size:12px}.promo-card>i:last-child{color:#aeb8cc}
.promo-pubg{background:linear-gradient(100deg,#473326,#22232e)}.promo-valorant{background:linear-gradient(100deg,#422738,#212334)}.promo-lol{background:linear-gradient(100deg,#443c2e,#222630)}.promo-mlbb{background:linear-gradient(100deg,#263c53,#202336)}
@media(max-width:760px){.campaign{width:100%;margin-top:0;border-radius:0;border-left:0;border-right:0}.campaign-stage{height:390px}.campaign-slide{background-position:64% center}.campaign-slide:nth-child(2){background-image:linear-gradient(90deg,#101b39d9 0%,#101b3988 48%,transparent 100%),url('/assets/campaign-neon.webp')}.campaign-slide:nth-child(3){background-image:linear-gradient(90deg,#291611db 0%,#29161188 48%,transparent 100%),url('/assets/campaign-ember.webp')}.campaign-slide:nth-child(4){background-image:linear-gradient(90deg,#0b2330db 0%,#0b233088 48%,transparent 100%),url('/assets/campaign-tide.webp')}.campaign-copy{padding:0 22px;max-width:80%;gap:14px}.campaign-copy strong{font-size:clamp(30px,8vw,52px)}.campaign-copy small{font-size:9px}.campaign-tabs{min-height:50px}.campaign-tabs button{font-size:9px}.promo-grid{gap:0;margin-top:18px;border:1px solid #3d4655;border-radius:13px;overflow:hidden}.promo-card{min-height:82px;padding:12px;gap:9px;border:0;border-right:1px solid #414958;border-bottom:1px solid #414958;border-radius:0}.promo-card>i:first-child{width:35px;height:35px;font-size:17px}.promo-card strong{font-size:11px;line-height:1.2}.promo-card small{font-size:9px}.promo-card>i:last-child{display:none}}
@media(max-width:380px){
  .campaign-copy{max-width:100%;width:100%}
  .campaign-copy strong{max-width:290px;font-size:clamp(25px,7.5vw,29px)}
  .campaign-copy>span{display:inline-flex;align-items:center;gap:8px;max-width:100%;width:fit-content;line-height:1.2}
  .campaign-copy>span i{margin-left:0;flex:none}
}

.campaign-slide.campaign-knight{background:radial-gradient(ellipse at 80% 40%,#91693455,transparent 55%),linear-gradient(120deg,#18171a,#31281e);overflow:hidden}.campaign-knight-mark{position:absolute;right:9%;font-size:clamp(100px,20vw,270px);line-height:1;font-weight:900;letter-spacing:-.09em;color:#d9ae5925;text-shadow:0 0 80px #d9ae591c}.campaign-knight .campaign-copy{position:relative;z-index:1}.campaign-knight .campaign-copy>span{background:#d9ae59}.campaign-tabs button{font-size:12px}@media(max-width:600px){.campaign-tabs button{font-size:9px;letter-spacing:0}.campaign-knight-mark{right:5%;font-size:130px}.campaign-knight .campaign-copy{max-width:80%}}

.campaign-slide.campaign-knight{background:#080f17}.campaign-knight-art{position:absolute;right:0;top:0;height:100%;width:auto;max-width:none;object-fit:contain}.campaign-knight:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080f17 20%,#080f17aa 42%,transparent 72%);pointer-events:none}.campaign-knight .campaign-copy{z-index:2}@media(max-width:760px){.campaign-knight-art{right:-40px}.campaign-knight:after{background:linear-gradient(90deg,#080f17c9 5%,#080f1780 45%,#080f1710 100%)}.campaign-knight .campaign-copy{max-width:85%}}
