/* Honor the system preference across CSS motion and arrival effects. */
html[data-motion-paused] { scroll-behavior:auto; }
html[data-motion-paused] *,html[data-motion-paused] *::before,html[data-motion-paused] *::after {
  animation-play-state:paused!important; transition:none!important;
}
/* Pausing during arrival must not strand content in an invisible frame. */
html[data-motion-paused] .reveal,html[data-motion-paused] .hero-copy {
  animation:none!important; opacity:1!important; transform:none!important;
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none!important; transition:none!important; }
  .reveal,.hero-copy { opacity:1!important; transform:none!important; }
}