/* style.css */
/* Remove old vanilla styles, keep custom animations */

.hero-zoom {
    animation: zoom 20s infinite alternate linear;
}

@keyframes zoom {
    0% { transform: scale(1); }
    100% { transform: scale(1.15); }
}

/* Reveal Animations */
.reveal-section {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 1.2s cubic-bezier(0.5, 0, 0, 1), transform 1.2s cubic-bezier(0.5, 0, 0, 1);
    will-change: opacity, transform, visibility;
}

.reveal-section.is-visible {
    opacity: 1;
    transform: none;
}

.fade-in-up {
    animation: fadeInUp 1.5s cubic-bezier(0.5, 0, 0, 1) forwards;
    opacity: 0;
    transform: translateY(30px);
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: none;
    }
}

/* Lightbox Image Animation */
#lightbox-img.is-loaded {
    transform: scale(1);
    opacity: 1;
}