/* Bloc villemont/gallery — styles venus de sections.css (refonte 1e) */

/* ── Galerie de page (archives, plans, presse, architecture) ─ */
.vm-gallery--alt { background: var(--bone-warm); border-top: 1px solid var(--rule-soft); border-bottom: 1px solid var(--rule-soft); }

.vm-gallery__head { margin-bottom: 48px; } /* texte sur toute la largeur de la page (choix client) */
.vm-gallery__head .eyebrow { margin-bottom: 16px; }

.vm-gallery__head .section-title { margin-bottom: 24px; }

.vm-gallery__text p { margin: 0 0 1em; }

.vm-gallery__text p:last-child { margin-bottom: 0; }

.vm-gallery__grid { display: grid; gap: var(--gap-large) var(--gap-medium); }

.vm-gallery__grid.is-2 { grid-template-columns: repeat(2, 1fr); }

.vm-gallery__grid.is-3 { grid-template-columns: repeat(3, 1fr); }

.vm-gallery__grid.is-4 { grid-template-columns: repeat(4, 1fr); }

.vm-gallery__frame { aspect-ratio: 4 / 3; background: var(--bone-warm); }

.vm-gallery__frame img { width: 100%; height: 100%; object-fit: cover; }

/* Documents et archives : image entière sur un fond « passe-partout » */
.vm-gallery--contain .vm-gallery__frame { border: 1px solid var(--rule-soft); }

.vm-gallery--contain .vm-gallery__frame img { object-fit: contain; padding: 6px; }

.vm-gallery--contain .vm-gallery__frame::after { display: none; }

.vm-gallery__link { display: block; transition: transform var(--transition); }

.vm-gallery__link:hover { transform: translateY(-4px); }

.vm-gallery__link:hover .vm-gallery__frame { box-shadow: 0 16px 32px rgba(var(--ink-rgb), .16); }

.vm-gallery__item .img-caption { margin-top: 12px; }

@media (max-width: 1024px) {

 .vm-gallery__grid.is-4 { grid-template-columns: repeat(2, 1fr); }

 .vm-gallery__grid.is-3 { grid-template-columns: repeat(2, 1fr); } }

@media (max-width: 640px) {

 .vm-gallery__grid { grid-template-columns: 1fr !important; } }