/*
 * CHAIRE — Gallery
 * Deux images côte à côte avec grands border-radius et effet hover.
 */

.gallery-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
}

/* Réduit l'espace sous la galerie (sinon cumul avec padding-top des axes = trop grand) */
.chaire-gallery.section {
	padding-bottom: 48px;
}

.gallery-item {
	border-radius: var(--radius-xl);
	overflow: hidden;
	aspect-ratio: 4/3;
	background: var(--bg-light);
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.gallery-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .4s ease;
}

.gallery-item:hover img {
	transform: scale(1.03);
}

@media (max-width: 968px) {
	.gallery-grid { grid-template-columns: 1fr; gap: 20px; }
	.gallery-item { aspect-ratio: 16/9; }
	.chaire-gallery.section { padding-bottom: 32px; }
}