.br-photo-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--br-gap-md);
	margin-top: var(--br-gap-xl);
}

.br-photo-grid__item {
	border-radius: var(--br-r-md);
	overflow: hidden;
	aspect-ratio: 1;
	transition: all var(--br-ease);
}

.br-photo-grid__item:hover {
	box-shadow: var(--br-shadow-soft);
	transform: scale(1.02);
}

.br-photo-grid__item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 991px) {
	.br-photo-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px) {
	.br-photo-grid { grid-template-columns: repeat(2, 1fr); }
}