/* Crossfade overlapping banners without hiding the slider between frames. */
.image-hero{display:grid;grid-template-columns:minmax(0,1fr);position:relative;overflow:hidden;background:#fff}
.image-hero .image-banner,.image-hero .image-banner[hidden]{display:block;grid-area:1 / 1;align-self:start;width:100%;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 1000ms ease-in-out,visibility 0s linear 1000ms;animation:none;z-index:0}
.image-hero .image-banner.is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity 1000ms ease-in-out,visibility 0s;z-index:1}
.image-hero .banner-image-link img{width:100%;aspect-ratio:8 / 3;object-fit:cover;display:block}
.image-hero .hero-arrow,.image-hero .hero-navigation{z-index:4}
@media(prefers-reduced-motion:reduce){.image-hero .image-banner,.image-hero .image-banner.is-active{transition:none}}