/* Fade between banners without image zoom. */
.hero-slider .hero-slide,.hero-slider .hero-slide.is-active{transform:none!important;transition:opacity .6s ease}
.hero-slider.is-captionless .hero-content{visibility:hidden;pointer-events:none}
.hero-slider.is-captionless::before,.hero-slider.is-captionless::after{display:none}
.hero-slider .hero-slide-full{background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#fff}
@media(min-width:921px){.hero-slider .hero-slide-full{ }}
@media(max-width:920px){.hero-slider .hero-slide-full .mobile-hero-image{object-fit:contain;object-position:center}.hero-slider.is-captionless .hero-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.hero-slider .hero-slide{transition:none}}

/* Match the first banner's 1920 × 850 proportions at full viewport width. */
.hero-slider .hero-slide-full{background-size:100% auto}
@media(min-width:921px){
 .hero.hero-slider.is-captionless{height:calc(100px + 100vw * 850 / 1920);min-height:0;max-height:none}
 .hero-slider.is-captionless .hero-grid{min-height:0}
}
@media(max-width:920px){
 .hero-slider.is-captionless .hero-media{width:100%;height:calc(100vw * 850 / 1920)}
 .hero-slider.is-captionless .hero-media .hero-slide{position:absolute;inset:0}
 .hero-slider .hero-slide-full .mobile-hero-image{width:100%;height:auto;display:block}
 .hero-slider.is-captionless>.container{position:absolute;inset:0;pointer-events:none}
 .hero-slider.is-captionless .hero-dots{pointer-events:auto}
}

@media(max-width:920px){.hero-slider .hero-dots{display:none!important}}

/* Separate the first mobile banner from the story section. */
@media(max-width:920px){.hero.hero-slider.is-captionless{padding-bottom:28px}}

/* Keep the whole first image below the fixed mobile header. */
@media(max-width:920px){.hero.hero-slider.is-captionless{padding-top:var(--home-header-height,88px)}.hero-slider.is-captionless .hero-media{height:auto;aspect-ratio:1920 / 850}.hero-slider .hero-slide-full .mobile-hero-image{width:100%;height:100%;object-fit:contain;object-position:top center}}

/* Hide slider controls on the caption-free first banner. */
.hero-slider.is-captionless .hero-dots{display:none!important}

/* Display the current artwork at its native proportions, without viewport-height enlargement. */
.hero.artwork-slider::before,.hero.artwork-slider::after{display:none}
.hero.artwork-slider .hero-slide{filter:none;transform:none!important;will-change:opacity;background-position:center;background-size:contain;background-repeat:no-repeat}
@media(min-width:921px){
 .hero.artwork-slider{height:calc(var(--home-header-height,100px) + 100vw * 850 / 1920);min-height:0;max-height:none;background:#fff}
 .hero.artwork-slider .hero-slide{top:var(--home-header-height,100px);bottom:0}
}