html.page-motion-enabled [data-page-motion] {
  opacity: 0;
  translate: 0 24px;
  transition: opacity .85s cubic-bezier(.2, .7, .2, 1), translate .85s cubic-bezier(.2, .7, .2, 1);
  transition-delay: var(--page-motion-delay, 0ms);
}

html.page-motion-enabled [data-page-motion].is-page-visible {
  opacity: 1;
  translate: 0 0;
}

html.page-motion-enabled .sub-hero-bg img,
html.page-motion-enabled .m-hero-img {
  scale: 1.08;
  transition: scale 2.4s cubic-bezier(.2, .6, .2, 1);
}

html.page-motion-enabled .sub-hero.is-page-visible .sub-hero-bg img,
html.page-motion-enabled .m-hero.is-page-visible .m-hero-img {
  scale: 1;
}

@media (prefers-reduced-motion: reduce) {
  html.page-motion-enabled [data-page-motion],
  html.page-motion-enabled .sub-hero-bg img,
  html.page-motion-enabled .m-hero-img {
    opacity: 1;
    translate: none;
    scale: none;
    transition: none;
  }
}