/* ==========================================================================
   Single image section
   Mirrors the homepage gallery image proportions, with a chalk top mask.
   ========================================================================== */

.wp-block-studio-zed-image-section {
	margin-block: 0;
	max-width: none;
	width: 100%;
}

.image-section {
	background: var(--sz-chalk);
	overflow: hidden;
	position: relative;
	width: 100%;
}

.image-section__image {
	display: block;
	height: min(56vw, 54rem);
	object-fit: cover;
	object-position: center;
	width: 100%;
}

.image-section::before {
	background: var(--sz-chalk);
	z-index: 2;
}

@media (max-width: 64rem) {
	.image-section__image {
		height: 62vw;
	}

}

@media (max-width: 48rem) {
	.image-section__image {
		height: 75vw;
		min-height: 22rem;
	}

}