/* PREMIUM CINEMATIC ANIMATIONS */

/* 1. Fade Up Reveal */
.reveal-up {
  opacity: 0;
  transform: translateY(40px);
}

/* 2. Soft Zoom In */
.reveal-zoom {
  opacity: 0;
  transform: scale(0.95);
}

/* 3. Blur Reveal */
.reveal-blur {
  opacity: 0;
  filter: blur(15px);
  transform: translateY(20px);
}

/* 4. Simple Opacity Fade */
.reveal-fade {
  opacity: 0;
}

/* 5. Staggered Container (Parent) */
.reveal-stagger > * {
  opacity: 0;
  transform: translateY(30px);
}

/* 6. Ambient Float Animation */
.ambient-float {
  animation: ambientFloat 8s ease-in-out infinite;
}

@keyframes ambientFloat {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-20px) rotate(2deg); }
}

/* 7. Scale Fade */
.reveal-scale {
  opacity: 0;
  transform: scale(1.05);
}

/* 8. Text Reveal (Cinematic Line) */
.text-reveal-line {
  overflow: hidden;
  display: block;
}

.text-reveal-line span {
  display: block;
  transform: translateY(100%);
  opacity: 0;
}

/* 9. Parallax Layer Reveal */
.parallax-reveal {
  opacity: 0;
  transform: translateY(60px);
}

/* 10. Slow Cinematic Fade */
.reveal-slow {
  opacity: 0;
}

/* Cubic Bezier for Premium Easing */
.cinematic-ease {
  transition-timing-function: cubic-bezier(0.2, 0, 0.2, 1);
}