.hallPage {
	background: #f4eee7
}
.gallery {
	columns: 3 300px;
	column-gap: 18px
}
.gallery a {
	display: block;
	margin-bottom: 18px;
	break-inside: avoid;
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 10px 28px rgba(58, 39, 26, .12)
}
.gallery img {
	width: 100%;
	transition: .45s
}
.gallery a:hover img {
	transform: scale(1.03)
}
.lightbox {
	position: fixed;
	inset: 0;
	background: rgba(20, 13, 10, .94);
	display: none;
	z-index: 200;
	padding: 40px
}
.lightbox.open {
	display: grid;
	place-items: center
}
.lightbox img {
	max-height: 88vh;
	max-width: 92vw
}
.lightbox button {
	position: absolute;
	right: 25px;
	top: 18px;
	background: none;
	border: 0;
	color: white;
	font-size: 36px
}