/* Native wide films fill the same width as the blue introduction strip. */
.home-carousel{width:100%;height:auto;max-height:none;min-height:0;aspect-ratio:9/4;background:#fff;overflow:hidden;position:relative}
.home-carousel .film-slide{inset:0}
.home-carousel .film-slide video{width:100%;height:100%;object-fit:cover;object-position:center;background:#fff}
.film-selectors{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:flex;gap:16px;background:transparent;border:0;padding:0;border-radius:0;z-index:3}
.film-selectors button{min-height:46px;white-space:nowrap;padding:10px 18px;border:1px solid #173e875c;border-bottom:3px solid #173e875c;border-radius:3px;background:transparent;color:#173e87;font-size:14px;font-weight:600;text-shadow:0 1px 3px #fff,0 0 8px #ffffffed;transition:background .18s,color .18s,border-color .18s}
.film-selectors button[aria-pressed=true]{background:transparent;color:#173e87;border-bottom-color:#173e87;text-shadow:0 1px 3px #fff,0 0 8px #ffffffed}
.film-selectors button:hover,.film-selectors button:focus-visible{background:#ffffffde;border-color:#173e87;outline:2px solid transparent;outline-offset:3px}
.film-selectors button:focus-visible{outline-color:#173e87}
.home-carousel.controls-engaged .film-selectors button[aria-pressed=true],.film-selectors button:active{background:#173e87;color:#fff;border-color:#173e87;text-shadow:none}
.carousel-arrow{top:calc(50% - 27px);width:48px;height:54px;border:1px solid transparent;background:transparent;color:#173e87;text-shadow:0 1px 4px #fff;font-size:40px;transition:background .18s,border-color .18s}
.carousel-arrow:hover,.carousel-arrow:focus-visible{background:#ffffffdb;border-color:#173e874a}
.carousel-arrow:focus-visible{outline:2px solid #173e87;outline-offset:2px}
@media(max-width:760px){
 .home-carousel{aspect-ratio:4/3;height:auto;min-height:0;max-height:none}
 .home-carousel .film-slide{inset:0}
 .film-selectors{left:50%;transform:translateX(-50%);bottom:12px;gap:8px;width:max-content;max-width:calc(100% - 20px)}
 .film-selectors button{font-size:12px;padding:8px 11px;min-height:44px;min-width:0}
 .carousel-arrow{top:calc(50% - 24px);width:38px;height:48px;font-size:32px}
 .carousel-arrow.previous{left:6px}.carousel-arrow.next{right:6px}
}
@media(max-width:370px){.film-selectors{left:50%;gap:6px}.film-selectors button{font-size:11px;padding:8px 9px}.carousel-arrow{width:33px}}
@media(prefers-reduced-motion:reduce){.film-slide,.film-selectors button,.carousel-arrow{transition:none}}