/* Contact — Figma 12202:1128 : placement des composants (template page-contact.php).
   Section 1 : à 1440, photo de 476 × 703 à 93 px du bord de la grille, 86 px d'écart, formulaire de 682 px,
   centrés verticalement ; 80 px sous le titre, 160 px avant les coordonnées. Proportions de Figma. */
.mm-contact__request { display: grid; grid-template-columns: minmax(0, 93fr) minmax(0, 476fr) minmax(0, 86fr) minmax(0, 682fr) minmax(0, 55fr); align-items: center; padding: var(--maestra-space-xl) var(--maestra-gutter) calc(var(--maestra-section) + var(--maestra-space-l)); }
.mm-contact__photo { grid-column: 2; aspect-ratio: 476 / 703; }
.mm-contact__request .mm-contact-form { grid-column: 4; }
/* Tablette : grille de 12 colonnes, photo colonnes 1 à 5, formulaire 6 à 12. */
@media (width <= 68.75rem) {
	.mm-contact__request { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--maestra-space); }
	.mm-contact__photo { grid-column: 1 / 6; }
	.mm-contact__request .mm-contact-form { grid-column: 6 / -1; }
}
/* Téléphone : le formulaire d'abord, puis la photo en colonnes 2 à 7 (toute la largeur sous xs). */
@media (width <= 47.5rem) {
	.mm-contact__request { grid-template-columns: repeat(6, minmax(0, 1fr)); row-gap: var(--maestra-space-xl); }
	.mm-contact__request .mm-contact-form { grid-column: 1 / -1; grid-row: 1; }
	.mm-contact__photo { grid-column: 2 / -1; grid-row: 2; }
}
@media (width <= 22.5rem) {
	.mm-contact__photo { grid-column: 1 / -1; }
}