/* FLOWIM - mosaïque asymétrique */

.flowim-mosaic {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: var(--flowim-gap);
	align-items: start;
}

.flowim-mosaic-cell {
	min-width: 0;
	margin-top: calc(var(--flowim-off, 0) * clamp(24px, 6vw, 90px));
}

@media (max-width: 700px) {
	.flowim-mosaic {
		grid-template-columns: 1fr;
	}
	.flowim-mosaic-cell {
		grid-column: 1 / -1 !important;
		margin-top: 0;
	}
}