/* Illustration « Contexte & enjeux » de l'accueil (vitrine/_scene-enjeux.php).
   Animations discrètes (transform / opacity), jouées 1 à 2 fois (seul le point d'alerte pulse en continu),
   actives seulement si l'utilisateur n'a pas demandé moins de mouvement. */
.sx-en-fig .sx-en { display: block; width: 100%; height: auto; border-radius: var(--sx-r-img); box-shadow: var(--sx-shadow); }
.sx-en text { font-family: 'Plus Jakarta Sans', system-ui, sans-serif; }

@media (prefers-reduced-motion: no-preference) {
    .sx-en-fl, .sx-en-wob, .sx-en-pulse, .sx-en-bar { transform-box: fill-box; }
    .sx-en-fl { transform-origin: center; animation: sxEnFloat 2.4s ease-in-out .4s 2 alternate both; }
    .sx-en-fl.f2 { animation-duration: 2.8s; animation-delay: .7s; }
    .sx-en-fl.f3 { animation-duration: 2.2s; animation-delay: 1s; }
    .sx-en-wob { transform-origin: center; animation: sxEnWob 2.1s ease-in-out .6s 2; }
    .sx-en-wob.w2 { animation-delay: .9s; }
    .sx-en-wob.w3 { animation-delay: 1.2s; }
    .sx-en-pulse { transform-origin: center; animation: sxEnPulse 1.6s ease-in-out infinite; }
    .sx-en-bar { transform-origin: bottom; animation: sxEnGrow 1.1s cubic-bezier(.2, .8, .2, 1) both; }
    .sx-en-bar.b2 { animation-delay: .12s; } .sx-en-bar.b3 { animation-delay: .24s; }
    .sx-en-bar.b4 { animation-delay: .36s; } .sx-en-bar.b5 { animation-delay: .48s; }
    .sx-en-pop { transform-box: fill-box; transform-origin: center; animation: sxEnPop .6s cubic-bezier(.2, .9, .3, 1.3) both; }
    .sx-en-pop.d1 { animation-delay: .5s; } .sx-en-pop.d2 { animation-delay: .9s; }
    .sx-en-pop.d3 { animation-delay: 1.3s; } .sx-en-pop.d4 { animation-delay: 1.7s; }
}
@keyframes sxEnFloat { to { transform: translateY(-7px) rotate(2deg); } }
@keyframes sxEnWob { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(3px); } }
@keyframes sxEnPulse { 50% { transform: scale(1.18); } }
@keyframes sxEnGrow { from { transform: scaleY(0); } }
@keyframes sxEnPop { from { opacity: 0; transform: scale(.85) translateY(6px); } to { opacity: 1; transform: none; } }