/* ==============================================
   CSS Animations Replacement
   ============================================== */

/* Fade-in Animation */
[data-aos="fade-up"], 
[data-aos="fade-down"], 
[data-aos="fade-right"], 
[data-aos="fade-left"],
[data-aos="zoom-in"] {
  opacity: 0;
  transition: opacity 0.8s ease, transform 0.8s ease;
}

/* Fade-up Animation */
[data-aos="fade-up"] {
  transform: translateY(30px);
}

/* Fade-down Animation */
[data-aos="fade-down"] {
  transform: translateY(-30px);
}

/* Fade-right Animation */
[data-aos="fade-right"] {
  transform: translateX(-30px);
}

/* Fade-left Animation */
[data-aos="fade-left"] {
  transform: translateX(30px);
}

/* Zoom-in Animation */
[data-aos="zoom-in"] {
  transform: scale(0.9);
}

/* Active state when element is in view */
[data-aos].aos-animate {
  opacity: 1;
  transform: translate(0) scale(1);
}

/* Delayed Animations */
[data-aos-delay="100"] { transition-delay: 100ms; }
[data-aos-delay="200"] { transition-delay: 200ms; }
[data-aos-delay="300"] { transition-delay: 300ms; }
[data-aos-delay="400"] { transition-delay: 400ms; }
[data-aos-delay="500"] { transition-delay: 500ms; }

/* ==============================================
   Intersection Observer for Animation Trigger
   ============================================== */