:root{--paper:#faf9f6;--ink:#282923;--muted:#5f6259;--line:#d8d9d1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 Arial,Helvetica,sans-serif}::selection{background:#dce0d3}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:2px solid #485b3e;outline-offset:5px}header{height:108px;display:flex;align-items:center;justify-content:space-between;padding:0 6%}.brand{font:32px/1 Georgia,serif;letter-spacing:-.025em}.brand span{display:block;font:10px/1.3 Arial,sans-serif;margin-top:10px;letter-spacing:.14em;text-transform:uppercase}header nav{display:flex;gap:32px;font-size:13px}.mobile-menu{display:none}figure{margin:0}.hero{margin:0 3%}.hero img{display:block;width:100%;height:610px;object-fit:cover;object-position:50% 58%}.hero figcaption{font-size:11px;color:var(--muted);padding:12px 0;text-align:right}.intro{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:86px 8% 124px}h1,h2{font-weight:400;margin:0}h1{font:40px/1.2 Georgia,serif;letter-spacing:-.02em}.intro p{max-width:420px;margin:0 0 28px;font-size:16px;line-height:1.7}.links{display:flex;gap:26px;font-size:13px}.links a,.section-title>a,.appointment{border-bottom:1px solid var(--ink);padding-bottom:5px}.projects{padding:0 8% 122px;scroll-margin-top:35px}.section-title{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:32px}h2{font:27px/1.3 Georgia,serif}.section-title>a{font-size:12px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:44px}.gallery img{display:block;width:100%;height:470px;object-fit:cover}.gallery figure:first-child img{object-position:50% 70%}.gallery figcaption{display:flex;justify-content:space-between;gap:15px;font-size:12px;margin-top:16px}.gallery figcaption span+span{color:var(--muted)}.contact{margin:0 8%;padding:60px 0 68px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:baseline}.contact p{margin:0 0 14px;font-size:13px}.appointment{font-size:13px}footer{display:flex;justify-content:space-between;gap:32px;margin:0 8%;padding:30px 0 34px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}footer div{display:flex;gap:23px}@media(min-width:1600px){.hero img{height:720px}}@media(max-width:750px){header{height:90px;padding:0 6%}.brand{font-size:27px}header>nav{display:none}.mobile-menu{display:block;font-size:13px;position:relative}.mobile-menu summary{cursor:pointer;list-style:none}.mobile-menu nav{position:absolute;right:0;top:32px;width:170px;padding:20px;background:var(--paper);z-index:2;display:flex;flex-direction:column;gap:14px;border:1px solid var(--line)}.hero{margin:0 4%}.hero img{height:420px;object-position:48% 50%}.hero figcaption{font-size:10px}.intro{grid-template-columns:1fr;gap:28px;padding:46px 7% 70px}h1{font-size:32px}.intro p{font-size:14px;margin-bottom:22px}.links{gap:22px;font-size:12px}.projects{padding:0 7% 66px}.section-title{gap:20px;margin-bottom:25px}h2{font-size:23px}.section-title>a{white-space:nowrap;font-size:11px}.gallery{grid-template-columns:1fr;gap:34px}.gallery img{height:410px}.gallery figcaption{font-size:11px}.contact{margin:0 7%;padding:36px 0;display:block}.contact div{margin-top:22px}footer{margin:0 7%;flex-direction:column;gap:18px;padding:25px 0}footer div{flex-wrap:wrap;gap:12px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:750px){.mobile-menu summary{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:flex-end}.mobile-menu nav{top:48px}}

@font-face{font-family:Cormorant;src:url('assets/cormorant-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
header{position:absolute;z-index:3;top:0;width:100%;height:116px;color:#fff;padding:0 7%;background:rgba(18,20,18,.24)}.brand{font-family:Cormorant,Georgia,serif;font-size:37px;letter-spacing:0}.brand span{font-size:9px;letter-spacing:.18em;margin-top:8px}header nav{gap:34px;font-size:12px}.hero{margin:0;position:relative;height:min(850px,94svh);min-height:650px;background:#252720;color:#fff}.hero picture,.hero img{position:absolute;inset:0;width:100%;height:100%;display:block}.hero img{object-fit:cover;object-position:50% 58%}.hero:after{content:"";position:absolute;inset:0;background:rgba(13,16,13,.32);pointer-events:none}.hero-copy{position:absolute;z-index:1;left:9%;top:26%;max-width:540px}.hero h1{font-family:Cormorant,Georgia,serif;font-size:76px;line-height:.99;letter-spacing:-.015em;font-weight:400}.hero-copy p{font-size:13px;margin:26px 0 32px;letter-spacing:.015em}.hero-cta{display:inline-flex;align-items:center;gap:28px;background:#f7f5ef;color:#282923;padding:17px 23px;font-size:12px;min-height:50px}.hero-cta:hover{background:#fff;text-decoration:none}.hero-cta svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.2}.hero a:focus-visible{outline-color:#fff}.hero-caption{position:absolute;right:7%;bottom:34px;z-index:1;font-size:10px;letter-spacing:.025em}.intro h2{font-family:Cormorant,Georgia,serif;font-size:43px;line-height:1.08}.section-title h2,.contact h2{font-family:Cormorant,Georgia,serif;font-size:34px}.intro{padding-top:83px;padding-bottom:105px}
@media(max-width:750px){header{height:91px;padding:0 7%;background:rgba(18,20,18,.55)}.brand{font-size:32px}.mobile-menu nav{color:var(--ink)}.hero{height:740px;min-height:0;max-height:none;margin:0}.hero img{height:100%;object-position:56% 50%}.hero:after{background:rgba(13,16,13,.46)}.hero-copy{left:8%;right:8%;top:170px;max-width:340px}.hero h1{font-size:50px;line-height:1.04}.hero-copy p{font-size:12px;margin:23px 0 29px}.hero-cta{padding:16px 19px;font-size:12px;gap:22px}.hero-caption{left:8%;right:auto;bottom:27px;font-size:9px}.intro{padding:54px 7% 72px}.intro h2{font-size:34px}.section-title h2,.contact h2{font-size:28px}}

/* Bestaand logo in een rustige lichte header. */
header{position:relative;height:132px;background:var(--paper);color:var(--ink)}.brand{display:block;line-height:0}.brand img{display:block;width:100px;height:100px;object-fit:contain}.hero{height:min(780px,85svh);min-height:650px}header nav a{font-size:12px}@media(max-width:750px){header{height:108px;background:var(--paper);color:var(--ink)}.brand img{width:82px;height:82px}.hero{height:700px;min-height:0}.hero-copy{top:90px}}
/* Origineel transparant logo over de hero, zonder headerpaneel. */
header{position:absolute;top:0;z-index:3;background:transparent;color:#fff;height:132px}.hero{height:min(850px,94svh);min-height:650px}@media(max-width:750px){header{height:108px;background:transparent;color:#fff}.hero{height:740px;min-height:0}.hero-copy{top:170px}}
.text-link{display:inline-block;font-size:12px;border-bottom:1px solid var(--ink);padding:4px 0;min-height:32px}.products,.services,.additional{margin:0 8%;padding-bottom:110px;scroll-margin-top:36px}.products>h2,.services h2,.additional>h2{font:36px/1.15 Cormorant,Georgia,serif}.products>h2{margin-bottom:34px}.product-pair{display:grid;grid-template-columns:1fr 1fr;gap:44px}.product-pair img{width:100%;height:370px;object-fit:cover;display:block}.product-heading{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin:24px 0 10px}h3{font:28px/1.25 Cormorant,Georgia,serif;margin:0;font-weight:400}.product-pair p{font-size:14px;line-height:1.8;max-width:440px;margin:0;color:var(--muted)}.service-intro{display:flex;align-items:baseline;justify-content:space-between;gap:30px;margin-bottom:38px}.service-intro p{font-size:13px;margin:0;color:var(--muted)}.service-list{display:grid;grid-template-columns:1fr 1fr;column-gap:54px}.service-row{display:flex;gap:24px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:23px 0}.service-row:hover{text-decoration:none}.service-row:hover h3{text-decoration:underline;text-underline-offset:5px}.service-row h3{font-size:25px}.service-row p{font-size:12px;line-height:1.7;color:var(--muted);margin:8px 0 0;max-width:390px}.service-row svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.1}.service-actions{display:flex;gap:34px;margin-top:35px}.additional{padding-top:8px}.additional>div{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:32px}.additional h3{font-size:26px}.additional p{font-size:13px;line-height:1.8;color:var(--muted);margin:10px 0 0}.additional a:hover{text-decoration:none}.additional a:hover h3{text-decoration:underline;text-underline-offset:5px}@media(max-width:750px){.products,.services,.additional{margin:0 7%;padding-bottom:65px}.products>h2,.services h2,.additional>h2{font-size:30px}.product-pair{grid-template-columns:1fr;gap:38px}.product-pair img{height:300px}.product-heading{margin-top:20px}.product-pair p{font-size:13px}.service-intro{display:block;margin-bottom:26px}.service-intro p{margin-top:13px;max-width:280px}.service-list{grid-template-columns:1fr}.service-row h3{font-size:25px}.service-actions{flex-direction:column;align-items:flex-start;gap:14px;margin-top:22px}.additional>div{grid-template-columns:1fr;gap:26px}.additional>h2{max-width:290px}.text-link{min-height:44px;padding:10px 0}.service-row{padding:21px 0}}
.service-thumb{display:block;width:80px;height:80px;flex-shrink:0;object-fit:cover}.service-row>div{flex:1}.service-row{gap:20px;min-height:126px}.service-row h3{font-size:24px}@media(max-width:750px){.service-thumb{width:66px;height:76px}.service-row{gap:15px}.service-row h3{font-size:23px}.service-row p{font-size:12px}.service-row svg{width:16px;height:16px}}
.service-page header{position:relative;color:var(--ink);height:140px}.service-page .brand{background:#2c302a;padding:8px}.service-page .brand img{width:82px;height:82px}.page-intro{margin:0 8%;padding:45px 0 75px}.page-intro h1{font:60px/1.1 Cormorant,Georgia,serif}.page-intro p{font-size:15px;color:var(--muted);max-width:500px;margin:22px 0 0}.page-contact{margin:0 8%;padding:0 0 75px}@media(max-width:750px){.service-page header{height:115px}.service-page .brand img{width:70px;height:70px}.page-intro{margin:0 7%;padding:32px 0 55px}.page-intro h1{font-size:43px}.page-intro p{font-size:14px}.page-contact{margin:0 7%;padding-bottom:55px}}
.project-controls{display:flex;gap:12px;align-items:center}.project-controls>a{font-size:12px;border-bottom:1px solid var(--ink);margin-right:18px;padding-bottom:5px}.project-controls button{background:transparent;color:var(--ink);border:1px solid var(--line);width:44px;height:44px;padding:11px;cursor:pointer}.project-controls button:hover{border-color:var(--ink)}.project-controls button:disabled{opacity:.35;cursor:default}.project-controls svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.2}.project-track{display:flex;gap:32px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:25px;scrollbar-width:thin;scrollbar-color:#8d9287 var(--line)}.project-track figure{flex:0 0 calc((100% - 32px)/2);scroll-snap-align:start;min-width:0}.project-track img{width:100%;height:450px;object-fit:cover;display:block}.project-track figcaption{display:flex;justify-content:space-between;gap:15px;margin-top:16px;font-size:12px}.project-track figcaption span+span{color:var(--muted);text-align:right}.project-track::-webkit-scrollbar{height:4px}.project-track::-webkit-scrollbar-track{background:var(--line)}.project-track::-webkit-scrollbar-thumb{background:#8d9287}.project-controls button:focus-visible,.project-track:focus-visible{outline:2px solid #485b3e;outline-offset:4px}@media(max-width:750px){.projects .section-title{align-items:flex-start}.project-controls{gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:108px}.project-controls>a{margin:0 0 6px;width:100%;text-align:right;font-size:11px}.project-track{gap:20px}.project-track figure{flex-basis:88%}.project-track img{height:340px}.project-track figcaption{display:block;font-size:11px}.project-track figcaption span{display:block}.project-track figcaption span+span{text-align:left;margin-top:5px}}@media(prefers-reduced-motion:reduce){.project-track{scroll-behavior:auto}}
/* Beter leesbare hoofdnavigatie. */
header nav a{font-size:15px}.mobile-menu summary{font-size:15px}@media(max-width:750px){.mobile-menu nav a{font-size:15px}}
/* Compacte projectstrip. */
.project-track{gap:18px}.project-track figure{flex-basis:calc((100% - 72px)/5)}.project-track img{height:210px}.project-track figcaption{display:block;font-size:11px}.project-track figcaption span{display:block}.project-track figcaption span+span{text-align:left;margin-top:4px;font-size:10px;line-height:1.5}
@media(min-width:1100px){.project-track figure{flex-basis:calc((100% - 54px)/4.35)}}
@media(min-width:1600px){.project-track figure{flex-basis:calc((100% - 72px)/5)}.project-track img{height:230px}}
@media(min-width:751px) and (max-width:1099px){.project-track figure{flex-basis:calc((100% - 36px)/3)}.project-track img{height:190px}}
@media(max-width:750px){.project-track{gap:14px}.project-track figure{flex-basis:68%}.project-track img{height:205px}}
/* Iets grotere foto's binnen dezelfde projectstrip. */
.project-track img{height:260px}@media(min-width:1100px) and (max-width:1599px){.project-track figure{flex-basis:calc((100% - 54px)/4)}}@media(min-width:1600px){.project-track img{height:280px}}@media(min-width:751px) and (max-width:1099px){.project-track img{height:240px}}@media(max-width:750px){.project-track figure{flex-basis:74%}.project-track img{height:245px}}

.detail-content{max-width:1100px;margin:0 auto;padding:20px 8% 90px;font-size:16px;line-height:1.85}.detail-content h2{font:36px/1.2 Cormorant,Georgia,serif;margin:50px 0 22px}.detail-content h3{margin:35px 0 18px}.detail-content p{margin:0 0 22px}.detail-content a{border-bottom:1px solid var(--line)}.detail-content img{max-width:100%;height:auto;display:block;margin:25px auto}.detail-content figure{margin:30px 0}.detail-content ul,.detail-content ol{padding-left:22px;margin-bottom:25px}.detail-content table{display:block;overflow:auto;max-width:100%;border-collapse:collapse}.detail-content td,.detail-content th{padding:14px;border-bottom:1px solid var(--line)}.detail-content iframe{display:none}.detail-content .photo-gallery{display:grid;grid-template-columns:1fr 1fr;gap:22px}.detail-content .photo-gallery img{width:100%;height:350px;object-fit:cover}.local-form,.calculator{margin:40px 0;padding:30px;border:1px solid var(--line)}.local-form label,.calculator label{display:block;margin:16px 0 7px}.local-form input,.local-form textarea,.calculator input,.calculator select{font:inherit;padding:12px;border:1px solid var(--line);background:transparent;width:100%;color:var(--ink)}.calculator input[type=checkbox]{width:auto}.local-form button{font:inherit;background:var(--ink);color:var(--paper);border:0;padding:15px 25px;cursor:pointer}.local-form small{display:block;margin:18px 0}.calculator output{display:block;font:44px Cormorant,Georgia,serif;margin:25px 0}.local-index{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:40px}.local-index article img{width:100%;height:280px;object-fit:cover}.local-index h2{font-size:28px;margin:20px 0 12px}.detail-back{display:block;margin-bottom:30px;font-size:12px}@media(max-width:750px){.detail-content{padding:10px 7% 55px;font-size:15px}.detail-content h2{font-size:30px}.local-index,.detail-content .photo-gallery{grid-template-columns:1fr}.local-form,.calculator{padding:20px}.local-index article img{height:230px}.page-intro h1{overflow-wrap:anywhere}}

.detail-photo{margin:0 8% 50px}.detail-photo img{width:100%;height:400px;object-fit:cover;display:block}@media(max-width:750px){.detail-photo{margin:0 7% 35px}.detail-photo img{height:270px}}
:root{--cta:#f4cb46;--cta-hover:#ffda5e}.hero-cta,.primary-cta{background:var(--cta);color:#252720}.hero-cta:hover,.primary-cta:hover{background:var(--cta-hover);text-decoration:none}.primary-cta{display:inline-flex;align-items:center;min-height:48px;padding:13px 22px;font-size:13px;border:0!important}.local-form button{background:var(--cta);color:#252720}.local-form button:hover{background:var(--cta-hover)}.customer-reviews figure{padding:30px 0;border-bottom:1px solid var(--line)}.customer-reviews blockquote{margin:0 0 18px;font-size:16px;line-height:1.85}.customer-reviews figcaption{font-size:12px;color:var(--muted)}.home-review{margin:0 8%;padding:8px 0 85px;max-width:850px}.home-review blockquote{font:30px/1.35 Cormorant,Georgia,serif;margin:0 0 25px}.home-review>div{display:flex;align-items:center;gap:35px}.home-review span{font-size:11px;color:var(--muted)}footer.complete-footer{display:grid;grid-template-columns:1.1fr 1fr 1.2fr .7fr;gap:35px;padding:45px 0 25px;font-size:12px}footer.complete-footer>div{display:flex;flex-direction:column;gap:8px}footer.complete-footer strong{font-weight:400;color:var(--ink);font-size:13px;margin-bottom:8px}footer.complete-footer .footer-bottom{grid-column:1/-1;flex-direction:row;gap:25px;margin-top:18px;padding-top:22px;border-top:1px solid var(--line);font-size:10px}@media(max-width:750px){.home-review{margin:0 7%;padding-bottom:60px}.home-review blockquote{font-size:27px}.home-review>div{gap:15px;flex-wrap:wrap}footer.complete-footer{grid-template-columns:1fr 1fr;gap:28px 20px;font-size:11px}footer.complete-footer .footer-bottom{flex-wrap:wrap}}
/* Leesbaardere teksthiërarchie voor de volledige lokale website. */
.hero-copy p{font-size:16px;line-height:1.6}.hero-cta,.primary-cta{font-size:15px}.hero-caption{font-size:13px}.intro p{font-size:17px;line-height:1.8}.text-link,.project-controls>a,.product-heading .text-link{font-size:15px}.product-pair p{font-size:16px;line-height:1.8}.service-intro p{font-size:15px;line-height:1.7}.service-row p{font-size:15px;line-height:1.7}.service-row h3{font-size:27px}.additional p{font-size:15px;line-height:1.8}.project-track figcaption{font-size:14px;line-height:1.6}.project-track figcaption span+span{font-size:13px;line-height:1.6}.project-controls{max-width:none}.section-title>a,.project-controls>a{font-size:14px}.home-review span,.customer-reviews figcaption{font-size:14px}.detail-back{font-size:14px}.page-intro p{font-size:17px;line-height:1.8}.local-form small{font-size:14px;line-height:1.7}footer.complete-footer{font-size:14px;line-height:1.7}footer.complete-footer strong{font-size:15px}footer.complete-footer .footer-bottom{font-size:13px}.complete-footer>div{min-width:0}.complete-footer a{overflow-wrap:anywhere}
@media(max-width:750px){.hero-copy p{font-size:15px}.hero-cta,.primary-cta{font-size:14px}.hero-caption{font-size:12px;max-width:85%;line-height:1.6}.intro p,.product-pair p,.additional p,.service-intro p,.service-row p{font-size:15px;line-height:1.75}.service-row h3{font-size:25px}.text-link{font-size:14px}.project-track figcaption{font-size:14px}.project-track figcaption span+span{font-size:13px}.project-controls{max-width:115px}.project-controls>a{font-size:13px}.home-review span{font-size:13px}.page-intro p{font-size:16px}footer.complete-footer{font-size:14px;grid-template-columns:1fr;gap:28px}footer.complete-footer strong{font-size:15px}footer.complete-footer .footer-bottom{font-size:13px}.local-form small{font-size:14px}}
