/* Christmas Lane - Animation Styles */
.tracking-in-contract-bck {
    animation: tracking-in-contract-bck 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}

@keyframes tracking-in-contract-bck {
    0% {
        letter-spacing: 1em;
        transform: translateZ(400px);
        opacity: 0;
    }
    40% {
        opacity: 0.6;
    }
    100% {
        transform: translateZ(0);
        opacity: 1;
    }
}

.fade-in-fwd {
    animation: fade-in-fwd 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@keyframes fade-in-fwd {
    0% {
        transform: translateZ(-80px);
        opacity: 0;
    }
    100% {
        transform: translateZ(0);
        opacity: 1;
    }
}

.fade-in-bottom {
    animation: fadeInUpSmooth 0.65s cubic-bezier(0.16, 1, 0.3, 1) both;
}

@keyframes fadeInUpSmooth {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.hero-entrance {
    animation: heroEntrance 0.75s cubic-bezier(0.16, 1, 0.3, 1) both;
}

@keyframes heroEntrance {
    0% {
        opacity: 0;
        transform: translateY(25px) scale(0.97);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.pulse-festive {
    animation: festivePulse 2.5s infinite ease-in-out;
}

@keyframes festivePulse {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 4px 15px rgba(217, 74, 56, 0.35);
    }
    50% {
        transform: scale(1.03);
        box-shadow: 0 8px 25px rgba(217, 74, 56, 0.6);
    }
}