/* Variant B — Maas. Typografisch en vlak: geen foto in de kop, wel een kop van 128 pixels. Diep navy met Maas-teal als accent. */

:root{--ik-navy:#0f2143;--ik-navy-soft:#1b3160;--ik-paper:#e3eef0;--ik-tint:#d3e8e6;--ik-tint-2:#eef6f5;--ik-accent:#2f9c95;--ik-accent-ink:#ffffff;
--ik-bg:#fff;--ik-ink:#0f2143;--ik-ink-soft:#4a5a72;--ik-line:#b7c8c8;--ik-rule:#c5ccd3;--ik-rule-dark:#3d5478;
--ik-font-display:"Sora",system-ui,sans-serif;--ik-font-body:"Manrope",system-ui,sans-serif}
.hero-b .pagehead-bg{bottom:0}.hero-b .h1-hero{font-size:clamp(52px,9.5vw,128px);line-height:1;letter-spacing:-.01em;max-width:14ch}
.hero-b .pagehead-content{margin-bottom:0;padding-bottom:110px}@media(min-width:992px){.hero-b .pagehead-content{padding-bottom:170px}}
.hero-b .lead-row{display:grid;grid-template-columns:1fr;gap:24px;align-items:end;margin-top:32px}@media(min-width:900px){.hero-b .lead-row{grid-template-columns:1.2fr 1fr}}
.strip{margin-top:-64px;position:relative;z-index:2}@media(min-width:992px){.strip{margin-top:-120px}}.strip .ph{aspect-ratio:16/5}
.kosten-b{display:grid;grid-template-columns:1fr;gap:32px}@media(min-width:900px){.kosten-b{grid-template-columns:1fr 1fr 1fr}}
.kosten-b .big{font-family:var(--ik-font-display);font-weight:300;font-size:clamp(56px,7vw,96px);line-height:.95;color:var(--ik-accent)}.kosten-b .big small{font-size:18px;font-family:var(--ik-font-body);color:var(--ik-paper);margin-left:8px}
.over-b{display:grid;grid-template-columns:1fr;gap:32px;align-items:center}@media(min-width:900px){.over-b{grid-template-columns:2fr 5fr;gap:64px}}
.two{display:grid;grid-template-columns:1fr;gap:32px}@media(min-width:900px){.two{grid-template-columns:1fr 1fr;gap:64px}}
.step::before{color:var(--ik-accent)}