/* Globimat — animation des photos au survol (hors logos), dans l'esprit des cartes vidéo de l'accueil :
   le cadre se soulève et la photo s'anime lentement (mouvement de caméra).
   Les classes sont posées par assets/effects.js. */

.motion-frame {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.motion-img {
    transform-origin: center;
    /* Retour rapide et doux quand la souris quitte l'image */
    transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1), filter 0.7s ease;
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
    /* Cadre qui se soulève, comme les cartes de l'accueil */
    .motion-frame.motion-lift:hover {
        transform: translateY(-6px);
        box-shadow: 0 20px 40px -12px rgba(30, 58, 95, 0.25);
    }

    /* Mouvement de caméra lent pendant le survol */
    .motion-frame:hover .motion-img {
        transition: transform 9s cubic-bezier(0.25, 0.6, 0.3, 1), filter 0.7s ease;
        filter: saturate(1.08) brightness(1.03);
    }

    .motion-frame:hover .motion-img.motion-a { transform: scale(1.16) translate(-2.5%, -1.5%); }
    .motion-frame:hover .motion-img.motion-b { transform: scale(1.16) translate(2.5%, -1%); }
    .motion-frame:hover .motion-img.motion-c { transform: scale(1.16) translate(0, 2%); }
}