.ybc-gallery {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}

.ybc-gallery__item {
	position: relative;
	overflow: hidden;
	aspect-ratio: 1 / 1;
	border-radius: var(--radius-large);
	background: var(--color-cream);
	box-shadow: var(--shadow-level-1);
}

.ybc-gallery__item::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(33, 19, 12, 0);
	transition: background-color var(--transition-standard);
}

.ybc-gallery__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--transition-slow);
}

.ybc-gallery__item:hover::after {
	background: rgba(33, 19, 12, 0.28);
}

.ybc-gallery__item:hover .ybc-gallery__image {
	transform: scale(1.06);
}

@media (min-width: 768px) {
	.ybc-gallery {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 1.25rem;
	}
}