/* Blok: tekst met foto */

.blitz-section.blitz-feature { overflow: hidden; }

.blitz-feature__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: clamp(40px, 6vw, 96px);
}

.blitz-feature--media-right .blitz-feature__inner { flex-direction: row-reverse; }

.blitz-feature__media {
	position: relative;
	flex: 1.1 1 520px;
	min-width: 0;
	min-height: clamp(420px, 46vw, 680px);
}

.blitz-feature__main {
	position: absolute;
	inset: 0;
	border-radius: var(--b-r-lg);
}

/* Met detailfoto: de grote foto laat rechtsonder ruimte vrij. */
.blitz-feature__media.has-detail .blitz-feature__main { inset: 0 clamp(0px, 8vw, 120px) clamp(0px, 6vw, 80px) 0; }
.blitz-feature--media-right .blitz-feature__media.has-detail .blitz-feature__main { inset: 0 0 clamp(0px, 6vw, 80px) clamp(0px, 8vw, 120px); }

.blitz-feature__detail {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 42%;
	aspect-ratio: 4 / 5;
	border-radius: var(--b-r-lg);
	border: 6px solid var(--b-ground);
}

.blitz-feature--media-right .blitz-feature__detail { right: auto; left: 0; }
.blitz-bg-paper .blitz-feature__detail { border-color: var(--b-paper); }

@media (max-width: 640px) {
	.blitz-feature__media.has-detail .blitz-feature__main { inset: 0; }
}

.blitz-feature__text { flex: 1 1 440px; min-width: 0; display: flex; flex-direction: column; gap: 24px; }
.blitz-feature__lead { font-size: 19px; line-height: 1.6; font-weight: 500; }
.blitz-feature__list,
.blitz-feature__btns { margin-top: 8px; }