@charset "utf-8";

/* IMAGE GRID */
.image-grid {
	display: grid;
	gap: var(--gap);
	margin-block: var(--margin-gap);
	}
.image-grid.image-grid-2.image-grid-vertical,
.image-grid.image-grid-3,
.image-grid.image-grid-4 {
	grid-template-columns: 1fr 1fr;
	}
.image-grid.image-grid-3 {
	grid-auto-flow: dense;
	}
.image-grid.image-grid-3.image-grid-vertical > .image-grid-image-3 {
	grid-column: 2;
	grid-row: 1 / span 2;
	}
.image-grid.image-grid-3.image-grid-vertical > .image-grid-image-3 > .image-grid-img {
	height: 100%;
	object-fit: cover;
	}
.image-grid.image-grid-3.image-grid-horizontal > .image-grid-image-3 {
	grid-column: span 2;
	}