/* =========================================================================
   animations.css — Scroll-Reveal und Reduced-Motion-Regeln
   ========================================================================= */

.reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .7s ease, transform .7s ease;
}
.reveal.is-visible { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .reveal, .reveal.is-visible { opacity: 1; transform: none; transition: none; }
  .header-bar { transition: none; }
  .button:hover { transform: none; }
}