.masterplan { position: relative; }
.masterplan__media { position: relative; height: 70vh; min-height: 420px; }
.masterplan__media img, .masterplan__placeholder { width: 100%; height: 100%; object-fit: cover; }
.masterplan__placeholder { background: linear-gradient(160deg, var(--dark-card), var(--ink)); }

.masterplan__media img {
	display: block;
	position: relative;
	z-index: 0;
}

.masterplan__media::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(
		to bottom,
		#ffffff 0%,
		rgba(255, 255, 255, 0) 35%,
		rgba(245, 241, 235, 0) 65%,
		#F5F1EB 100%
	);
	z-index: 1;
	pointer-events: none;
	display: block;
}