/* Blok: Hero — full-bleed video/beeld (1920×753) met titel + outline-knop, tekst links. */
.block-hero {
	position: relative;
	min-height: clamp(460px, 39.2vw, 753px); /* 753/1920 */
	display: flex;
	align-items: center;
	overflow: hidden;
	background: #1a1a18;
}
.block-hero__bg { position: absolute; inset: 0; z-index: 0; }
.block-hero__bg .block-hero__img,
.block-hero__bg .block-hero__video { width: 100%; height: 100%; object-fit: cover; display: block; }
.block-hero__scrim {
	position: absolute; inset: 0; z-index: 1;
	background: linear-gradient(90deg, rgba(20,20,18,.72) 0%, rgba(20,20,18,.45) 38%, rgba(20,20,18,.05) 70%);
}
.block-hero__inner { position: relative; z-index: 2; width: 100%; }
.block-hero__title {
	color: #fff;
	font-size: clamp(34px, 3.13vw, 60px); /* Figma 157:1947: 60px Kaisei Opti */
	line-height: 1.2;
	/* Ontwerp (Figma 157:1947): kop op TWEE regels —
	   "Schoonmaak zonder gedoe." / "Gewoon goed geregeld.".
	   De tekstbox is 813px breed; bij die max-width breekt de volledige string
	   vanzelf ná "gedoe." (regel 1 ≈ 788px past nog binnen 813px, "Gewoon…" wrapt).
	   GEEN text-wrap: balance — dat verschoof de breuk juist naar ná "zonder"
	   (balance minimaliseert de langste regel en trekt "gedoe." naar regel 2). */
	max-width: 813px;
	margin: 0 0 28px;
}
.block-hero__btn { }

@media (max-width: 640px) {
	.block-hero__scrim { background: linear-gradient(180deg, rgba(20,20,18,.35), rgba(20,20,18,.75)); }
}