/* =============================================
   SCROLL ANIMATIONS
   Slide-in animations triggered on scroll
   ============================================= */

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Applied by JavaScript when elements are in viewport */
.animate-slide-in-up {
  animation: slideInUp 0.6s ease-out forwards;
}