/* ==================================================

	Photo grid

================================================== */

.photo-grid {
	display: grid;
	grid-template-columns: 246px 256px;
	grid-template-rows: 138.5px 140.5px;
	gap: 3.5px 3.5px;
}

.photo-grid__item {
	display: block;

	background-color: var(--gray-fill);
}

.photo-grid__item--tall {
	grid-row: 1 / span 2;
}

.photo-grid__image {
	width: 100%;
	height: 100%;

	object-fit: cover;
}

/* -------------------------------------
	=Mobile

	Rows stay px - block height is load-bearing for poster placement.
------------------------------------- */

@media ( max-width: 1076px ) {

	.photo-grid {
		grid-template-columns: 170.5fr 177.25fr;
		grid-template-rows: 95.75px 97.25px;
		gap: 2.5px;
	}

}