.ad-hero-slider { height: min(700px, 76vw); min-height: 520px; overflow: hidden; position: relative; }
.ad-hero-slider::after { background: linear-gradient(0deg,rgba(18,18,18,.92) 0%,rgba(18,18,18,.25) 58%,rgba(18,18,18,.55) 100%); content:""; inset:0; position:absolute; z-index:1; }
.ad-hero-slider__slide { background-position:center; background-size:cover; inset:0; opacity:0; position:absolute; transform:scale(1.06); transition: opacity 1s ease, transform 6s ease; }.ad-hero-slider__slide.is-active { opacity:1; transform:scale(1); }
.ad-hero-slider__progress { background: var(--ad-primary, #e9021e); bottom: 0; height: 4px; left: 0; position: absolute; width: 100%; z-index: 2; }
@media (prefers-reduced-motion: reduce) { .ad-hero-slider__slide { transition: none; transform: none; } }