/*
 * 20 — HERO (homepage)
 * Grote naam, kicker, rechts uitgelijnde intro en een breed beeld.
 */

.mi-hero .mi-hero-titel {
	margin-left: max(0px, calc((100% - var(--wp--style--global--content-size)) / 2)) !important; /* links in de 1560px-container, ook op brede schermen */
	margin: 0;
	font-weight: 400;
	line-height: 1.02;
	letter-spacing: -0.012em;
	max-width: 1150px;
}

.mi-hero .mi-kicker {
	margin: 0 0 26px;
}

.mi-hero .mi-hero-intro {
	margin: clamp(36px, 4vw, 60px) 0 44px;
}

.mi-hero-intro-tekst {
	max-width: 560px;
}

.mi-hero-intro-tekst .mi-zacht {
	margin: 0 0 22px;
	line-height: 1.7;
	color: color-mix(in srgb, currentColor 85%, transparent);
}

.mi-hero-intro-tekst .mi-link {
	margin: 0;
}

.mi-hero .mi-hero-beeld {
	margin: 0;
}

.mi-hero .mi-hero-beeld img {
	display: block;
	width: 100%;
	height: clamp(380px, 44vw, 640px);
	object-fit: cover;
	background-color: var(--wp--preset--color--surface);
}

/* Mobiel: de naam staat op twee regels, dus mag de regelafstand strakker.
   De kicker eronder had geen bovenmarge en plakte tegen de "r" van
   Interieur; 18px zet hem los zonder dat het een los blokje wordt. */
@media (max-width: 781px) {
	.mi-hero .mi-hero-titel {
		line-height: 0.95;
	}

	.mi-hero .mi-kicker {
		margin-top: 18px;
		line-height: 1.4;
	}
}