/* =====================================================================
   G6M_HERO_DECALAGE_V1010 (04/09/2026)

   Le nouveau visuel place le couple dans le tiers gauche de l'image, et le
   bloc de texte du hero, centre, retombait sur le visage de la jeune femme.

   PREMIERE APPROCHE, ABANDONNEE : decaler le TEXTE vers la droite. Rejetee —
   le texte doit rester a sa place, c'est l'image qui bouge.

   APPROCHE RETENUE : on decale l'IMAGE vers la gauche.

   Pourquoi ce n'est pas un simple object-position. Le cadre du hero est
   BEAUCOUP plus large que haut (environ 1909 x 577, soit un rapport de 3,3)
   alors que l'image est en 3:1. Avec object-fit: cover, l'image est donc mise
   a l'echelle sur la LARGEUR : il n'y a aucun debord horizontal a repartir,
   et la composante X de object-position n'a strictement aucun effet.

   Il faut donc creer ce debord : on elargit l'image au-dela du cadre, puis on
   la translate vers la gauche. La translation reste inferieure au debord,
   sinon un bord vide apparaitrait a droite.

   La composante Y de object-position est remontee pour compenser le rognage
   vertical supplementaire qu'entraine l'elargissement.
   ===================================================================== */

@media (min-width: 1024px) {
    html body .g6m-home-hero__img {
        /* debord horizontal : 22% de la largeur du cadre */
        width: 122% !important;
        /* translation : 14,2% -> environ 330 px sur un cadre de 1909 px,
           soit un peu plus que la largeur occupee par les personnages */
        transform: translateX(-14.2%) !important;
        /* le cadrage vertical se recentre : sans cela, l'elargissement
           mangerait tout le bas de l'image (phares, reflets sur l'eau) */
        object-position: 0% 26% !important;
    }
}

@media (min-width: 1600px) {
    html body .g6m-home-hero__img {
        width: 118% !important;
        transform: translateX(-12%) !important;
        object-position: 0% 24% !important;
    }
}

/* TABLETTE ET MOBILE : AUCUNE MODIFICATION — c'est volontaire.
   Un decalage y avait ete essaye puis retire : sous 1024 px, le cadre est
   proportionnellement bien moins large, object-fit: cover rogne deja
   lateralement, et pousser l'image vers la gauche ramenait au contraire les
   visages sous le titre. Le reglage d'origine de theme.css
   (object-position: 42% 0% sous 1024 px, 34% sous 640 px) reste en place. */