/* Homepage hero based on the owner's roadmap reference. The supplied image is unmodified. */
.roadmap-home .site-header{background:#faf8f3;border-bottom:0}
.roadmap-home .site-header .nav-wrap{width:91.2%;max-width:1600px;min-height:100px;padding:10px 0;border-bottom:1px solid #d8d5ce;flex-wrap:nowrap}
.roadmap-home .site-header .logo-image{width:150px;min-width:0}
.roadmap-home .site-header nav{flex:1;justify-content:center;gap:clamp(24px,3.5vw,60px);padding-left:20%}
.roadmap-home .site-header nav>a,.roadmap-home .site-header summary{font-size:clamp(14px,1.2vw,20px);font-weight:400}
.roadmap-home .site-header .nav-cta{margin-left:auto;background:transparent;color:#101010;border:1.5px solid #101010;border-radius:10px;padding:12px 22px;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-weight:500;white-space:normal}
.roadmap-home .site-header .nav-cta>span{font-size:26px;color:#4c741c}
.roadmap-home .site-header .nav-cta:hover{background:#eef3e5}
.roadmap-home .roadmap-hero{position:relative;isolation:isolate;overflow:hidden;width:100%;background:#faf8f3;min-height:calc(56.28vw - 100px);margin:0;padding:0}
.roadmap-art{position:absolute;z-index:-1;bottom:0;left:0;display:block;width:100%;max-width:none;height:auto;pointer-events:none;user-select:none}
.roadmap-wrap{width:91.2%;max-width:1600px;margin:0 auto;padding:clamp(50px,4.7vw,82px) 0 clamp(40px,3.8vw,68px)}
.roadmap-copy{width:52%;min-width:0;position:relative}
.roadmap-eyebrow{margin:0 0 clamp(30px,2.8vw,48px);color:#60605b;font-size:12px;line-height:1.8;font-weight:600;text-transform:uppercase;letter-spacing:.4em}
.roadmap-home .roadmap-hero h1{font-family:Inter,Arial,sans-serif;font-size:clamp(56px,6.08vw,108px);font-weight:750;line-height:.99;letter-spacing:-.052em;margin:0 0 32px;max-width:none;color:#080a08;overflow-wrap:normal}
.roadmap-hero h1>span{display:block}
.roadmap-home .roadmap-hero h1 em{color:#58831e;font-style:normal;display:inline;letter-spacing:inherit}
.roadmap-home .roadmap-hero h1 em::after{content:none}
.roadmap-lead{font-size:clamp(19px,1.83vw,31px);line-height:1.47;letter-spacing:-.02em;color:#151714;margin:0;max-width:none}
.roadmap-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px 3.5vw;margin-top:clamp(28px,2.8vw,48px)}
.roadmap-home .roadmap-primary{background:#0a0c0b;color:#fff;border:1px solid #0a0c0b;border-radius:11px;min-height:62px;padding:16px 27px;gap:24px;font-size:clamp(16px,1.3vw,22px);font-weight:500;line-height:1.4;white-space:normal}
.roadmap-primary>span{color:#a7d33e;font-size:30px;line-height:1}
.roadmap-home .roadmap-primary:hover{background:#25371c;border-color:#25371c}
.roadmap-secondary{display:inline-flex;align-items:center;gap:12px;min-height:48px;border-bottom:1px solid #83867b;font-size:clamp(16px,1.3vw,22px);font-weight:400;line-height:1.5;color:#111310}
.roadmap-secondary:hover{border-color:#111310}
.roadmap-benefits{display:flex;align-items:center;flex-wrap:wrap;list-style:none;padding:24px 0 0;margin:clamp(32px,3.2vw,56px) 0 0;border-top:1px solid #cfcec8;gap:16px 0;color:#242722}
.roadmap-benefits li{display:flex;align-items:center;gap:16px;line-height:1.5;font-size:clamp(13px,1.03vw,17px);min-width:0;padding:0 24px}
.roadmap-benefits li:first-child{padding-left:0}
.roadmap-benefits li+li{border-left:1px solid #bdbeb8}
.roadmap-benefits svg{width:28px;height:28px;flex:0 0 28px}
.roadmap-hero a:focus-visible{outline:3px solid #254a16;outline-offset:5px}
@media(min-width:1850px){.roadmap-home .roadmap-hero{min-height:900px}.roadmap-art{height:calc(100% + 100px);object-fit:cover;object-position:center bottom}}
@media(min-width:1001px) and (max-width:1300px){.roadmap-home .site-header nav{padding-left:5%;gap:24px}.roadmap-copy{width:54%}.roadmap-home .roadmap-hero h1{font-size:6vw}.roadmap-actions{gap:22px}.roadmap-home .roadmap-primary{padding-inline:20px}.roadmap-benefits li{gap:10px;padding-inline:14px}.roadmap-benefits svg{width:24px;height:24px;flex-basis:24px}.roadmap-break{display:none}}
@media(max-width:1000px){
 .roadmap-home .site-header .nav-wrap{width:calc(100% - 48px);min-height:86px;flex-wrap:wrap}
 .roadmap-home .site-header nav{padding:12px 0 20px;gap:8px;flex-basis:100%;justify-content:start}
 .roadmap-home .site-header nav>a,.roadmap-home .site-header summary{font-size:16px}
 .roadmap-home .site-header .nav-cta{margin-left:0;justify-content:space-between}
 .roadmap-home .roadmap-hero{min-height:0;padding-bottom:0;display:flex;flex-direction:column}
 .roadmap-wrap{width:calc(100% - 48px);padding:50px 0 0}
 .roadmap-copy{width:100%;max-width:720px}
 .roadmap-eyebrow{margin-bottom:28px;font-size:12px;letter-spacing:.3em}
 .roadmap-home .roadmap-hero h1{font-size:clamp(38px,7.7vw,72px);line-height:1.04;margin-bottom:26px}
 .roadmap-lead{font-size:clamp(18px,2.4vw,24px)}
 .roadmap-actions{margin-top:30px;gap:20px 32px}
 .roadmap-home .roadmap-primary{font-size:18px}
 .roadmap-secondary{font-size:18px}
 .roadmap-benefits{margin-top:36px;padding-top:24px}
 .roadmap-benefits li{font-size:15px;gap:12px;padding-inline:20px}
 .roadmap-art{position:relative;order:2;z-index:-1;left:auto;bottom:auto;width:100%;height:480px;margin-top:10px;object-fit:cover;object-position:right bottom}
}
@media(max-width:600px){
 .roadmap-home .site-header .nav-wrap{min-height:76px}
 .roadmap-home .site-header .logo-image{width:124px}
 .roadmap-wrap{padding-top:38px}
 .roadmap-eyebrow{letter-spacing:.22em;font-size:12px;margin-bottom:24px}
 .roadmap-home .roadmap-hero h1{font-size:clamp(32px,8.4vw,50px);line-height:1.07;letter-spacing:-.055em;margin-bottom:24px}
 .roadmap-lead{font-size:18px;line-height:1.6}
 .roadmap-break{display:none}
 .roadmap-actions{align-items:flex-start;gap:14px 24px;margin-top:26px}
 .roadmap-home .roadmap-primary{padding:14px 18px;min-height:56px;font-size:16px;gap:20px}
 .roadmap-secondary{font-size:16px}
 .roadmap-benefits{display:grid;gap:14px;margin-top:28px;padding-top:22px}
 .roadmap-benefits li,.roadmap-benefits li:first-child,.roadmap-benefits li+li{border:0;padding:0;font-size:14px;gap:12px}
 .roadmap-benefits svg{width:24px;height:24px;flex-basis:24px}
 .roadmap-art{height:350px;object-position:85% bottom;margin-top:6px}
}
@media(prefers-reduced-motion:reduce){.roadmap-hero *{animation:none;transition:none;scroll-behavior:auto}}

/* Supplied illustrations retain their transparency and proportions. */
.roadmap-home .illustrated-promises{margin:0 auto;padding:40px 0;gap:28px;border-top:0;border-bottom:1px solid var(--line)}
.illustrated-promises>article{min-width:0;display:flex;align-items:center;gap:20px}
.illustrated-promises .promise-image{width:100px;height:100px;object-fit:contain;flex:0 0 100px}
.roadmap-home .illustrated-promises h2{font-size:19px;line-height:1.3;margin:0 0 10px;letter-spacing:-.025em}
.illustrated-promises p{font-size:14px;line-height:1.7;color:#50564f}
#samen-aan-het-stuur .illustrated-steps .collab-step-image{display:block;width:160px;height:160px;object-fit:contain;margin:0 0 22px}
#samen-aan-het-stuur .illustrated-steps li{min-width:0}
@media(max-width:1100px){.illustrated-promises>article{flex-direction:column;align-items:flex-start;gap:14px}.illustrated-promises .promise-image{width:110px;height:110px;flex-basis:110px}}
@media(max-width:700px){.roadmap-home .illustrated-promises{padding:28px 0;gap:24px}.illustrated-promises>article{flex-direction:row;align-items:center;gap:18px}.illustrated-promises .promise-image{width:84px;height:84px;flex-basis:84px}.roadmap-home .illustrated-promises h2{font-size:18px}.illustrated-promises p{font-size:14px}}
@media(max-width:520px){#samen-aan-het-stuur .illustrated-steps li{display:grid;grid-template-columns:84px 1fr;gap:0 20px;padding:24px 0}#samen-aan-het-stuur .illustrated-steps .collab-step-image{grid-row:1/4;width:84px;height:100px;align-self:center;margin:0}#samen-aan-het-stuur .illustrated-steps h3{font-size:22px;margin:7px 0 10px}#samen-aan-het-stuur .illustrated-steps p{font-size:15px}}