/* ============================================
   Animation Initial States (GSAP handles reveal)
   ============================================ */

/* Elements with .reveal start invisible - GSAP animates them in */
.reveal {
  opacity: 0;
  transform: translateY(30px);
}

.reveal-left {
  opacity: 0;
  transform: translateX(-30px);
}

.reveal-right {
  opacity: 0;
  transform: translateX(30px);
}

/* Stagger parent - children animated by GSAP */
.stagger-children > * {
  opacity: 0;
  transform: translateY(20px);
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
  .reveal,
  .reveal-left,
  .reveal-right,
  .stagger-children > * {
    opacity: 1;
    transform: none;
  }
}