:root{--forest:#3f6b3a;--forest-700:#335a2f;--grass:#8fb43f;--grass-600:#6f9330;--earth:#5a4632;--earth-300:#8a7560;--ink:#16210f;--ink-2:#38432d;--ink-3:#6a7560;--oat:#f3f5ee;--oat-200:#e8ecdd;--paper:#fbfcf8;--line:#dde2d2;--line-2:#c9d1ba;--shadow:0 24px 60px -28px rgba(22,33,15,.4);--shadow-sm:0 8px 24px -14px rgba(22,33,15,.35);--ease:cubic-bezier(.22,.61,.36,1);--wrap:1200px;--r:6px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Hanken Grotesk,system-ui,sans-serif;background:var(--oat);color:var(--ink);line-height:1.6;font-size:17px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}.foot-kop,h1,h2,h3{font-family:Bricolage Grotesque,Hanken Grotesk,sans-serif;font-weight:600;line-height:1.04;letter-spacing:-.02em;color:var(--ink)}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 1.6rem}.skip{position:absolute;left:-999px;top:0;z-index:200;background:var(--ink);color:#fff;padding:.8rem 1.2rem;border-radius:0 0 var(--r) 0}.skip:focus{left:0}.eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-size:.74rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#5f6e4a}.eyebrow:before{content:"";width:1.6rem;height:2px;background:var(--grass);border-radius:2px}.eyebrow.on-dark{color:#c3e07a}.btn{--bg:var(--forest);--fg:#fff;display:inline-flex;align-items:center;gap:.55rem;background:var(--bg);color:var(--fg);font-family:Hanken Grotesk,sans-serif;font-weight:600;font-size:.95rem;padding:.85rem 1.5rem;border-radius:100px;border:none;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s;box-shadow:0 1px 0 rgba(22,33,15,.04)}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);background:var(--forest-700)}.btn .arr{transition:transform .25s var(--ease)}.btn:hover .arr{transform:translateX(4px)}.btn.lg{padding:1.05rem 1.9rem;font-size:1.02rem}.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line-2);box-shadow:none}.btn.ghost:hover{background:var(--oat-200);border-color:var(--forest)}.btn.light{background:var(--grass);color:var(--ink)}.btn.light:hover{background:#9cc24a}.btn.outline-light{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4);box-shadow:none}.btn.outline-light:hover{background:rgba(255,255,255,.1);border-color:#fff}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.1rem 0;transition:background .35s,box-shadow .35s,padding .35s}.nav.solid{background:rgba(251,252,248,.88);-webkit-backdrop-filter:blur(12px) saturate(1.1);backdrop-filter:blur(12px) saturate(1.1);box-shadow:0 1px 0 var(--line);padding:.7rem 0}.nav-inner{display:flex;justify-content:space-between;gap:1.5rem}.logo,.nav-inner{align-items:center}.logo{display:inline-flex;gap:.7rem}.mark{width:40px;height:40px;flex:0 0 auto}.wm{display:flex;flex-direction:column;line-height:1}.wm-top{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:1.12rem;letter-spacing:-.01em;color:var(--ink)}.wm-main{font-size:.68rem;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--grass-600);margin-top:.18rem}.nav:not(.solid) .wm-top{color:#fff}.nav.solid .wm-top{color:var(--ink)}.nav:not(.solid) .wm-main{color:rgba(255,255,255,.85)}.nav:not(.solid) .lnk{color:rgba(255,255,255,.92)}.nav-links{display:flex;align-items:center;gap:2rem}.lnk{font-weight:500;font-size:.95rem;color:var(--ink-2);position:relative;transition:color .2s}.lnk:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background:var(--grass);transition:width .28s var(--ease)}.lnk:hover{color:var(--forest)}.nav:not(.solid) .lnk:hover{color:#fff}.lnk:hover:after{width:100%}.menu-btn{display:none;background:none;border:none;cursor:pointer;width:30px;height:22px;position:relative}.menu-btn span{position:absolute;left:0;width:100%;height:2px;background:var(--ink);border-radius:2px;transition:.3s}.nav:not(.solid) .menu-btn span{background:#fff}.menu-btn span:first-child{top:0}.menu-btn span:nth-child(2){top:10px}.menu-btn span:nth-child(3){top:20px}.hero{position:relative;min-height:92vh;display:flex;align-items:flex-end;overflow:hidden}.hero-img{position:absolute;inset:0;z-index:-2}.hero-img img{width:100%;height:100%;object-fit:cover;animation:kenburns 22s ease-out forwards}@keyframes kenburns{0%{transform:scale(1.08)}to{transform:scale(1)}}.hero-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(22,33,15,.82) 0,rgba(22,33,15,.32) 42%,rgba(22,33,15,.12) 70%,rgba(22,33,15,.35))}.hero-inner{padding-top:9rem;padding-bottom:4.5rem;max-width:820px}.hero .eyebrow{color:var(--grass)}.hero h1{color:#fff;font-size:clamp(2.5rem,6.4vw,4.6rem);margin:1rem 0 1.3rem;text-shadow:0 2px 30px rgba(0,0,0,.25)}.hero h1 em{font-style:normal;color:var(--grass)}.hero .lead{color:rgba(255,255,255,.92);font-size:clamp(1.05rem,1.8vw,1.28rem);max-width:620px}.hero-cta{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2rem}.hero-trust{display:inline-flex;align-items:center;gap:.7rem;margin-top:2.2rem;color:rgba(255,255,255,.85);font-size:.9rem;font-weight:500}.hero-trust .dot{width:7px;height:7px;border-radius:50%;background:var(--grass);box-shadow:0 0 0 4px rgba(143,180,63,.25)}.strip{background:var(--ink);color:var(--oat);overflow:hidden}.strip-track{display:flex;gap:3rem;padding:.9rem 0;white-space:nowrap;animation:marq 30s linear infinite;width:max-content}.strip-track span{font-size:.82rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:rgba(243,245,238,.6);display:inline-flex;align-items:center;gap:3rem}.strip-track span:after{content:"✦";color:var(--grass)}@keyframes marq{to{transform:translateX(-50%)}}section{position:relative}section[id]{scroll-margin-top:84px}.sec-head{max-width:640px;margin-bottom:2.8rem}.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}.sec-head.center .eyebrow{justify-content:center}.sec-head h2{font-size:clamp(2rem,4vw,2.9rem);margin:1rem 0 .9rem}.sec-head h2 em{font-style:normal;color:var(--forest)}.sec-head p{color:var(--ink-2);font-size:1.06rem}.pad{padding:6rem 0}.pad-lg{padding:7.5rem 0}.werk{background:var(--oat)}.work-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:1.1rem;gap:1.1rem;grid-auto-rows:240px}.work-item{position:relative;overflow:hidden;border-radius:var(--r);grid-column:span 2;grid-row:span 1;box-shadow:var(--shadow-sm)}.work-item.tall{grid-row:span 2}.work-item.feat,.work-item.wide{grid-column:span 4}.work-item.feat{grid-row:span 2}.work-item img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.work-item:hover img{transform:scale(1.06)}.work-item:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(22,33,15,.7) 0,rgba(22,33,15,0) 48%);opacity:.85;transition:opacity .4s}.work-item:hover:after{opacity:1}.cap{position:absolute;left:1.1rem;bottom:1rem;z-index:2;color:#fff}.cap-t{font-family:Bricolage Grotesque,sans-serif;font-weight:600;font-size:1.12rem}.cap-s{font-size:.82rem;color:rgba(255,255,255,.82);letter-spacing:.04em}.diensten{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.dienst-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));grid-gap:1.2rem;gap:1.2rem}.dienst-card{background:var(--oat);border:1px solid var(--line);border-radius:var(--r);padding:1.7rem 1.6rem 1.5rem;cursor:pointer;position:relative;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s;display:flex;flex-direction:column;min-height:230px}.dienst-card:before{content:"";position:absolute;left:0;top:1.7rem;bottom:1.5rem;width:3px;background:var(--grass);border-radius:0 3px 3px 0;transform:scaleY(0);transform-origin:top;transition:transform .35s var(--ease)}.dienst-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--line-2)}.dienst-card:hover:before{transform:scaleY(1)}.dienst-card:focus-visible{outline:2px solid var(--forest);outline-offset:3px}.d-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.7rem}.d-head h3{font-size:1.3rem}.d-price{font-family:Bricolage Grotesque,sans-serif;font-weight:600;color:var(--forest);font-size:1.05rem;white-space:nowrap}.d-price small{font-size:.72rem;color:var(--ink-3);font-weight:500;display:block;text-align:right}.d-desc{color:var(--ink-2);font-size:.98rem;flex:1 1}.d-more{margin-top:1.1rem;font-weight:600;font-size:.92rem;color:var(--forest);display:inline-flex;align-items:center;gap:.4rem}.dienst-card:hover .d-more{gap:.65rem}.dienst-card.accent{background:linear-gradient(135deg,var(--forest),var(--forest-700));border-color:transparent;color:#fff}.dienst-card.accent h3{color:#fff}.dienst-card.accent .d-desc{color:rgba(255,255,255,.9)}.dienst-card.accent .d-more{color:var(--grass)}.dienst-card.accent:before{background:var(--grass)}.over{background:var(--oat)}.over-grid{display:grid;grid-template-columns:.82fr 1fr;grid-gap:4rem;gap:4rem;align-items:center}.over-media{position:relative}.over-media img{width:100%}.over-media .badge,.over-media img{border-radius:var(--r);box-shadow:var(--shadow)}.over-media .badge{position:absolute;right:-1rem;bottom:1.5rem;background:var(--paper);padding:1rem 1.2rem;border:1px solid var(--line);max-width:230px}.badge .b-q{font-family:Bricolage Grotesque,sans-serif;font-size:.98rem;color:var(--ink);line-height:1.35}.badge cite{display:block;margin-top:.5rem;font-style:normal;font-size:.82rem;color:var(--ink-3);font-weight:600}.over-copy h2{font-size:clamp(1.9rem,3.6vw,2.7rem);margin:1rem 0 1.1rem}.over-copy h2 em{font-style:normal;color:var(--forest)}.over-copy p{color:var(--ink-2);margin-bottom:1rem}.over-stats{display:flex;gap:2.5rem;margin-top:1.8rem;flex-wrap:wrap}.stat .n{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:2rem;color:var(--forest);line-height:1}.stat .l{font-size:.85rem;color:#5c6752;margin-top:.35rem}.werkwijze{background:var(--paper);border-top:1px solid var(--line)}.stappen{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.6rem;gap:1.6rem;counter-reset:stap}.stap{position:relative;padding-top:1.2rem}.stap:before{counter-increment:stap;content:"0" counter(stap);font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:1.05rem;color:var(--grass-600)}.stap:after{content:"";position:absolute;top:1.55rem;left:2.4rem;right:-.8rem;height:1px;background:var(--line-2)}.stap:last-child:after{display:none}.stap h3{font-size:1.18rem;margin:.7rem 0 .5rem}.stap p{font-size:.95rem;color:var(--ink-2)}.ervaringen{background:var(--forest-700);color:#fff}.ervaringen .sec-head h2{color:#fff}.ervaringen .sec-head p{color:rgba(255,255,255,.8)}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.4rem;gap:1.4rem}.review-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--r);padding:1.8rem 1.6rem}.stars{color:var(--grass);letter-spacing:.15em;font-size:.95rem;margin-bottom:.9rem}.review-card blockquote{font-family:Bricolage Grotesque,sans-serif;font-size:1.12rem;line-height:1.5;color:#fff;margin-bottom:1.2rem}.who{display:flex;align-items:center;gap:.7rem;color:rgba(255,255,255,.85)}.who,.who .av{font-size:.9rem}.who .av{width:34px;height:34px;border-radius:50%;background:var(--grass);color:var(--ink);display:grid;place-items:center;font-weight:700}.offerte-cta{background:var(--oat)}.offerte-card{background:linear-gradient(135deg,var(--forest) 0,var(--forest-700) 100%);border-radius:14px;padding:3.4rem;color:#fff;position:relative;overflow:hidden;display:grid;grid-template-columns:1.3fr 1fr;grid-gap:3rem;gap:3rem;align-items:center;box-shadow:var(--shadow)}.offerte-card:before{content:"";position:absolute;right:-80px;top:-80px;width:320px;height:320px;background:radial-gradient(circle,rgba(143,180,63,.28),transparent 70%)}.offerte-card h2{color:#fff;font-size:clamp(1.7rem,3vw,2.4rem)}.offerte-card h2 em{font-style:normal;color:var(--grass)}.offerte-card p{color:rgba(255,255,255,.88);margin:1rem 0 1.6rem}.offerte-info{display:grid;grid-gap:1rem;gap:1rem;position:relative}.info-row{display:flex;align-items:flex-start;gap:.9rem}.info-row .ic{width:38px;height:38px;flex:0 0 auto;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center;color:var(--grass);font-size:1.05rem}.info-row .k{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.6)}.info-row .v{font-weight:600}.demo{background:var(--ink);color:var(--oat);text-align:center}.demo-inner{max-width:680px;margin:0 auto}.tagdemo{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--grass);border:1px solid rgba(143,180,63,.4);padding:.4rem .9rem;border-radius:100px}.demo h2{color:#fff;font-size:clamp(1.8rem,4vw,2.8rem);margin:1.4rem 0 1rem}.demo h2 em{font-style:normal;color:var(--grass)}.demo p{color:rgba(243,245,238,.8);font-size:1.08rem;margin-bottom:2rem}.ft{background:var(--ink);color:rgba(243,245,238,.7);padding:4rem 0 2rem;border-top:1px solid rgba(255,255,255,.08)}.ft-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:3rem;gap:3rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.ft .wm-top{color:#fff}.ft .wm-main{color:var(--grass)}.ft-tag{margin-top:1rem;max-width:340px;font-size:.95rem}.ft-cols{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}.ft-col .foot-kop{color:#fff;font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;margin-bottom:1rem}.ft-col a{display:block;padding:.3rem 0;font-size:.95rem;color:rgba(243,245,238,.7);transition:color .2s}.ft-col a:hover{color:var(--grass)}.ft-base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.8rem;padding-top:1.6rem;font-size:.85rem;color:rgba(243,245,238,.5)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.in{opacity:1;transform:none}.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}@media (max-width:980px){.over-grid{grid-template-columns:1fr;gap:2.5rem}.over-media{max-width:460px}.offerte-card{grid-template-columns:1fr;gap:2rem;padding:2.4rem}.stappen{grid-template-columns:repeat(2,1fr);gap:2rem 1.6rem}.stap:after{display:none}.review-grid{grid-template-columns:1fr}.work-grid{grid-auto-rows:200px}}@media (max-width:760px){body{font-size:16px}.menu-btn{display:block}.nav-links{position:fixed;top:0;right:0;bottom:0;width:min(82vw,320px);flex-direction:column;align-items:flex-start;justify-content:center;gap:1.6rem;background:var(--paper);padding:2.5rem;transform:translateX(100%);visibility:hidden;transition:transform .35s var(--ease),visibility 0s linear .35s;box-shadow:var(--shadow)}.nav-links.open{transform:none;visibility:visible;transition:transform .35s var(--ease),visibility 0s}.nav:not(.solid) .lnk{color:var(--ink-2)}.nav:not(.solid) .lnk:hover{color:var(--forest)}.work-grid{grid-template-columns:repeat(2,1fr)}.work-item,.work-item.feat,.work-item.wide{grid-column:span 2;grid-row:span 1}.work-item.feat{grid-row:span 2}.ft-grid{grid-template-columns:1fr;gap:2rem}.pad,.pad-lg{padding:4.5rem 0}.hero-inner{padding-top:8rem}}@media (prefers-reduced-motion:reduce){*{animation:none!important}.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}.demo-lint{position:fixed;left:1.25rem;bottom:1.25rem;z-index:200;display:flex;align-items:center;gap:.75rem;padding:.6rem .6rem .6rem .7rem;border-radius:9999px;background:rgba(16,26,14,.94);color:#f1f5ec;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);box-shadow:0 14px 36px rgba(10,18,8,.4);font-size:.95rem;line-height:1.2}.demo-lint-kop{flex:none;padding:.4rem .7rem;border-radius:9999px;background:#b9d96a;color:#16240f;font-weight:800;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.demo-lint-tekst{font-weight:500}.demo-lint-knop{flex:none;display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:9999px;background:#3f6b3a;color:#fff;text-decoration:none;font-weight:700;font-size:.88rem;white-space:nowrap;transition:background .2s ease,transform .2s ease}.demo-lint-knop:hover{background:#355c31;transform:translateY(-1px)}.demo-lint-knop:focus-visible{outline:3px solid #b9d96a;outline-offset:3px}@media (max-width:620px){.demo-lint{left:.75rem;right:.75rem;bottom:.75rem;justify-content:space-between}.demo-lint-tekst{display:none}}@media (prefers-reduced-motion:reduce){.demo-lint-knop{transition:none}.demo-lint-knop:hover{transform:none}}.om-overlay{position:fixed;inset:0;z-index:10001;background:rgba(22,33,15,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:1.2rem;animation:om-fade .25s ease}@keyframes om-fade{0%{opacity:0}}.om-panel{position:relative;width:100%;max-width:560px;max-height:92vh;overflow-y:auto;background:var(--paper);border-radius:12px;padding:2.1rem 2rem 2.2rem;box-shadow:var(--shadow);animation:om-rise .3s var(--ease)}@keyframes om-rise{0%{transform:translateY(16px);opacity:0}}.om-close{position:absolute;top:.7rem;right:1rem;background:none;border:none;font-size:1.8rem;line-height:1;color:var(--ink-3);cursor:pointer}.om-close:hover{color:var(--ink)}.om-head{margin-bottom:1.4rem;padding-right:1.5rem}.om-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--grass-600)}.om-head h3{font-family:Bricolage Grotesque,sans-serif;font-weight:600;font-size:1.55rem;margin:.35rem 0 .3rem;color:var(--ink)}.om-sub{color:var(--ink-2);font-size:.95rem}.om-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.9rem;gap:.9rem}.om-field{display:grid;grid-gap:.35rem;gap:.35rem}.om-field.full{grid-column:1/-1}.om-field span{font-size:.8rem;font-weight:600;color:var(--ink-2)}.om-field input,.om-select,.om-textarea{width:100%;padding:.8rem 1rem;border:1px solid var(--line-2);border-radius:8px;font-family:Hanken Grotesk,system-ui,sans-serif;font-size:1rem;background:#fff;color:var(--ink)}.om-textarea{resize:vertical;min-height:96px}.om-field input:focus,.om-select:focus,.om-textarea:focus{outline:none;border-color:var(--forest);box-shadow:0 0 0 3px rgba(143,180,63,.25)}.om-error{color:#a23b2b;font-size:.9rem;background:rgba(162,59,43,.08);padding:.7rem .9rem;border-radius:8px;margin:.9rem 0 0}.om-btn{margin-top:1.2rem;width:100%;padding:1rem;border:none;border-radius:100px;background:linear-gradient(135deg,var(--forest),var(--forest-700));color:#fff;font-family:Hanken Grotesk,sans-serif;font-weight:600;font-size:.98rem;cursor:pointer;transition:filter .25s,transform .2s}.om-btn:hover{filter:brightness(1.07);transform:translateY(-1px)}.om-btn:disabled{opacity:.6;cursor:default;transform:none}.om-fine{font-size:.78rem;color:var(--ink-3);text-align:center;margin-top:.8rem}.om-thanks{text-align:center;padding:1rem 0}.om-check{width:58px;height:58px;border-radius:50%;background:var(--forest);color:#fff;display:grid;place-items:center;font-size:1.7rem;margin:0 auto 1.1rem}.om-thanks h3{font-family:Bricolage Grotesque,sans-serif;font-weight:600;font-size:1.45rem;margin-bottom:.6rem;color:var(--ink)}.om-thanks p{color:var(--ink-2);margin-bottom:1.4rem}@media (max-width:520px){.om-grid{grid-template-columns:1fr}.om-panel{padding:1.8rem 1.4rem 2rem}}.om-btn-demo{display:flex;flex-direction:column;align-items:center;gap:.35rem;text-decoration:none;text-align:center;line-height:1.35}.om-btn-tag{font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.78}.om-demo-strook{margin:0 0 1.1rem;padding:.7rem .95rem;border-radius:.8rem;background:rgba(24,40,20,.06);border:1px solid rgba(24,40,20,.16);color:var(--ink-2);font-size:.88rem;line-height:1.5}.om-demo-strook b{color:var(--ink)}