/* Responsive media: preserve the full frame rather than forcing 700px height. */
.video-hero{height:auto!important;min-height:0!important;max-height:none;aspect-ratio:auto}
.video-hero .hero-film{position:relative;inset:auto;display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;z-index:0}
.video-hero .hero-fade{z-index:1;pointer-events:none}
.campaign-carousel .carousel-viewport{height:clamp(520px,36.458333vw,700px);transition:height .3s ease}
.campaign-carousel.active-artwork .carousel-viewport{height:auto;aspect-ratio:var(--active-banner-ratio,96/35)}
.campaign-carousel .carousel-track{height:100%;align-items:stretch}
.campaign-carousel .campaign-banner{height:100%!important;min-height:0!important;max-height:none;aspect-ratio:auto;align-self:stretch}
.campaign-carousel .banner-grid,.campaign-carousel .banner-car .banner-grid{height:100%;min-height:0;max-height:none}
.campaign-carousel .banner-artwork :is(.uploaded-banner,picture,img,video){display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:contain}
.uploaded-video{background:#a10f2d}
@media(min-width:701px){
 body[data-page="win-a-car"] #app{height:auto!important;min-height:0!important;max-height:none;aspect-ratio:auto}
 body[data-page="win-a-car"] #app>.app-grid{height:auto;min-height:clamp(500px,36.458333vw,700px);max-height:none}
}
.footer-background img{object-fit:contain}
.live-draw-hero{height:auto;min-height:0;max-height:none;aspect-ratio:auto}
.live-draw-hero .live-draw-artwork{position:relative;inset:auto;display:block}
.live-draw-hero .live-draw-artwork img{width:100%;height:auto;object-fit:contain}
@media(max-width:700px){
 .video-hero .hero-film{width:100%;height:auto;aspect-ratio:auto 5/6}
 .campaign-carousel .carousel-viewport{height:auto;aspect-ratio:5/6}
 .campaign-carousel.active-artwork .carousel-viewport{aspect-ratio:var(--active-banner-ratio,5/6)}
}
@media(prefers-reduced-motion:reduce){.campaign-carousel .carousel-viewport{transition:none}}