/* Shared behavior for brand and page heroes, independent of theme design. */
.home-hero__slide, .page-hero__slide {
  position: absolute;
  inset: 0;
  margin: 0;
  opacity: 0;
  transition: opacity var(--hero-transition-duration, 800ms) ease;
}
.home-hero__slide img, .page-hero__slide img { width: 100%; height: 100%; object-fit: cover; }
.home-hero__slide.is-active, .page-hero__slide.is-active { z-index: 1; opacity: 1; }
.home-hero[data-animation="slide"] .home-hero__slide,
.page-hero[data-animation="slide"] .page-hero__slide {
  opacity: 1;
  transform: translateX(100%);
  transition: transform var(--hero-transition-duration, 800ms) cubic-bezier(.65, 0, .35, 1);
}
.home-hero[data-animation="slide"] .home-hero__slide.is-active,
.page-hero[data-animation="slide"] .page-hero__slide.is-active { transform: translateX(0); }
.home-hero[data-animation="none"] .home-hero__slide,
.page-hero[data-animation="none"] .page-hero__slide { transition: none; }