/* =========================================
= COMPOSANT — VISUEL DE LA PAGE CONTACT (.nl-contact--media)
= La photo de la colonne droite. Purement décorative (aria-hidden) :
= pas de JS, aucun comportement propre.
= Markup : contact-media.php · lecteur + enqueue : inc-contact-media.php
= NB : la grille (colonnes, gouttières) vient de page-contact.css — c'est la
=      mise en page hôte. Seul le rendu du visuel (ratio, recadrage, remontée
=      au-dessus du formulaire en mobile) vit ici.
========================================= */
/* Media (photo) — à droite */
.nl-contact--media {
  width: 100%;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border-radius: 1px;
}
.nl-contact--media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Mobile : format paysage + remontée au-dessus du formulaire. */
@media (max-width: 48rem) {
  .nl-contact--media {
    aspect-ratio: 16 / 9;
    order: -1;
  }
}