/* Gallery page: photo grid */
.gallery-grid {
	padding: 40px 0 17px;
}

.gallery-grid-list {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 16px;
}

.gallery-item {
	grid-column: span 4;
	height: 210px;
	min-width: 0;
}

.gallery-item-large {
	grid-row: span 2;
	height: 436px;
}

.gallery-item-small {
	grid-column: span 3;
	height: 190px;
}

.gallery-link {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 12px;
	background: #e4e4e7;
}

.gallery-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .4s;
}

.gallery-img:hover {
	transform: scale(1.04);
}

.gallery-grid-more {
	display: flex;
	justify-content: center;
	margin-top: 40px;
}

.gallery-grid-more-button {
	min-width: 147px;
	padding: 0 24px;
	font-weight: 600;
}

@media (max-width: 1023px) {
	.gallery-grid-list {
		grid-template-columns: repeat(2, 1fr);
	}

	.gallery-item,
	.gallery-item-small {
		grid-column: span 1;
		height: 190px;
	}

	.gallery-item-large {
		grid-column: span 2;
		grid-row: span 1;
		height: 260px;
	}
}

@media (max-width: 767px) {
	.gallery-grid {
		padding-top: 24px;
	}

	.gallery-grid-list {
		gap: 8px;
	}

	.gallery-item,
	.gallery-item-small {
		height: 120px;
	}

	.gallery-item-large {
		height: 200px;
	}

	.gallery-grid-more {
		margin-top: 24px;
	}
}