/*
 * Scroll-reveal (reveal_controller). Elementen met [data-reveal-item] starten iets
 * naar beneden en transparant, en faden in zodra ze in beeld komen.
 * Uitsluitend actief als de gebruiker beweging toestaat; anders is alles gewoon
 * direct zichtbaar.
 */
@media (prefers-reduced-motion: no-preference) {
  .reveal-armed {
    opacity: 0;
    transform: translateY(1.5rem);
  }

  [data-reveal-item] {
    transition: opacity 0.7s ease, transform 0.7s ease;
  }

  .reveal-in {
    opacity: 1;
    transform: none;
  }
}