main,
main.audio-page,
main.writing {
	/* Matches --nav-scale (nav.css) so the content clears the page
	   title/nav at the same rate it grows/shrinks with the viewport. */
	padding-top: calc(var(--nav-scale) * 1.5);
	padding-bottom: 96px;
	flex: 1;
}

/* 6 → 4 (tablet) → 2 (phone) columns — shared by the Doodles gallery and Downloads grids */
.projects-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	column-gap: 12px;
	row-gap: 120px;
	align-items: end;
	padding: 0 24px;
}

@media (max-width: 1024px) {
	.projects-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (max-width: 767px) {
	.projects-grid {
		grid-template-columns: repeat(2, 1fr);
		row-gap: 48px;
		align-items: stretch;
	}
}