#project-photos-gallery h4 {
	font-size: var(--text-lg);
	font-weight: 500;
	margin: calc(4 * var(--spacing)) 0;
	padding: calc(2 * var(--spacing)) 0;
	border-bottom: 1px solid var(--color-neutral-200);
	&:first-of-type { margin-top: 0 }
}

.gallery {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: calc(1 * var(--spacing));

	@media (width < 40rem) {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.project-photo {
	display: inline-block;
	aspect-ratio: 1;

	img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}