/* HOTEL-ANIMATION.CSS - Cinematic & Interface Animations */

/* Ken Burns slow scaling effect */
@keyframes kenburns {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.12);
    }
}

.kenburns-active {
    animation: kenburns 8s linear infinite alternate;
}

/* Stagger text animations for hero slides */
.hero-stagger-item {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s cubic-bezier(0.25, 0.8, 0.25, 1), transform 1s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.hotel-hero-slide.active .hero-stagger-item {
    opacity: 1;
    transform: translateY(0);
}
.hotel-hero-slide.active .hero-stagger-item:nth-child(1) { transition-delay: 0.2s; }
.hotel-hero-slide.active .hero-stagger-item:nth-child(2) { transition-delay: 0.4s; }
.hotel-hero-slide.active .hero-stagger-item:nth-child(3) { transition-delay: 0.6s; }
.hotel-hero-slide.active .hero-stagger-item:nth-child(4) { transition-delay: 0.8s; }

/* Pulse animation for icons or labels */
@keyframes goldGlow {
    0% {
        box-shadow: 0 0 0 0 rgba(201, 162, 39, 0.4);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(201, 162, 39, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(201, 162, 39, 0);
    }
}
.pulse-glow-gold {
    animation: goldGlow 2s infinite;
}

/* Scroll Progress Bar at the top of viewport */
.scroll-progress-line {
    position: fixed;
    top: 0; left: 0;
    height: 4px;
    background-color: var(--hotel-gold);
    z-index: 10000;
    width: 0%;
}