.base-photo-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin: 0; }
.base-photo-row__item { aspect-ratio: 4 / 3; border-radius: var(--radius); background-size: cover; background-position: center; }

@container (max-width: 944px) {
	.base-photo-row {
		display: flex;
		grid-template-columns: none;
		gap: var(--space-3);
		overflow-x: auto;
		scroll-snap-type: x proximity;
		margin-left: calc(-1 * var(--gutter));
		margin-right: calc(-1 * var(--gutter));
		padding: 0 var(--gutter);
		scrollbar-width: none;
		cursor: grab;
		-webkit-overflow-scrolling: touch;
	}
	.base-photo-row::-webkit-scrollbar { display: none; }
	.base-photo-row.is-dragging { cursor: grabbing; scroll-snap-type: none; scroll-behavior: auto; user-select: none; }
	.base-photo-row__item {
		flex: 0 0 72%;
		scroll-snap-align: start;
	}
}
@container (max-width: 640px) {
	.base-photo-row__item { flex-basis: 82%; }
}