/* =========================================
   Animations & Micro-interactions
   ========================================= */

/* Reveal Animations on Scroll */
.reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);
}

.reveal.active {
  opacity: 1;
  transform: translateY(0);
}

.reveal.fade-left {
  transform: translateX(-50px);
}
.reveal.fade-left.active {
  transform: translateX(0);
}

.reveal.fade-right {
  transform: translateX(50px);
}
.reveal.fade-right.active {
  transform: translateX(0);
}

.reveal.scale-up {
  transform: scale(0.9);
}
.reveal.scale-up.active {
  transform: scale(1);
}

/* Staggered Children */
.stagger-1 { transition-delay: 0.1s; }
.stagger-2 { transition-delay: 0.2s; }
.stagger-3 { transition-delay: 0.3s; }
.stagger-4 { transition-delay: 0.4s; }

/* Interactive elements */
.hover-lift {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.hover-lift:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow-lg);
}

.hover-glow:hover {
  box-shadow: 0 0 15px rgba(252, 163, 17, 0.5);
}