:root{--navy:#082f49;--blue:#087fab;--cyan:#28bcea;--ink:#123447;--muted:#567080;--pale:#eff7fb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font:16px/1.6 Arial,Helvetica,sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #20b7e4;outline-offset:4px}.topline{background:var(--navy);color:white;padding:9px 6%;font-size:14px;display:flex;justify-content:space-between}header{padding:22px 6%;display:flex;align-items:center;justify-content:space-between;background:white;gap:24px}.brand{font-size:30px;font-weight:800;letter-spacing:-1.2px;line-height:1.1}.brand span{color:var(--blue)}.brand small{font-size:10px;letter-spacing:2.2px;display:block;margin-top:7px}nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}.button{background:var(--blue);color:white;display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;font-weight:700;border:0;cursor:pointer;border-radius:3px}.button:hover{background:var(--navy)}.small{padding:12px 18px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:var(--pale)}.hero-copy{padding:72px 9% 50px 12%}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2.5px;color:var(--blue);margin:0 0 24px}h1{font-size:clamp(42px,4.6vw,70px);line-height:1.07;letter-spacing:-3px;margin:0 0 26px;font-weight:750}h1 em{font-style:normal;color:var(--blue)}.hero-copy>p:not(.eyebrow){max-width:470px;font-size:18px;color:var(--muted)}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:28px}.textlink{font-weight:700;border-bottom:1px solid;padding-bottom:4px;font-size:14px}.hero-note{font-size:13px;color:var(--muted);margin-top:50px}.photo{position:relative;overflow:hidden;background:#d9e6ec}.photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.64)}.hero-image img{transform:scale(1.32)}.image-label{position:absolute;bottom:28px;left:30px;background:white;padding:11px 18px;font-size:14px}.service-strip{display:flex;justify-content:space-around;gap:20px;padding:24px 6%;background:var(--navy);color:white;font-size:14px}.section{padding:88px 6%;max-width:1600px;margin:auto}.section-title{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:44px}.section-title>p{max-width:360px;color:var(--muted)}h2{font-size:clamp(32px,3.2vw,48px);line-height:1.13;letter-spacing:-1.7px;margin:0 0 16px}h3{font-size:21px;line-height:1.3;margin:17px 0 12px;letter-spacing:-.5px}.services{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d6e3e9;border-left:1px solid #d6e3e9}.services article,.service-cta{padding:28px;border-right:1px solid #d6e3e9;border-bottom:1px solid #d6e3e9}.services article>span{font-size:13px;color:var(--blue)}.services p{font-size:15px;color:var(--muted)}.service-cta{background:var(--pale);display:flex;flex-direction:column;justify-content:center}.service-cta>span{font-size:14px;font-weight:700;color:var(--blue)}.projects{background:var(--pale);max-width:none}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 24px}.gallery figure{margin:0}.gallery .photo{height:340px}.gallery figcaption{display:flex;justify-content:space-between;gap:10px;padding-top:17px;font-size:14px}.gallery figcaption span{color:var(--muted);font-size:12px}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.about p:not(.eyebrow){color:var(--muted)}.logo-crop{position:relative;aspect-ratio:1/1;overflow:hidden}.logo-crop img{position:absolute;width:100%;height:217.6%;top:-58.8%;object-fit:fill}.contact{max-width:none;background:var(--navy);color:white;display:grid;grid-template-columns:.8fr 1.2fr;gap:9%}.contact .eyebrow{color:var(--cyan)}.contact>div>p:not(.eyebrow){color:#c2d6e3;max-width:400px}.contact-link{display:block;margin-top:18px;font-size:22px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:14px;font-weight:600;margin-bottom:18px}input,textarea,select{display:block;width:100%;border:1px solid #cad9e0;border-radius:3px;padding:12px;margin-top:7px;background:white;color:var(--ink);min-width:0}textarea{resize:vertical}.secondary{background:transparent;border:1px solid #7898ab;color:white;padding:14px 20px;cursor:pointer;border-radius:3px}.fine{font-size:12px;color:#b8cdd8}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:32px 6%;font-size:14px}footer>span{color:var(--muted)}@media(max-width:1000px){.hero-copy{padding:55px 8%}.hero{min-height:560px}.services{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:repeat(2,1fr)}.contact{gap:5%}nav{gap:18px}}@media(max-width:650px){header{padding:20px 6%}.brand{font-size:26px}nav>a:not(.button){display:none}.small{padding:10px;font-size:12px}.topline{font-size:12px}.hero{grid-template-columns:1fr}.hero-copy{padding:48px 6%}h1{letter-spacing:-2px}.hero-note{margin-top:28px}.hero-image{height:420px}.hero-image img{transform:scale(1.25)}.service-strip{display:grid;grid-template-columns:1fr 1fr;font-size:12px;text-align:center}.section{padding:56px 6%}.section-title{display:block}.services article,.service-cta{padding:20px}h3{font-size:18px}.gallery{gap:28px 14px}.gallery .photo{height:245px}.gallery figcaption{display:block}.gallery figcaption span{display:block;margin-top:4px}.about,.contact{grid-template-columns:1fr;gap:35px}.logo-crop{max-width:340px;width:100%;margin:auto}.form-row{grid-template-columns:1fr;gap:0}footer{flex-direction:column;align-items:flex-start}.actions{gap:17px}.contact-link{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:root{color-scheme:only light}
html,body{background:#fff;color:#123447}
#diensten{background:#fff}
.topline{background:#e9f6fc;color:#16475f}
.service-strip{background:#e6f5fb;color:#18465d;border-top:1px solid #d6edf6;border-bottom:1px solid #d6edf6}
.button{border-radius:12px}
.hero{background:#f3faff}
.services{border:0;gap:18px}
.services article,.service-cta{border:1px solid #deedf4;background:#f5faff;border-radius:18px;padding:26px}
.services article>span{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#deeff8;color:#086e95}
.services h3{color:#123447;overflow-wrap:anywhere}
.services p{color:#435e6c;font-size:16px}
.service-cta{background:#e6f5fc}
.projects{background:#f1f9fd}
.project-story{max-width:1080px;margin:auto}
.story-copy{max-width:750px;margin:0 auto 36px}
.story-copy p{color:#435e6c;font-size:17px;line-height:1.8}
.story-copy .eyebrow{font-size:12px;color:#08739b}
.story-copy .story-lead{font-size:21px;color:#234c61;line-height:1.65}
.project-story figure{margin:0}
.story-photo{position:relative;overflow:hidden;border-radius:22px;background:#e4eef3}
.story-photo img{position:absolute;left:0;width:100%;max-width:none}
.window-photo{aspect-ratio:706/736}
.window-photo img{height:208.7%;top:-56.25%}
.story-wide{max-width:850px;margin:0 auto 52px!important}
.story-bottom{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}
.door-photo{aspect-ratio:706/882}
.door-photo img{height:174.15%;top:-37.07%}
.story-bottom .story-copy{margin:0}
.story-bottom h3{font-size:34px;line-height:1.2}
.contact{background:#edf8fe;color:#123447;border-top:1px solid #d7eaf4}
.contact .eyebrow{color:#08739b}
.contact>div>p:not(.eyebrow),.fine{color:#435e6c}
.contact form{background:#fff;padding:30px;border:1px solid #d8eaf3;border-radius:22px}
.contact .secondary{border-color:#9bbdce;color:#164c66;border-radius:12px}
input,textarea,select{background:#fff;color:#123447;border-radius:9px}
footer{background:#fff}
@media(max-width:650px){.services{grid-template-columns:1fr;gap:14px}.services article,.service-cta{padding:24px}.services h3{font-size:21px}.story-bottom{grid-template-columns:1fr;gap:30px}.story-wide{margin-bottom:28px!important}.story-bottom>figure{width:100%}.story-copy .story-lead{font-size:19px}.story-copy p{font-size:16px}.contact form{padding:22px}.story-photo{border-radius:16px}.story-bottom h3{font-size:30px}}
.whatsapp-big{display:inline-flex;align-items:center;gap:17px;background:#e8faef;border:2px solid #25d366;border-radius:18px;padding:18px 24px;color:#075e35;max-width:100%;text-decoration:none}
.whatsapp-big svg{width:58px;height:58px;flex-shrink:0;color:#128c4c}
.whatsapp-big span{display:flex;flex-direction:column}
.whatsapp-big small{font-size:14px;font-weight:600}
.whatsapp-big strong{font-size:clamp(23px,2.2vw,31px);line-height:1.3;white-space:nowrap}
.whatsapp-big:hover{background:#d6f7e2}
.contact .whatsapp-big{margin-top:24px}
.energy{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;background:#fff}
.energy p{color:#435e6c}
.energy .energy-intro{font-size:20px;line-height:1.7}
.energy-benefits{display:grid;gap:15px}
.energy-benefits article{padding:22px 26px;border-radius:18px;background:#f0f9fd;border:1px solid #d8edf5}
.energy-benefits h3{margin:0 0 8px;color:#126b88}
.energy-benefits p{margin:0;font-size:16px}
@media(max-width:650px){.energy{grid-template-columns:1fr;gap:30px}.whatsapp-big{padding:17px;gap:14px}.whatsapp-big svg{width:48px;height:48px}.hero .whatsapp-big{width:100%}.energy .energy-intro{font-size:18px}}