/* Subtle, purposeful motion only. Everything is disabled for users who prefer reduced motion. */

/* Scroll reveal. Applies only once JS has added `.js`, so content is never hidden without JavaScript. */
.js .sm-reveal { opacity: 0; transform: translateY(18px); transition: opacity 0.6s var(--sm-ease), transform 0.6s var(--sm-ease); transition-delay: var(--d, 0ms); }
.js .sm-reveal.is-in { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition-duration: 0.01ms !important; transition-delay: 0ms !important; }
  .js .sm-reveal { opacity: 1; transform: none; }
}
