/* Blok: hero */
.blok-hero {
	overflow-x: clip;
}

.blok-hero__raster {
	position: relative;
	z-index: 1;
	display: grid;
	gap: var(--ruimte-7);
	align-items: center;
}

.blok-hero .blok__h1 {
	max-width: 16ch;
}

.blok-hero .blok__intro {
	max-width: 40rem;
}

.blok-hero__beeld img {
	width: 100%;
	border-radius: var(--radius-l);
}

@media (min-width: 900px) {
	.blok-hero--naast.heeft-beeld .blok-hero__raster {
		grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
	}
}

/* Afbeelding als achtergrond, met een donkere laag voor leesbaarheid. */
.blok-hero--achter {
	color: var(--c-wit);
	min-height: min(52rem, 88vh);
	display: flex;
	align-items: flex-end;
}

.blok-hero__achtergrond {
	position: absolute;
	inset: 0;
}

.blok-hero__achtergrond img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.blok-hero__achtergrond::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(22, 22, 29, 0.15) 0%, rgba(22, 22, 29, 0.75) 100%);
}

.blok-hero--achter .blok__intro,
.blok-hero--achter .blok__label {
	color: inherit;
}