/**
 * Campus - Grille masonry partagée.
 *
 * Colonnes : 3 (≥992) / 2 (≥768) / 1 (<768)
 * Gap : --campus-masonry-gap (défaut 20px, Figma Galerie)
 */

.campus-masonry {
	--campus-masonry-gap: 20px;

	position: relative;
	width: 100%;
	margin-bottom: calc(var(--campus-masonry-gap) * -1);
}

.campus-masonry__sizer,
.campus-masonry__item {
	box-sizing: border-box;
	width: calc((100% - (2 * var(--campus-masonry-gap))) / 3);
}

.campus-masonry__item {
	margin-bottom: var(--campus-masonry-gap);
}

@media (max-width: 991px) {
	.campus-masonry__sizer,
	.campus-masonry__item {
		width: calc((100% - var(--campus-masonry-gap)) / 2);
	}
}

@media (max-width: 767px) {
	.campus-masonry__sizer,
	.campus-masonry__item {
		width: 100%;
	}
}