/* FLOWIM - diptyque / triptyque */

.flowim-diptych {
	display: grid;
	grid-template-columns: repeat(var(--flowim-cols, 2), minmax(0, 1fr));
	gap: var(--flowim-gap);
}

.flowim-diptych--top { align-items: start; }
.flowim-diptych--center { align-items: center; }
.flowim-diptych--bottom { align-items: end; }

.flowim-diptych-item { min-width: 0; }

@media (max-width: 640px) {
	.flowim-diptych { grid-template-columns: 1fr; }
}