/* Featured business banner only: borders fit current 1983x793 artwork.
   Preserve original 2048:682 banner-space height while reducing width. */
html body.home-page .hero .twitch-ad-banner:has(> .hero-special-banner) {
  container-type:inline-size;
  align-items:flex-start!important;
}
html body.home-page .hero .twitch-ad-banner > .hero-special-banner {
  box-sizing:border-box!important;
  width:83.3%!important;max-width:100%!important;
  aspect-ratio:1983/793!important;
  align-self:flex-start!important;
  animation:arlBusinessBannerSideToSide 16s ease-in-out infinite alternate;
  will-change:transform;
}
@supports(width:1cqw){
 html body.home-page .hero .twitch-ad-banner > .hero-special-banner {
   height:calc(100cqw * 682 / 2048)!important;
   width:calc((100cqw * 682 / 2048 - 2px) * 1983 / 793 + 2px)!important;
   aspect-ratio:auto!important;
 }
}
html body.home-page .hero .twitch-ad-banner > .hero-special-banner > img {
  display:block;width:100%!important;height:100%!important;
  aspect-ratio:auto!important;object-fit:contain!important;
}
@keyframes arlBusinessBannerSideToSide {
 from{transform:translateX(0);}
 to{transform:translateX(calc(100cqw - 100%));}
}
html body.home-page .hero .twitch-ad-banner > .hero-special-banner:is(:hover,:focus-visible){animation-play-state:paused;}
@media(prefers-reduced-motion:reduce){
 html body.home-page .hero .twitch-ad-banner > .hero-special-banner {animation:none;}
}