/**
 * Technologies marquee — universal override (loads after Vite bundle).
 * Ensures animation on all devices, OS settings, and pointer types.
 */

@-webkit-keyframes pf-marquee {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }
}

@keyframes pf-marquee {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(-50%, 0, 0);
    }
}

.portfolio .pf-marquee-track {
    -webkit-animation: pf-marquee 38s linear infinite !important;
    animation: pf-marquee 38s linear infinite !important;
    -webkit-animation-play-state: running !important;
    animation-play-state: running !important;
    will-change: transform;
}

/* Production bundle pauses on .group:hover — disable (sticky hover on touch) */
.portfolio .group:hover .pf-marquee-track,
.portfolio
    .group-hover\:\[animation-play-state\:paused\]:is(:where(.group):hover *) {
    -webkit-animation-play-state: running !important;
    animation-play-state: running !important;
}