@media (prefers-reduced-motion: no-preference) {
  html[data-motion-enabled] [data-hero-line] {
    opacity: 0;
    transform: translateY(2.8rem);
    clip-path: inset(0 0 100% 0);
  }

  html[data-motion-enabled] [data-hero-copy] > :not(h1) {
    opacity: 0;
    transform: translateY(1.25rem);
  }

  html[data-motion-enabled] [data-hero-visual] {
    opacity: 0;
    transform: translate3d(2.5rem, 1rem, 0) scale(0.965);
  }

  html[data-motion-enabled] [data-reveal] {
    opacity: 0;
    transform: translateY(2rem);
  }

  html[data-motion-enabled] [data-solution-hero-copy] > * {
    opacity: 0;
    transform: translateY(1.6rem);
  }

  html[data-motion-enabled] [data-solution-hero-visual] {
    opacity: 0;
    transform: translate3d(2rem, 0.75rem, 0) scale(0.975);
  }

  html[data-motion-enabled] [data-solution-reveal] {
    opacity: 0;
    transform: translateY(1.5rem);
  }
}