@font-face{font-family:'Impact';font-style:normal;font-weight:400;font-display:swap;src:local('Impact'),url("../assets/fonts/impact.ttf") format('truetype');}
@font-face{font-family:'Impacted';font-style:normal;font-weight:400;font-display:swap;src:url("../assets/fonts/impacted.ttf") format('truetype');}
@font-face{font-family:'Arimo';font-style:italic;font-weight:400;font-display:swap;src:url("../assets/fonts/arimo-italic-latin-ext.woff2") format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Arimo';font-style:italic;font-weight:400;font-display:swap;src:url("../assets/fonts/arimo-italic-latin.woff2") format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Arimo';font-style:normal;font-weight:400;font-display:swap;src:url("../assets/fonts/arimo-regular-latin-ext.woff2") format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Arimo';font-style:normal;font-weight:400;font-display:swap;src:url("../assets/fonts/arimo-regular-latin.woff2") format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Arimo';font-style:normal;font-weight:700;font-display:swap;src:url("../assets/fonts/arimo-bold-latin-ext.woff2") format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Arimo';font-style:normal;font-weight:700;font-display:swap;src:url("../assets/fonts/arimo-bold-latin.woff2") format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Special Gothic Condensed One';font-style:normal;font-weight:400;font-display:swap;src:url("../assets/fonts/special-gothic-condensed-one-latin-ext.woff2") format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Special Gothic Condensed One';font-style:normal;font-weight:400;font-display:swap;src:url("../assets/fonts/special-gothic-condensed-one-latin.woff2") format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

:root{
--green-50:#F1F7F2;--green-100:#E8F2E9;--green-200:#D6E8D8;--green-300:#9CCBA2;--green-500:#67AF71;--green-600:#529A5D;--green-700:#3F804A;--green-800:#2C5A34;--green-900:#1D3D23;
--pink-100:#F8E3EC;--pink-300:#EBA9C4;--pink-500:#D9729A;--pink-700:#A84873;
--ink-900:#18171C;--ink-700:#3A393F;--ink-500:#6B6A70;--ink-300:#A9A8AC;--ink-200:#D6D5D8;--ink-100:#ECEBED;
--paper:#FFFFFF;--paper-warm:#F4F1EA;--paper-warm-2:#E9E4D8;
--signal-warning:#C98A1B;--signal-danger:#C2412D;--signal-success:#3F804A;
--brand-primary:var(--green-500);--brand-accent:var(--pink-500);
--text-body:var(--ink-900);--text-muted:var(--ink-500);--text-heading:var(--ink-900);--text-heading-brand:var(--green-700);--text-on-brand:#FFFFFF;--text-on-accent:#FFFFFF;--text-link:var(--green-700);--text-link-hover:var(--green-900);
--surface-page:var(--paper);--surface-alt:var(--paper-warm);--surface-card:var(--paper);--surface-brand:var(--green-500);--surface-accent:var(--pink-500);--surface-ink:var(--ink-900);
--border-default:var(--ink-200);--border-strong:var(--ink-900);--border-brand:var(--green-500);
--focus-ring:0 0 0 3px var(--green-300);
}
:root{
--font-display:Impact,'Haettenschweiler','Arial Narrow Bold',sans-serif;--font-subhead:'Special Gothic Condensed One','Oswald','Arial Narrow',sans-serif;--font-display-alt:'Impacted',Impact,sans-serif;
--font-body:Arial,'Arimo','Helvetica Neue',Helvetica,sans-serif;
--font-mono:'Courier New',Courier,monospace;
--fs-display-xl:120px;--fs-display-l:88px;--fs-display-m:64px;--fs-h1:48px;--fs-h2:36px;--fs-h3:26px;--fs-h4:20px;
--fs-body-l:18px;--fs-body:16px;--fs-body-s:14px;--fs-caption:12px;--fs-micro:10px;
--lh-display:0.92;/* @kind other */--lh-heading:1.05;/* @kind other */--lh-body:1.5;/* @kind other */--lh-tight:1.25;/* @kind other */
--ls-display:0.005em;--ls-caps:0.08em;--ls-mono:0.02em;
--fw-regular:400;/* @kind font */--fw-bold:700;/* @kind font */
--type-display:var(--fw-regular) var(--fs-display-l)/var(--lh-display) var(--font-display);
--type-h1:var(--fw-regular) var(--fs-h1)/var(--lh-heading) var(--font-display);
--type-h2:var(--fw-regular) var(--fs-h2)/var(--lh-heading) var(--font-display);
--type-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-body);
--type-label:var(--fw-bold) var(--fs-caption)/1 var(--font-body);--type-breadcrumb:var(--fw-bold) var(--fs-body-s)/1.2 var(--font-body);
}
:root{
--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;
--container-max:1200px;--gutter:24px;
--radius-0:0;--radius-1:2px;--radius-2:4px;--radius-pill:999px;--radius-round:50%;
--border-hair:1px;--border-thick:2px;--border-heavy:3px;
--shadow-none:none;--shadow-overlay:0 10px 30px rgba(24,23,28,.18);--dash-divider:2px dashed var(--ink-200);
--ease-machine:cubic-bezier(.2,.8,.2,1);/* @kind other */--ease-snap:cubic-bezier(.5,0,.1,1);/* @kind other */--dur-fast:120ms;/* @kind other */--dur-base:200ms;/* @kind other */--dur-slow:400ms;/* @kind other */
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font:var(--type-body);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;line-height:var(--lh-heading);margin:0;text-wrap:balance}
p{margin:0;text-wrap:pretty}
a{color:var(--text-link);text-decoration:underline;text-underline-offset:2px}
a:hover{color:var(--text-link-hover)}
:focus-visible{outline:none;box-shadow:var(--focus-ring)}

