/* IEM shares the first esports banner's responsive title typography. */
.hero-carousel .hero-iem{background:#141619}
.hero-carousel .hero-iem-image{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 40%;-webkit-mask-image:none;mask-image:none;transform:none;z-index:0}
.hero-iem-shade{display:block;position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#07132366 0%,#07132351 28%,#07132329 45%,transparent 68%),linear-gradient(0deg,#07132345,transparent 25%)}
.hero-iem-shade::before{content:"";position:absolute;inset:0 auto 0 0;width:64%;-webkit-backdrop-filter:blur(1.25px);backdrop-filter:blur(1.25px);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 58%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 58%,transparent 100%)}
.hero-carousel .hero-iem>.hero-grid{display:flex;align-items:center;justify-content:flex-start;position:relative;z-index:2;direction:ltr}
.hero-carousel .hero-iem-copy{width:100%;max-width:690px;padding-block:15px;transform:translateY(24px);text-shadow:0 2px 8px #020710b3}
.hero-carousel .hero-iem .hero-iem-title{color:#fffdf6}
.hero-carousel .hero-iem .hero-iem-title em{color:var(--red-light)}
.hero-carousel .hero-iem .eyebrow{color:var(--red-light);text-shadow:0 1px 3px #000,0 2px 7px #071323}
.hero-carousel .hero-iem .eyebrow:before{background:currentColor}
.hero-carousel .hero-iem .hero-description{max-width:470px;color:#fff;font-size:16px;line-height:1.85;margin:26px 0 24px;text-wrap:pretty;text-shadow:0 1px 3px #000,0 2px 7px #071323}
html[dir="rtl"] .hero-carousel .hero-iem>.hero-grid{direction:ltr}
html[dir="rtl"] .hero-carousel .hero-iem-copy{direction:rtl;text-align:right}
@media(max-width:1100px){
 .hero-carousel .hero-iem-copy{max-width:570px}
 .hero-carousel .hero-iem .hero-description{font-size:15px;max-width:430px}
}
@media(max-width:800px){
 .hero-iem-shade{background:linear-gradient(180deg,transparent 0%,#0713231a 36%,#07132351 58%,#07132366 80%,#07132355 100%)}
 .hero-iem-shade::before{inset:auto 0 0;width:100%;height:76%;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 35%,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 35%,#000 80%,transparent 100%)}
 .hero-carousel .hero-iem-image{inset:0;width:100%;height:100%;object-fit:cover;object-position:10% center}
 .hero-carousel .hero-iem>.hero-grid{align-items:flex-end;padding-top:90px;padding-bottom:110px;min-height:650px}
 .hero-carousel .hero-iem-copy{width:100%;max-width:540px;padding:0;transform:none}
 .hero-carousel .hero-iem .eyebrow{margin-bottom:20px}
 .hero-carousel .hero-iem .hero-description{font-size:16px;max-width:430px}
}
@media(max-width:520px){
 .hero-carousel .hero-iem-copy{max-width:100%}
 .hero-carousel .hero-iem .eyebrow{margin-bottom:22px}
 .hero-carousel .hero-iem .hero-description{font-size:14px;line-height:1.8;margin:20px 0 18px;max-width:350px}
}
@media(max-width:360px){
 .hero-carousel-controls{gap:12px}
 .hero-carousel-pages{gap:12px}
 .hero-carousel-page{gap:6px}
 .hero-carousel-page i{width:22px}
}