.mosaic.custom-mosaic-5-grid {
	margin-bottom: var(--space-16);
}

.mosaic.custom-mosaic-5-grid .inner {
	position: relative;
	height: 100%;
}

.mosaic.custom-mosaic-5-grid .slides .slide.promoted {
	grid-column: 1 / 3;
	grid-row: 3;
}

@media (min-width: 40em) {
	.mosaic.custom-mosaic-5-grid .slides {
		gap: min(calc(12px + (18 - 12) * ((100vw - 640px) / (1023 - 640))), 18px);
	}

	.mosaic.custom-mosaic-5-grid .slides .slide.promoted {
		grid-column: 3;
		grid-row: 1 / 3;
	}

	.mosaic.custom-mosaic-5-grid .slides .slide:nth-child(2) {
		grid-column: 1;
		grid-row: 1;
	}
	.mosaic.custom-mosaic-5-grid .slides .slide:nth-child(3) {
		grid-column: 2;
		grid-row: 1;
	}

	.mosaic.custom-mosaic-5-grid .slides .slide:nth-child(4) {
		grid-column: 1;
		grid-row: 2;
	}

	.mosaic.custom-mosaic-5-grid .slides .slide:nth-child(5) {
		grid-column: 2;
		grid-row: 2;
	}
}

@media (min-width: 64em) {
	.mosaic.custom-mosaic-5-grid {
		margin-bottom: var(--space-48);
	}

	.mosaic.custom-mosaic-5-grid .slides {
		gap: 18px;
	}
}