/**
 * LMA — reveal animations (Motion One).
 * États initiaux appliqués uniquement si JS disponible ET que l'utilisateur
 * n'a pas activé prefers-reduced-motion. Sinon tout reste visible.
 */

html.js:not(.lma-motion-off) .lma-reveal,
html.js:not(.lma-motion-off) [data-lma-stagger] > *,
html.js:not(.lma-motion-off) .lma-jobs-timeline .lma-jobs-group .lma-jobs-item {
    opacity: 0;
    transform: translateY(12px);
    will-change: opacity, transform;
}

html.js:not(.lma-motion-off) .lma-jobs-modal-panel {
    will-change: opacity, transform;
}

@media (prefers-reduced-motion: reduce) {
    html .lma-reveal,
    html [data-lma-stagger] > *,
    html .lma-jobs-timeline .lma-jobs-group .lma-jobs-item {
        opacity: 1 !important;
        transform: none !important;
    }
}