*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.notice{background:#18283d;color:#fff;text-align:center;font-size:12px;line-height:1.5;padding:10px 16px}.notice a{text-decoration:underline;margin-left:15px}.shell{max-width:1240px;margin:auto;padding:0 52px}header .shell{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:104px}.brand{display:flex;gap:13px;align-items:center;font-weight:bold;letter-spacing:1.1px;font-size:17px}.mark{display:grid;place-items:center;width:44px;height:44px;background:var(--accent);color:var(--button);font-size:25px}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:400;margin-top:7px}nav{display:flex;gap:28px;align-items:center;font-size:13px}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;background:var(--accent);color:var(--button);padding:17px 23px;font-size:13px;font-weight:bold;line-height:1.4;border:1px solid transparent}.small{padding:13px 20px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:bold;line-height:1.6}h1{font-size:66px;line-height:1.06;letter-spacing:-2.9px;margin:23px 0;font-weight:500}h1 em{font-style:normal;color:var(--accent)}.intro{font-size:16px;line-height:1.8;max-width:430px;color:var(--muted);margin-bottom:30px}.hero{position:relative}.split{display:grid;grid-template-columns:1fr 1fr;min-height:570px}.copy{padding:42px 34px 50px 0;align-self:center}.photo{width:100%;height:100%;min-height:570px;object-fit:cover}.under{font-size:11px;color:var(--muted);margin-top:24px;letter-spacing:.4px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:42px 0}.service-grid article{border-top:1px solid var(--line);padding-top:22px}.num{color:var(--accent);font-size:12px}h2{font-size:29px;line-height:1.2;letter-spacing:-.7px;font-weight:500}h3{font-size:21px;margin:14px 0;font-weight:500}.service-grid p{font-size:13px;line-height:1.8;color:var(--muted);max-width:260px}.closing{padding:65px 0;border-top:1px solid var(--line)}.closing .shell{display:flex;justify-content:space-between;align-items:center;gap:40px}.closing p{max-width:530px;color:var(--muted);line-height:1.8;font-size:15px}footer{background:var(--ink);color:var(--paper);padding:25px 0;font-size:12px}footer .shell{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.installatie{--paper:#faf7f2;--ink:#302b27;--muted:#716b63;--accent:#ae4e2d;--button:#fff;--line:#d9d0c5}.installatie .photo{border-radius:150px 0 0 0;object-position:58% center}.installatie .mark{border-radius:50%}.elektro{--paper:#101b30;--ink:#fff;--muted:#c0cadb;--accent:#c8f46d;--button:#152333;--line:#344055}.elektro header{border-bottom:1px solid #344055}.elektro .hero{margin-top:30px}.elektro .split{grid-template-columns:1.05fr 1fr}.elektro h1{font-size:62px;font-weight:700}.elektro .photo{clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);object-position:60% center}.elektro .service-grid article{background:#19263c;border-top:2px solid var(--accent);padding:23px}.elektro .mark{transform:skew(-8deg)}.klimaat{--paper:#f4f6f0;--ink:#203e32;--muted:#5a7063;--accent:#2d6049;--button:#fff;--line:#cad6c9}.klimaat .hero{background:#dde8d9;padding:0}.klimaat .split{min-height:545px}.klimaat .copy{padding:50px 25px 50px 0}.klimaat h1{font-family:Georgia,serif;font-size:64px;letter-spacing:-2px}.klimaat .photo{min-height:545px;object-position:65% center}.klimaat .mark{border-radius:50%;background:transparent;border:1px solid var(--accent);color:var(--accent)}.klimaat .button{border-radius:28px}.klimaat .service-grid{gap:0}.klimaat .service-grid article{padding:25px;border-right:1px solid var(--line)}.klimaat .service-grid article:last-child{border-right:0}@media(max-width:850px){.shell{padding:0 25px}nav a:not(.button){display:none}.brand{font-size:13px}.brand small{font-size:8px}header .shell{min-height:86px}h1,.elektro h1,.klimaat h1{font-size:46px;letter-spacing:-1.5px}.split,.elektro .split{grid-template-columns:1fr 1fr}.intro{font-size:14px}.photo{min-height:500px}.copy{padding-right:20px}.service-grid{gap:20px}}@media(max-width:600px){.notice{font-size:10px}.notice a{display:block;margin-left:0}.shell{padding:0 20px}nav{gap:0}.small{font-size:11px;padding:10px 12px}.brand{font-size:11px;gap:8px}.mark{width:32px;height:32px;font-size:19px}.split,.elektro .split{grid-template-columns:1fr;min-height:0}.copy,.klimaat .copy{padding:30px 0}.photo,.klimaat .photo{height:320px;min-height:320px}.installatie .photo{border-radius:65px 0 0 0}.elektro .photo{clip-path:none}.elektro .hero{margin-top:0}.service-grid{grid-template-columns:1fr;padding:28px 0;gap:18px}.service-grid article,.klimaat .service-grid article{padding:18px 0;border-right:0}.service-grid p{max-width:none}.closing .shell{display:block}.closing{padding:35px 0}.closing .button{margin-top:10px}h1,.elektro h1,.klimaat h1{font-size:48px}}