/* pages/home/gallery.css
   Home: photo gallery grid.

   Part of assets/css/. The load order lives in
   inc/setup.php - add new files there, not with @import. */

.gallery-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: 200px;
	gap: 16px;
}

.gallery-grid .tile { height: 100%; padding: 12px; }

.gallery-lead { grid-column: span 2; grid-row: span 2; }

@media (max-width: 680px) {
	.gallery-grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 150px; }
}