@media (prefers-reduced-motion: no-preference) {
  html.page-motion-ready .page-motion-item {
    opacity: 0;
    transform: translate3d(0, 26px, 0);
    transition:
      opacity 820ms ease,
      transform 820ms cubic-bezier(0.22, 1, 0.36, 1),
      clip-path 980ms cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: var(--page-motion-delay, 0ms);
    will-change: opacity, transform;
  }

  html.page-motion-ready .page-motion-hero {
    transform: translate3d(0, 18px, 0);
    transition-duration: 920ms;
  }

  html.page-motion-ready .page-motion-image {
    clip-path: inset(0 0 14% 0);
    transform: scale(1.025);
    transition-duration: 1050ms;
    transform-origin: center;
  }

  html.page-motion-ready .about-portrait-band.page-motion-item {
    clip-path: inset(0 9% 0 0);
    transform: translate3d(-18px, 0, 0) scale(1.018);
  }

  html.page-motion-ready .about-main-copy > .page-motion-item,
  html.page-motion-ready .about-final-cta.page-motion-item {
    transform: translate3d(18px, 0, 0);
  }

  html.page-motion-ready .about-reflection-grid > .page-motion-item,
  html.page-motion-ready .about-principle.page-motion-item,
  html.page-motion-ready .about-credentials-panel.page-motion-item,
  html.page-motion-ready #path-list > .page-motion-item,
  html.page-motion-ready .about-education-groups > .page-motion-item,
  html.page-motion-ready #areas-list > .page-motion-item {
    transform: translate3d(0, 18px, 0);
  }

  html.page-motion-ready .service-hero__intro > .page-motion-item,
  html.page-motion-ready .service-hero__fact.page-motion-item,
  html.page-motion-ready .service-hero__actions.page-motion-item {
    transform: translate3d(0, 16px, 0);
  }

  html.page-motion-ready .service-hero__media.page-motion-item {
    clip-path: inset(0 0 12% 0);
    transform: scale(1.018);
    transform-origin: center;
  }

  html.page-motion-ready .page-motion-item.is-visible {
    opacity: 1;
    transform: none;
    clip-path: inset(0);
    will-change: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-motion-item {
    opacity: 1 !important;
    transform: none !important;
    clip-path: none !important;
    transition: none !important;
  }
}