@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--green:#00663c;--lime:#83ad37;--ink:#17241c;--cream:#f5f6f0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,22px);background:white;position:sticky;top:0;z-index:20;box-shadow:0 1px 10px #0000000a}.brand img{width:min(390px,45vw);height:auto;display:block}nav{display:flex;gap:30px;align-items:center}nav a{text-decoration:none;color:var(--ink);font-weight:700;font-size:14px}.navcta,.btn{background:var(--green);color:white!important;padding:15px 23px;border-radius:3px;border:0;text-decoration:none;font-weight:700;display:inline-block;cursor:pointer}.menu{display:none}.hero{min-height:660px;height:76vh;max-height:880px;position:relative;display:flex;align-items:center}.hero>img,.shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shade{background:linear-gradient(90deg,#0d211bdc 0%,#0d211b75 48%,#0d211b18 100%)}.hero-copy{position:relative;color:white;padding:0 8vw;max-width:900px}.eyebrow{letter-spacing:.19em;font-weight:800;font-size:12px}.hero h1{font-size:clamp(45px,6vw,86px);line-height:1.1;letter-spacing:-.055em;margin:24px 0}.hero em,h2 em{font-style:normal;color:var(--lime)}.hero p{font-size:19px;line-height:1.65;max-width:570px}.actions{display:flex;gap:14px;margin-top:35px}.outline{background:transparent;border:1px solid white}.strip{background:var(--green);color:white;text-align:center;padding:18px;letter-spacing:.13em;font-size:12px;font-weight:800}.strip span{padding:0 25px;color:var(--lime)}.section{padding:105px max(5vw,22px)}.green{color:var(--green)}.sectionhead{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:40px}.sectionhead p{max-width:390px;line-height:1.7;color:#59645a}h2{font-family:Manrope,sans-serif;font-size:clamp(35px,4.1vw,61px);line-height:1.15;letter-spacing:-.045em;margin:15px 0}h2 em{color:var(--green)}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.services article{background:var(--cream)}.services img{width:100%;height:240px;object-fit:cover}.services article>div{padding:25px}.services span{color:var(--green);font-weight:800}.services h3{font-size:24px;margin:12px 0}.services p{line-height:1.6;color:#59645a}.feature{display:grid;grid-template-columns:1fr 1fr;background:#173b29;color:white}.feature>div{padding:9vw 8vw}.feature h2 em{color:#a6cc69}.feature p{line-height:1.9;margin-bottom:30px}.feature img{width:100%;height:100%;min-height:500px;object-fit:cover}.gallerysection{background:#f6f7f3}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.filters button{border:1px solid #c9d1c9;background:white;padding:11px 20px;cursor:pointer;font-weight:700}.filters .active{background:var(--green);color:white}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery button{padding:0;border:0;background:transparent;cursor:pointer;position:relative;overflow:hidden;aspect-ratio:4/5}.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.gallery button:hover img{transform:scale(1.06)}.gallery span{position:absolute;bottom:0;left:0;right:0;padding:25px 10px 12px;color:white;text-align:left;background:linear-gradient(transparent,#000a);font-weight:700}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#123923;color:white;padding:100px 8vw}.contact h2 em{color:#a6cc69}.contact p{line-height:1.8}.address{margin-top:40px}.contact form{background:white;color:var(--ink);padding:34px;display:grid;gap:15px}.contact label{font-size:14px;font-weight:700;display:grid;gap:8px}.contact input,.contact select,.contact textarea{width:100%;font:inherit;padding:13px;border:1px solid #cdd4cc;border-radius:2px}.contact small{color:#657365;line-height:1.5}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:35px 5vw;font-size:12px;color:#59645a}footer img{width:250px;max-width:35%}dialog{max-width:min(94vw,1050px);border:0;padding:15px;background:#13281b;color:white}dialog::backdrop{background:#000d}dialog img{max-height:78vh;max-width:85vw;display:block;margin:auto}#close{position:absolute;right:12px;top:8px;background:#173b29;color:white;border:0;font-size:30px;cursor:pointer}.lightnav{display:flex;justify-content:space-between}.lightnav button{background:none;color:white;border:0;padding:12px;cursor:pointer}@media(max-width:900px){header{height:75px}.brand img{width:min(310px,67vw)}.menu{display:block;background:none;border:0;font-size:27px}nav{display:none;position:absolute;top:75px;left:0;right:0;background:white;padding:25px;flex-direction:column;align-items:stretch}nav.open{display:flex}.services,.gallery{grid-template-columns:repeat(2,1fr)}.sectionhead{display:block}.feature,.contact{grid-template-columns:1fr}.feature>div{padding:60px 7vw}.feature img{min-height:350px;max-height:550px}.contact{padding:70px 6vw}footer{flex-wrap:wrap}}@media(max-width:560px){.hero{height:75vh;min-height:580px}.hero-copy{padding:0 6vw}.hero p{font-size:16px}.actions{flex-wrap:wrap}.strip{font-size:10px;line-height:2}.strip span{padding:0 5px}.section{padding:65px 5vw}.services,.gallery{grid-template-columns:1fr 1fr;gap:10px}.services img{height:150px}.services article>div{padding:15px}.services h3{font-size:18px}.services p{font-size:13px}.gallery button{aspect-ratio:3/4}.contact form{padding:20px}footer img{max-width:90%}}
/* Projectfoto’s zonder onderschriften */
.gallery button span{display:none!important}
