/* ============================================
   THE HAIR LOFT — Animations
   ============================================ */

/* All animation initial states are set by GSAP .from() in JS.
   If GSAP doesn't load, elements stay visible at their natural CSS state.
   No CSS opacity:0 initial states — that pattern caused invisible content
   when GSAP had loading delays. */

/* Reduced motion: skip all animations and transitions */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}