/* ========================================
   Animations - Keyframes & Animation Classes
   ======================================== */

@keyframes float {
    0%, 100% { transform: translateY(0) rotate(0); }
    50% { transform: translateY(-12px) rotate(1deg); }
}
@keyframes floatReverse {
    0%, 100% { transform: translateY(0) rotate(0); }
    50% { transform: translateY(10px) rotate(-1.5deg); }
}
.float-anim { animation: float 6s ease-in-out infinite; }
.float-anim-delay { animation: float 7s ease-in-out infinite; animation-delay: 1s; }
.float-anim-reverse { animation: floatReverse 8s ease-in-out infinite; animation-delay: 2s; }

@keyframes fadeUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}
.fade-up { animation: fadeUp 0.8s ease-out forwards; }
.delay-1 { animation-delay: 0.1s; opacity: 0; }
.delay-2 { animation-delay: 0.2s; opacity: 0; }
.delay-3 { animation-delay: 0.3s; opacity: 0; }
.delay-4 { animation-delay: 0.4s; opacity: 0; }

.reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }

@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}