/* ==========================================================================
   DEKOWERK - Slow & Elegant Animations (Vanilla CSS3)
   ========================================================================== */

/* Fade In Up Reveal - Slow & Elegant */
.reveal-fade-up {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 1.1s cubic-bezier(0.16, 1, 0.3, 1), transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}

.reveal-fade-up.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Scale Reveal - Soft & Smooth */
.reveal-scale {
    opacity: 0;
    transform: scale(0.96);
    transition: opacity 1.1s cubic-bezier(0.16, 1, 0.3, 1), transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}

.reveal-scale.is-visible {
    opacity: 1;
    transform: scale(1);
}

/* Elegant Stagger Delays */
.delay-100 { transition-delay: 0.12s; }
.delay-200 { transition-delay: 0.24s; }
.delay-300 { transition-delay: 0.36s; }
.delay-400 { transition-delay: 0.48s; }
.delay-500 { transition-delay: 0.60s; }

/* Subtle Dusty Rose Pulse */
@keyframes rosePulse {
    0% { box-shadow: 0 0 0 0 rgba(195, 144, 134, 0.35); }
    70% { box-shadow: 0 0 0 16px rgba(195, 144, 134, 0); }
    100% { box-shadow: 0 0 0 0 rgba(195, 144, 134, 0); }
}

.pulse-gold, .pulse-rose {
    animation: rosePulse 3s infinite;
}