/* Custom Styles to complement Tailwind CSS */

html {
    scroll-behavior: smooth;
}

/* Custom Fade in Up Animation */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-up {
    animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    opacity: 0;
}

/* Ken Burns Effect for Hero Background */
@keyframes kenBurns {
    0% { transform: scale(1); }
    100% { transform: scale(1.1); }
}

.animate-ken-burns {
    animation: kenBurns 20s ease-out infinite alternate;
}

.animation-delay-200 {
    animation-delay: 0.2s;
}

.animation-delay-400 {
    animation-delay: 0.4s;
}

.animation-delay-600 {
    animation-delay: 0.6s;
}

/* Modal Open State - Prevent body scrolling */
body.modal-open {
    overflow: hidden;
}

/* Improve tap highlight on mobile */
a, button {
    -webkit-tap-highlight-color: transparent;
}