/* Blok: hero */

.blitz-section.blitz-hero {
	display: flex;
	align-items: flex-end;
	min-height: clamp(580px, 54vw, 800px);
	padding-block: 0;
	overflow: hidden;
}

.blitz-section.blitz-hero--page { min-height: clamp(400px, 36vw, 560px); }

.blitz-hero__media { position: absolute; inset: 0; }

.blitz-hero__ph-label.blitz-ph__label {
	left: auto;
	bottom: auto;
	top: 28px;
	right: var(--b-gutter);
	max-width: 340px;
	text-align: right;
}

.blitz-hero--page .blitz-hero__ph-label.blitz-ph__label { top: 20px; }

/* Verloop over de foto: links donker voor de tekst, rechts de foto. */
.blitz-hero__shade {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(
		90deg,
		color-mix(in srgb, var(--b-ink) 86%, transparent) 0%,
		color-mix(in srgb, var(--b-ink) 60%, transparent) 42%,
		color-mix(in srgb, var(--b-ink) 10%, transparent) 78%
	);
}

.blitz-hero__content {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 28px;
	padding-top: clamp(112px, 12vw, 180px);
	padding-bottom: clamp(56px, 7vw, 104px);
}

.blitz-hero--page .blitz-hero__content {
	gap: 22px;
	padding-top: clamp(96px, 9vw, 140px);
	padding-bottom: clamp(48px, 5vw, 80px);
}

.blitz-hero__title {
	max-width: 900px;
	font-size: var(--b-fs-hero);
	line-height: .98;
	font-weight: 800;
	letter-spacing: -.015em;
}

.blitz-hero--page .blitz-hero__title {
	max-width: 1100px;
	/* Iets kleiner minimum dan de display-maat, zodat "Kantoorschoonmaak" op een
	   telefoon op één regel past. Het maximum volgt de Stijlen. */
	font-size: clamp(34px, 6.2vw, var(--b-fs-display));
}

.blitz-hero__text {
	max-width: 580px;
	font-size: var(--b-fs-lead);
	line-height: 1.6;
	color: var(--b-on-dark-strong);
}

.blitz-hero__btns { margin-top: 4px; }

/* Kruimelpad */
.blitz-hero__crumbs ol { display: flex; flex-wrap: wrap; gap: 6px 10px; font-size: 14px; color: var(--b-on-dark-soft); }
.blitz-hero__crumbs li { display: flex; align-items: center; gap: 10px; }
.blitz-hero__crumbs li + li::before { content: "›"; color: var(--b-on-dark-soft); }
.blitz-hero__crumbs a { color: var(--b-on-dark-strong); }
.blitz-hero__crumbs [aria-current] { color: var(--b-on-dark); }