.tiles {
	display: grid;
	grid-template: auto / 1fr;
	gap: var(--spacing-10);
	margin-bottom: var(--spacing-20);

	.blog &,
	.archive & {
		margin-top: var(--spacing-20);
	}

	@media (width > 768px) {
		grid-template: auto / 1fr 1fr 1fr;
		grid-auto-flow: dense;
		gap: var(--spacing-20);
	}

	@media (width > 1000px) {
		margin-bottom: var(--spacing-40);
	}
}