/* Home Page Animations Only - Replaces Webflow IX2 */

/* Fade in animation */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Slide up animation for work items */
@keyframes slideUp {
    from {
        opacity: 0;
        transform: translate3d(0, 80px, 0) skew(0, 5deg);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0) skew(0, 0);
    }
}

/* Override inline styles and animate elements with data-w-id */
[data-w-id="637a1cde-d9c2-4a82-8208-02f9e23f2a1a"],
[data-w-id="3a10adcd-c2b4-9c12-584e-16bd3c1cfe3e"],
[data-w-id="d5e196da-8a37-b1d7-4d17-2bb87af0af9f"] {
    animation: fadeIn 0.8s ease-out forwards !important;
    opacity: 0;
}

/* Stagger the animations */
[data-w-id="637a1cde-d9c2-4a82-8208-02f9e23f2a1a"] {
    animation-delay: 0.2s;
}

[data-w-id="3a10adcd-c2b4-9c12-584e-16bd3c1cfe3e"] {
    animation-delay: 0.4s;
}

[data-w-id="d5e196da-8a37-b1d7-4d17-2bb87af0af9f"] {
    animation-delay: 0.6s;
}

/* Work category items - override inline styles */
.feature-item.one,
.feature-item.two,
.feature-item.three {
    animation: slideUp 0.8s ease-out forwards !important;
    opacity: 0;
    transform: translate3d(0, 80px, 0) skew(0, 5deg);
}

.feature-item.one {
    animation-delay: 0.3s !important;
}

.feature-item.two {
    animation-delay: 0.5s !important;
}

.feature-item.three {
    animation-delay: 0.7s !important;
}

/* Light glow elements - subtle pulse */
@keyframes glowPulse {

    0%,
    100% {
        opacity: 0.5;
    }

    50% {
        opacity: 0.8;
    }
}

.light-glow {
    animation: glowPulse 3s ease-in-out infinite;
}