/*Lavoro STEP
v.0.1
progetti/sambin.php, progetti/arianna-mozzo.php
*/
#lavoro-svolto .step-lavoro {
    opacity: 0.35;
    transform: translateY(14px);
    transition: opacity 0.45s ease, transform 0.45s ease;
}

#lavoro-svolto .step-lavoro.is-active {
    opacity: 1;
    transform: translateY(0);
}

#lavoro-svolto .lavoro-media {
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: scale(1.03);
    transition: opacity 0.5s ease, transform 0.5s ease;
    pointer-events: none;
}

#lavoro-svolto .lavoro-media.is-active {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
}

@media (max-width: 1023px) {
    #lavoro-svolto .step-lavoro {
        opacity: 1;
        transform: none;
    }
}