/* ================================
   Hero Section Styles
================================ */

/* Keyframe Animations */
@keyframes background-cycle {
    0% { opacity: 0; transform: scale(1); }
    25% { opacity: 1; transform: scale(1.05); }
    50% { opacity: 0; transform: scale(1.1); }
    100% { opacity: 0; transform: scale(1); }
}

@keyframes slide-up {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

/* Animation Classes */
.animate-fade-in {
    animation: fadeIn 1s ease-in;
}

#hero-img-1 {
    animation: background-cycle 15s infinite;
}

#hero-img-2 {
    animation: background-cycle 15s infinite 5s;
}

#hero-img-3 {
    animation: background-cycle 15s infinite 10s;
}

.animate-slide-up {
    animation: slide-up 0.8s ease-out;
}

.animate-slide-up-delayed {
    animation: slide-up 0.8s ease-out 0.3s forwards;
}

.animate-pulse {
    animation: pulse 2s infinite;
}