:root{--paper:#f5f2eb;--ink:#252d28;--muted:#5d625c;--line:#d5d4c9;--ochre:#a58458;--sand:#e7dfd1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}a:focus-visible,button:focus-visible{outline:2px solid var(--ochre)}.skip{position:fixed;left:20px;top:-100px;z-index:50;background:white;padding:12px}.skip:focus{top:20px}.concept{text-align:center;background:var(--ink);color:#f5f2eb;font-size:11px;letter-spacing:.12em;padding:8px 15px}header{max-width:1600px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:30px 5%;gap:30px}.brand{display:flex;gap:15px;align-items:center;line-height:1.3;white-space:nowrap}.brand b{font-family:Georgia,serif;font-size:48px;font-weight:400;letter-spacing:-5px}.brand b span{font-size:31px;font-style:italic;margin-right:3px}.brand>span{font-size:15px;letter-spacing:.13em}.brand small{display:block;font-size:8px;letter-spacing:.13em;margin-top:6px}nav{display:flex;gap:28px;align-items:center;font-size:13px}.navcta{border-bottom:1px solid var(--ink);padding:10px 0}.menu{display:none}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.04;letter-spacing:-.045em}h1{font-size:clamp(58px,6.9vw,112px)}h2{font-size:clamp(38px,4.2vw,67px)}em{color:var(--ochre);font-weight:400}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.18em;margin-bottom:25px;line-height:1.6}.hero{display:grid;grid-template-columns:1fr 1.05fr;min-height:650px;max-width:1600px;margin:0 auto}.hero-text{padding:50px 7% 30px 10%}.hero-text>p:not(.eyebrow){max-width:380px;color:var(--muted);margin:28px 0;line-height:1.8;font-size:15px}.button{display:inline-flex;background:var(--ink);color:var(--paper);align-items:center;justify-content:space-between;gap:40px;font-size:13px;padding:17px 22px;border:0;cursor:pointer}.button:hover{background:#465449}.button span{font-size:22px;line-height:1}.hero-meta{display:flex;flex-wrap:wrap;gap:20px;border-top:1px solid var(--line);margin-top:48px;padding-top:20px;font-size:10px;letter-spacing:.03em}.hero-image{position:relative;min-height:650px;background:var(--sand);overflow:hidden}.hero-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center}.hero-image:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#171b1699);pointer-events:none}.hero-image figcaption{position:absolute;top:20px;left:25px;background:#f5f2ebdd;padding:8px 12px;font-size:8px;letter-spacing:.1em}.image-label{position:absolute;bottom:35px;left:40px;color:white;z-index:1;font:italic 31px/1.3 Georgia,serif}.section{padding:95px 7%;max-width:1600px;margin:auto}.split{display:grid;grid-template-columns:1fr 1fr;gap:12%}.split>div{max-width:510px}.lead{font-size:20px;line-height:1.6;margin-bottom:20px}.split p:not(.lead){color:var(--muted);font-size:15px}.textlink{display:inline-block;margin-top:25px;border-bottom:1px solid var(--ink);font-size:13px;padding-bottom:7px}.expertise{background:var(--sand)}.sectionhead{display:flex;justify-content:space-between;gap:70px;align-items:end;margin-bottom:50px}.sectionhead>p{max-width:325px;font-size:14px;color:var(--muted)}.services{display:grid;grid-template-columns:repeat(3,1fr)}.services article{padding:25px 30px 35px 0;border-top:1px solid #bfbeb0}.services article:nth-child(3n+2),.services article:nth-child(3n+3){padding-left:30px}.services article>span{font:italic 22px Georgia;color:#7c7c68}.services h3{font:400 24px/1.2 Georgia;margin:22px 0 15px;letter-spacing:-.025em}.services p{font-size:14px;color:var(--muted);min-height:95px;max-width:290px}.services a{display:inline-block;font-size:12px;margin-top:15px;border-bottom:1px solid #92978d;padding-bottom:4px}.energie{border-top:1px solid #bfbeb0;margin-top:10px;padding-top:25px;display:grid;grid-template-columns:.8fr 1.3fr 1.2fr;gap:20px}.energie>span{font-size:9px;letter-spacing:.1em}.energie h3{font:25px/1.3 Georgia}.energie p{font-size:12px;color:var(--muted)}.energie a{grid-column:2;font-size:12px}.maatwerk{max-width:1600px;margin:auto;display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:var(--paper)}.maatwerk figure{position:relative;min-height:620px}.maatwerk img{width:100%;height:100%;position:absolute;object-fit:cover}.maatwerk figcaption{position:absolute;bottom:20px;left:20px;color:white;background:#252d28bb;font-size:8px;padding:5px 9px;letter-spacing:.05em}.maatwerk>div{padding:70px 12%}.maatwerk p:not(.eyebrow){font-size:14px;line-height:1.9;margin:25px 0;max-width:390px;color:#dbdfd5}.maatwerk .button{background:var(--paper);color:var(--ink)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:55px}.steps span{font:italic 42px Georgia;color:var(--ochre)}.steps h3{font-size:18px;font-weight:400;margin:20px 0 14px}.steps p{font-size:14px;color:var(--muted)}.vragen{background:#edeae1;display:grid;grid-template-columns:1fr 1.25fr;gap:80px}.vragen details{border-bottom:1px solid #bfc3b8;padding:20px 0}.vragen summary{cursor:pointer;font-size:15px}.vragen details p{font-size:14px;color:var(--muted);padding:16px 0 5px}.contact{display:grid;grid-template-columns:1fr 1.1fr;gap:12%;padding-bottom:80px}.contact>div>p:not(.eyebrow){max-width:300px;font-size:14px;color:var(--muted);margin:25px 0}.contact>div>a{display:block;font-size:14px}.contact .phone{font:26px Georgia;margin-bottom:10px}.contact .address{font-size:12px!important}form label{display:block;font-size:12px;margin-bottom:20px}input,select,textarea{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #9ca297;border-radius:0;padding:12px 0;resize:vertical;color:var(--ink)}select option{background:var(--paper)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}form .button{width:100%;text-align:left}.fine{font-size:10px;color:var(--muted);line-height:1.7;margin-top:15px}#formstatus{font-size:13px;margin-top:15px}footer{border-top:1px solid var(--line);padding:35px 7%;display:flex;align-items:center;gap:50px;flex-wrap:wrap}footer>p,footer>a:not(.brand){font-size:12px}footer .fine{flex-basis:100%;margin:0}.brand:hover{opacity:.8}
@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:1050px){header{padding:22px 5%}nav{gap:18px;font-size:12px}.brand>span{font-size:12px}.brand small{font-size:7px}.hero{min-height:610px}.hero-image{min-height:610px}.hero-text{padding-top:35px}.hero-meta{gap:10px;margin-top:32px}.section{padding:70px 6%}.services p{min-height:125px}.maatwerk>div{padding:60px 10%}.maatwerk figure{min-height:550px}.energie{grid-template-columns:1fr 1fr}.energie>span{grid-column:1/-1}.energie a{grid-column:1}.sectionhead{gap:30px}.steps{gap:20px}}@media(max-width:760px){.concept{font-size:9px;letter-spacing:.05em}header{position:relative}.brand b{font-size:42px}.menu{display:block;background:none;border:1px solid var(--line);padding:8px 12px;font-size:12px}nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;background:var(--paper);padding:20px 6%;border-bottom:1px solid var(--line)}nav.open{display:flex;flex-direction:column;align-items:start}.hero{grid-template-columns:1fr}.hero-text{padding:35px 7%}.hero h1{font-size:clamp(63px,14vw,94px)}.hero-text>p:not(.eyebrow){max-width:450px}.hero-image{min-height:440px}.image-label{font-size:26px;bottom:25px;left:25px}.hero-image img{object-position:70% center}.split,.vragen,.contact{grid-template-columns:1fr;gap:30px}.section{padding:55px 7%}.sectionhead{display:block}.sectionhead>p{margin-top:25px;max-width:450px}.services{grid-template-columns:1fr 1fr}.services article{padding:23px 22px 28px 0!important}.services article:nth-child(even){padding-left:18px!important}.services p{min-height:125px}.services h3{font-size:23px}.energie{grid-template-columns:1fr;gap:14px}.energie h3{max-width:400px}.maatwerk{grid-template-columns:1fr}.maatwerk figure{min-height:420px}.maatwerk>div{padding:50px 7%}.steps{grid-template-columns:1fr 1fr;gap:30px}.vragen{gap:25px}.contact .fields{gap:0 20px}.contact>div>p:not(.eyebrow){max-width:100%}footer{gap:25px}footer .brand{flex-basis:100%}}@media(max-width:390px){.brand{gap:10px}.brand>span{font-size:10px}.brand small{font-size:6px}.services{grid-template-columns:1fr}.services article{padding-left:0!important}.services article:nth-child(even){padding-left:0!important}.services p{min-height:0}.fields{grid-template-columns:1fr}.button{gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}