/* Image and copy move on their own layers, leaving scroll parallax on parents. */
#nz-cat-hero.catalog-hero-ready .splide__slide {
  opacity: 0;
  pointer-events: none;
  z-index: 0;
}
#nz-cat-hero.catalog-hero-ready .splide__slide:is(.is-presented, .is-leaving) {
  opacity: 1;
}
#nz-cat-hero.catalog-hero-ready .splide__slide.is-presented {
  pointer-events: auto;
  z-index: 1;
}
#nz-cat-hero.catalog-hero-ready .nz-cat-slide-media img {
  opacity: 0;
  transform: translate3d(38px, 0, 0) scale(.97);
  transition: opacity 420ms ease, transform 580ms cubic-bezier(.22, 1, .36, 1);
}
#nz-cat-hero.catalog-hero-ready .nz-cat-slide-body > * {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 280ms ease, transform 450ms cubic-bezier(.22, 1, .36, 1);
}
#nz-cat-hero.catalog-hero-ready .is-presented .nz-cat-slide-media img,
#nz-cat-hero.catalog-hero-ready .is-presented .nz-cat-slide-body > * {
  opacity: 1;
  transform: none;
}
#nz-cat-hero.catalog-hero-ready .is-presented .nz-cat-slide-title { transition-delay: 120ms; }
#nz-cat-hero.catalog-hero-ready .is-presented .nz-cat-slide-desc { transition-delay: 160ms; }
#nz-cat-hero.catalog-hero-ready .is-presented .nz-cat-hero-btn { transition-delay: 200ms; }
#nz-cat-hero.catalog-hero-ready .is-leaving .nz-cat-slide-media img {
  transform: translate3d(-22px, 0, 0) scale(.99);
  transition-duration: 230ms;
}
#nz-cat-hero.catalog-hero-ready .is-leaving .nz-cat-slide-body > * {
  transform: translateY(-10px);
  transition-duration: 100ms;
}
@media (prefers-reduced-motion: reduce) {
  #nz-cat-hero.catalog-hero-ready .nz-cat-slide-media img,
  #nz-cat-hero.catalog-hero-ready .nz-cat-slide-body > * {
    transform: none;
    transition: none;
  }
}