*{box-sizing:border-box}body{margin:0;background:#fff;color:#18171C;font-family:Arial,Arimo,sans-serif;font-size:17px;line-height:1.6}
a{color:#3F804A;text-decoration:none}a:hover{color:#18171C}
.wrap{max-width:1240px;margin:0 auto;padding:0 40px}
.disp{font-family:Impact,sans-serif;font-weight:400;line-height:.9;letter-spacing:0;margin:0;text-wrap:balance}
.sub{font-family:'Special Gothic Condensed One',sans-serif;font-weight:400;font-size:26px;line-height:1.05;margin:0}
.lbl{font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
p{margin:0 0 1em;text-wrap:pretty}
.note{display:inline-block;background:#D9729A;color:#fff;font-size:13px;font-weight:700;padding:3px 10px;border-radius:999px;margin:4px 0}
.x{background:#D9729A;color:#fff;padding:0 6px;border-radius:999px;font-weight:700;font-size:.85em}
.opt{opacity:.55}
.btn{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase;padding:14px 26px;border-radius:999px;border:2px solid transparent;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s cubic-bezier(.2,.8,.2,1)}
.btn-pink{background:#D9729A;color:#fff}.btn-pink:hover{background:#B85580;color:#fff}
.btn-out{border-color:#18171C;color:#18171C}.btn-out:hover{background:#D6E8D8;color:#18171C}
.btn-white{background:#fff;color:#18171C}.btn-white:hover{background:#18171C;color:#fff}
/* header */
header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:2px solid #18171C}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:84px}
header img{height:56px;display:block}
nav{display:flex;gap:28px;align-items:center}
nav a{color:#18171C;font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;padding:6px 0;border-bottom:3px solid transparent}
nav a:hover{color:#3F804A}nav a.on{border-color:#67AF71}
.page{display:none}.page.on{display:block}
/* hero */
.hero{background:#67AF71;color:#fff;padding:96px 0 88px}
.hero .disp{font-size:clamp(48px,9vw,140px);max-width:none}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:56px;align-items:end;margin-top:48px}
.hero-grid p{font-size:20px;line-height:1.5}
.hero .lbl{color:#fff;opacity:1}
section.blk{padding:96px 0}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:64px}
.h2{font-size:clamp(48px,6vw,84px);color:#67AF71}
.rule{border-top:1px solid #67AF71;padding-top:14px;margin-bottom:40px;color:#67AF71}
.lead{font-size:21px;line-height:1.5}
/* propositie */
.props{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:2px solid #18171C;margin-top:56px}
.prop{padding:32px 28px 40px 0;border-bottom:1px solid #D6E8D8}
.prop:not(:nth-child(3n)){border-right:1px solid #D6E8D8;margin-right:0}
.prop:nth-child(3n+2),.prop:nth-child(3n){padding-left:28px}
.prop .num{font-family:Impact,sans-serif;font-size:56px;line-height:1;color:#67AF71;display:block;margin-bottom:16px}
.prop .sub{margin-bottom:10px}.prop p{color:#595959;font-size:16px;margin:0}
/* radicaal normaal */
.paper{background:#F4F1EA}
.steps{list-style:none;margin:40px 0 0;padding:0;counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:72px 1fr;align-items:baseline;border-top:1px solid #18171C;padding:14px 0;font-family:'Special Gothic Condensed One',sans-serif;font-size:32px;line-height:1.1}
.steps li::before{content:counter(s);font-family:Impact,sans-serif;font-size:40px;color:#67AF71}
.steps li.last{color:#D9729A;border-top:3px solid #D9729A}.steps li.last::before{content:"→";color:#D9729A}
/* projecten cards */
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-top:48px}
.card{display:block;color:#18171C}
.card .img{aspect-ratio:4/3;position:relative;background:#D6E8D8}
.card .meta{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:2px solid #18171C;padding:16px 0}
.card .sub{font-size:30px}.card .arrow{font-size:28px;color:#67AF71;transition:transform .15s}
.card:hover .arrow{transform:translateX(6px)}.card:hover{color:#18171C}
/* cta */
.cta{background:#D9729A;color:#fff;padding:104px 0}
.cta .disp{font-size:clamp(64px,10vw,140px);text-transform:uppercase}
.cta-row{display:flex;justify-content:space-between;align-items:end;gap:40px;flex-wrap:wrap;margin-top:32px}
.cta p{font-size:21px;max-width:36ch;margin:0}
.cta-row img{height:110px}
/* footer */
footer{background:#18171C;color:#fff;padding:40px 0 24px;font-size:15px}
footer .grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px}
footer img{height:72px;width:auto;max-width:100%;display:block}footer a{color:#fff}footer a:hover{color:#67AF71}
footer .lbl{color:#67AF71;display:block;margin-bottom:10px}
footer .small{margin-top:28px;padding-top:16px;border-top:1px solid #3a3940;color:#9a99a0;font-size:13px}
/* page header */
.phead{padding:88px 0 56px;border-bottom:2px solid #18171C}
.phead .disp{font-size:clamp(72px,11vw,160px);color:#67AF71}
.crumb{display:flex;align-items:center;gap:10px;margin-bottom:28px;font-size:14px;color:#595959}
.crumb::before{content:"";width:10px;height:10px;border-radius:50%;background:#67AF71}
/* project detail */
.proj{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;padding:88px 0;border-bottom:1px solid #D6E8D8;align-items:start}
.proj:nth-child(even) .pimg{order:2}
.pimg{aspect-ratio:4/5;position:relative;position:sticky;top:120px}
.proj .disp{font-size:clamp(44px,5vw,72px);color:#67AF71;margin:16px 0 28px}
.facts{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.facts span{border:2px solid #18171C;border-radius:999px;padding:4px 14px;font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.proj p{color:#3a3940}
/* org */
.flow{margin-top:56px;display:grid;gap:0}
.flow-top{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ent{border:2px solid #18171C;padding:22px 20px 24px;background:#fff}
.ent .sub{font-size:24px;margin-bottom:8px}.ent p{font-size:15px;color:#595959;margin:0}
.io{font-family:Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#F4F1EA;padding:2px 8px;border-radius:999px;vertical-align:middle;margin-left:4px}
.conn{height:48px;display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.conn span{border-right:2px dashed #18171C;width:50%}
.conn.one{grid-template-columns:1fr}.conn.one span{width:50%}
.ent.mid{background:#67AF71;border-color:#67AF71;color:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:32px;align-items:center;padding:32px}
.ent.mid .sub{font-size:36px}.ent.mid p{color:#fff;font-size:16px}
.ent.deep{background:#3F804A;border-color:#3F804A;color:#fff;padding:32px}
.ent.deep p{color:#fff;font-size:16px}
.mg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}
.mg div{border:2px dashed #fff;padding:14px 16px;font-family:'Special Gothic Condensed One',sans-serif;font-size:22px}
.team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 28px;margin-top:48px}
.person .ph{aspect-ratio:1;position:relative;margin-bottom:16px;background:#D6E8D8}
.person .sub{font-size:26px}.person .role{color:#67AF71;margin:4px 0 10px;display:block}
.person p{font-size:15px;color:#595959}
.grp{margin-top:72px}
@media (max-width:1100px){nav .btn{display:none}}
@media (max-width:900px){.wrap{padding:0 22px}.hero-grid,.split,.proj,.ent.mid{grid-template-columns:1fr;gap:28px}.props{grid-template-columns:1fr}.prop{border-right:0!important;padding-left:0!important}.cards{grid-template-columns:1fr}.flow-top,.mg{grid-template-columns:1fr 1fr}.conn{display:none}.flow{gap:16px}.team{grid-template-columns:1fr 1fr}.proj:nth-child(even) .pimg{order:0}.pimg{position:relative;top:0}nav{gap:16px}nav .btn{display:none}footer .grid{grid-template-columns:1fr}}