/* Let the active banner's natural proportions set the slider height. */
.hero-slider{height:auto;min-height:0}
.hero-slides{position:relative;inset:auto}
.hero-slide{display:block;background:none;transform:none}
.hero-slide.active{position:relative;inset:auto}
.hero-banner,.hero-banner-image{display:block;width:100%}
.hero-banner-image{height:auto;object-fit:contain}
.hero-slide .hero-video{position:relative;display:block;height:auto;aspect-ratio:16/9;object-fit:contain}
.hero-slide .hero-mobile-image{display:none}
.hero-slide .hero-content{position:absolute;inset:0;justify-content:center;margin-inline:auto;padding:32px 0 70px}
.hero-slide:after{display:none}
@media(max-width:800px){
 .hero-slide .hero-content{display:none}
 .hero-slide .hero-desktop-video{display:none}
 .hero-slide .hero-mobile-image{display:block}
 .hero-slide .hero-content h1,.hero-slide .hero-content h2{font-size:clamp(20px,5vw,32px)}
 .hero-slide .hero-content p{font-size:13px;line-height:1.7}
}