/* ============================================
   ANIMATIONS — leonmagara.com
   GSAP-related base classes & scroll states
   ============================================ */

/* --- Scroll-triggered initial states --- */
.animate-on-scroll {
  opacity: 0;
  transform: translateY(30px);
}

.animate-fade {
  opacity: 0;
}

/* --- Active state (applied by GSAP) --- */
.animate-active {
  opacity: 1;
  transform: none;
}

/* --- Stagger children helper --- */
.stagger-children > * {
  opacity: 0;
  transform: translateY(30px);
}

/* --- Reduced motion preference --- */
@media (prefers-reduced-motion: reduce) {
  .animate-on-scroll,
  .animate-fade,
  .stagger-children > * {
    opacity: 1;
    transform: none;
  }
}

* { opacity: 1 !important; visibility: visible !important; transform: none !important; clip-path: none !important; }