.flex-layout.archive_casestudies {
	--bg-color: var(--neutral-20);
	--text-color: var(--primary-100);
	--layout-spacing-top: max(4rem, calc(6 * var(--su)));
	--layout-spacing-bottom: max(4rem, calc(4 * var(--su)));
}

.flex-layout.archive_casestudies .heading-row {
	margin-bottom: max(1.5rem, calc(2.5 * var(--su)));
}

.flex-layout.archive_casestudies .filters-row {
	margin-bottom: max(1.5rem, calc(1.5 * var(--su)));
}

.flex-layout.archive_casestudies .casestudies-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: max(1.5rem, calc(1.5 * var(--su)));
}

.flex-layout.archive_casestudies .pagination-row {
	margin-top: max(1.5rem, calc(3 * var(--su)));
}

/* Wrapper blijft in de DOM staan (AJAX-paginering injecteert hierin), maar
   reserveert geen ruimte zolang er (nog) geen paginering nodig is. */
.flex-layout.archive_casestudies .pagination-row:empty {
	margin-top: 0;
}

@media screen and (max-width: 992px) {

	.flex-layout.archive_casestudies .casestudies-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1rem;
	}

}

@media screen and (max-width: 767px) {

	.flex-layout.archive_casestudies .casestudies-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 1rem;
	}

}