:root{--black:#0d0d0d;--ink:#171715;--gold:#d4af37;--gold2:#b88a26;--paper:#f6f3ed;--white:#fff;--muted:#686761;--line:rgba(255,255,255,.14);--radius:3px;--shadow:0 25px 70px rgba(0,0,0,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Montserrat,Arial,sans-serif;line-height:1.65}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08}h1{font-size:clamp(2.7rem,6.7vw,6.2rem);letter-spacing:-.055em;max-width:960px}h2{font-size:clamp(2rem,4.3vw,4.2rem);letter-spacing:-.045em}h3{font-size:1.25rem}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.narrow{width:min(800px,calc(100% - 40px))}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:1rem;top:-5rem;background:#fff;padding:.8rem 1rem;z-index:9999}.skip-link:focus{top:1rem}.site-header{position:absolute;z-index:50;top:0;left:0;right:0;border-bottom:1px solid var(--line);color:#fff}.header-inner{height:98px;display:flex;align-items:center;gap:34px}.brand{width:96px;height:88px;display:flex;align-items:center;flex:0 0 auto}.brand img,.footer-brand img{display:block;width:100%;height:auto}.site-nav{margin-left:auto}.menu{display:flex;list-style:none;gap:28px;margin:0;padding:0}.menu a{font-size:.84rem;font-weight:600;letter-spacing:.04em}.menu a:hover{color:var(--gold)}.nav-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border:1px solid transparent;font-size:.8rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase;transition:.2s ease}.button:hover{transform:translateY(-2px)}.button-gold{background:var(--gold);color:#111}.button-gold:hover{background:#e2c15a}.button-ghost{border-color:rgba(255,255,255,.5);color:#fff}.button-light{background:#fff;color:#111}.button-dark{background:#111;color:#fff}.hero{position:relative;min-height:840px;display:flex;align-items:center;background:#111;color:#fff;overflow:hidden}.hero-media{position:absolute;inset:0;background:url('../images/hero-candidate-43.webp') center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.95) 0%,rgba(5,5,5,.72) 53%,rgba(5,5,5,.18) 100%),linear-gradient(0deg,rgba(0,0,0,.4),transparent 50%)}.hero-content{position:relative;padding-top:130px}.hero h1{margin:18px 0 24px}.hero h1 em{display:block;color:var(--gold);font-style:normal}.hero p{max-width:690px;font-size:1.22rem;color:rgba(255,255,255,.78)}.eyebrow{display:inline-block;color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.trust-list{display:flex;gap:30px;list-style:none;padding:0;margin:42px 0 0;color:rgba(255,255,255,.78);font-size:.84rem}.trust-list li:before{content:'✓';color:var(--gold);margin-right:9px;font-weight:900}.emergency{background:#9f211a;color:#fff}.emergency-inner{display:grid;grid-template-columns:1.1fr 1.5fr auto;gap:35px;align-items:center;padding-block:28px}.emergency h2{font-size:1.45rem;margin:4px 0 0}.emergency p{margin:0;font-size:.92rem}.emergency .eyebrow{color:#fff}.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#fff;margin-right:8px;box-shadow:0 0 0 6px rgba(255,255,255,.15)}.section{padding:110px 0}.section-light{background:var(--paper)}.section-heading{max-width:760px;margin-bottom:52px}.section-heading h2{margin:12px 0 18px}.section-heading>p{color:var(--muted);font-size:1.08rem}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d9d5cc;border:1px solid #d9d5cc}.service-card{min-height:330px;background:#fff;padding:34px;display:flex;flex-direction:column;transition:.2s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);z-index:2}.service-card-featured{background:var(--black);color:#fff}.service-number{color:var(--gold);font-weight:800;font-size:.75rem;letter-spacing:.14em}.service-card h3{margin:70px 0 15px}.service-card p{color:#77736b;font-size:.93rem}.service-card-featured p{color:rgba(255,255,255,.64)}.text-link{margin-top:auto;color:var(--gold2);font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.process-section{background:#fff}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.process-media{position:relative}.process-media:before{content:'';position:absolute;left:-18px;top:-18px;width:35%;height:35%;border-left:2px solid var(--gold);border-top:2px solid var(--gold)}.process-media img{aspect-ratio:4/5;object-fit:cover}.process-copy h2{margin:12px 0 22px}.process-copy>p{color:var(--muted)}.steps{list-style:none;padding:0;margin:34px 0 0}.steps li{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:18px 0;border-top:1px solid #e4e0d8}.steps li>span{width:34px;height:34px;border:1px solid var(--gold);color:var(--gold2);display:grid;place-items:center;font-size:.75rem;font-weight:900}.steps h3{font-size:1rem;margin:0 0 4px}.steps p{font-size:.88rem;color:var(--muted);margin:0}.proof-section{background:var(--black);color:#fff}.section-heading.light p{color:rgba(255,255,255,.65)}.proof-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;gap:12px}.proof-grid figure{position:relative;margin:0;overflow:hidden;min-height:260px}.proof-grid .proof-wide{grid-row:1/3;min-height:530px}.proof-grid img{width:100%;height:100%;object-fit:cover;transition:.5s}.proof-grid figure:hover img{transform:scale(1.035)}.proof-grid figcaption{position:absolute;left:22px;bottom:20px;background:rgba(0,0,0,.72);padding:9px 12px;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.center{text-align:center;margin-top:35px}.area-section{background:#d8b23e}.area-inner{display:grid;grid-template-columns:1.5fr 1fr;gap:80px}.area-section .eyebrow{color:#111}.area-section h2{margin:12px 0}.area-section p{max-width:700px}.area-section ul{list-style:none;margin:0;padding:0;border-top:1px solid rgba(0,0,0,.25)}.area-section li{padding:14px 0;border-bottom:1px solid rgba(0,0,0,.25);font-weight:800}.quote-section{background:#fff}.quote-box{background:var(--paper);padding:65px;display:grid;grid-template-columns:1.4fr 1fr;gap:55px;align-items:center;border-left:5px solid var(--gold)}.quote-box h2{margin:12px 0 16px}.quote-box p{color:var(--muted);margin:0}.site-footer{background:#080808;color:rgba(255,255,255,.68);padding:80px 0 22px}.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:80px}.footer-brand{width:260px;margin-bottom:25px}.footer-grid h2{font-size:.8rem;color:#fff;text-transform:uppercase;letter-spacing:.15em;margin-bottom:20px}.footer-grid a,.footer-grid span{display:block;margin:8px 0;font-size:.9rem}.footer-grid a:hover{color:var(--gold)}.footer-bottom{margin-top:65px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:.75rem}.footer-bottom nav{display:flex;gap:18px}.mobile-actions{display:none}.page-main{padding:180px 0 100px;min-height:70vh}.content-flow>*+*{margin-top:1.2em}
@media(max-width:960px){.header-cta{display:none}.site-nav{display:none;position:absolute;left:20px;right:20px;top:82px;background:#111;padding:20px}.site-nav.is-open{display:block}.menu{display:block}.menu li+li{border-top:1px solid var(--line)}.menu a{display:block;padding:14px}.nav-toggle{display:grid;margin-left:auto;background:none;border:0;width:44px;gap:5px;padding:10px}.nav-toggle span:not(.screen-reader-text){display:block;height:2px;background:#fff}.hero{min-height:760px}.emergency-inner,.split,.area-inner,.quote-box{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.proof-grid{grid-template-columns:1fr}.proof-grid .proof-wide{grid-row:auto;min-height:420px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:640px){.container{width:min(100% - 28px,1180px)}.header-inner{height:78px}.brand{width:72px;height:70px}.hero{min-height:790px}.hero-content{padding-top:100px}.hero p{font-size:1.03rem}.button-row .button{width:100%}.trust-list{display:grid;gap:8px}.emergency-inner{gap:14px}.emergency .button{width:100%}.section{padding:75px 0}.service-grid{grid-template-columns:1fr}.service-card{min-height:270px}.service-card h3{margin-top:45px}.split{gap:45px}.proof-grid figure,.proof-grid .proof-wide{min-height:290px}.quote-box{padding:34px 24px}.footer-grid{grid-template-columns:1fr;gap:35px}.footer-grid>div:first-child{grid-column:auto}.mobile-actions{position:fixed;z-index:80;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 -8px 30px rgba(0,0,0,.2)}.mobile-actions a{padding:15px 8px;text-align:center;background:#111;color:#fff;font-size:.78rem;font-weight:800;text-transform:uppercase}.mobile-actions a+ a{background:#1f9d55}.site-footer{padding-bottom:78px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.form-layout{display:grid;grid-template-columns:.85fr 1.35fr;gap:75px;align-items:start}.quote-page h1{font-size:clamp(2.5rem,5vw,4.8rem);margin:12px 0 24px}.contact-card{margin-top:38px;background:#fff;border-left:4px solid #a5211a;padding:25px}.contact-card p{font-size:.9rem;color:var(--muted)}.form-card{background:#fff;padding:44px;box-shadow:var(--shadow)}.form-card form{display:grid;gap:20px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-card label{display:grid;gap:7px;font-size:.78rem;font-weight:800;letter-spacing:.025em}.form-card input,.form-card select,.form-card textarea{width:100%;border:1px solid #d7d2c7;background:#faf9f6;padding:13px 14px;font:inherit;color:var(--ink);border-radius:0}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{outline:2px solid var(--gold);outline-offset:1px}.form-card small{font-weight:500;color:var(--muted)}.checkbox{grid-template-columns:auto 1fr!important;align-items:start}.checkbox input{width:18px;height:18px;margin-top:3px}.form-notice{padding:16px;margin-bottom:24px;font-weight:700;font-size:.9rem}.form-notice.success{background:#e4f5e9;color:#14642c}.form-notice.error{background:#fae7e5;color:#8a201a}.hp-field{position:absolute;left:-9999px}.service-hero{position:relative;background:#111;color:#fff;padding:220px 0 115px;overflow:hidden}.service-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.5)),var(--service-image) center/cover no-repeat}.service-hero .container{position:relative}.service-hero h1{font-size:clamp(2.7rem,6vw,5.4rem);margin:14px 0 22px}.service-hero p{max-width:720px;font-size:1.15rem;color:rgba(255,255,255,.75)}.content-split{display:grid;grid-template-columns:1.2fr .8fr;gap:75px}.content-split h2{margin:10px 0 22px}.content-split p{color:var(--muted)}.checklist{list-style:none;padding:0;margin:0;background:#111;color:#fff;padding:35px}.checklist li{padding:13px 0;border-bottom:1px solid var(--line)}.checklist li:before{content:'✓';color:var(--gold);margin-right:12px}.faq{max-width:850px}.faq details{border-top:1px solid #d7d2c7;padding:20px 0}.faq summary{cursor:pointer;font-weight:800}.faq details p{color:var(--muted);padding-top:12px}.cta-dark{background:#111;color:#fff}.cta-dark .quote-box{background:#171715;border-color:var(--gold)}
@media(max-width:960px){.form-layout,.content-split{grid-template-columns:1fr}.form-layout{gap:40px}}
@media(max-width:640px){.form-card{padding:28px 20px}.field-grid{grid-template-columns:1fr}.service-hero{padding:165px 0 80px}}
.projects-hero{background:var(--black);padding-bottom:90px}.projects-hero:before{display:none}.project-gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.project-item{grid-column:span 6;margin:0;position:relative;min-height:420px;overflow:hidden;background:#111}.project-item:nth-child(3n+1){grid-column:span 7}.project-item:nth-child(3n+2){grid-column:span 5}.project-item img{width:100%;height:100%;object-fit:cover;transition:.5s}.project-item:hover img{transform:scale(1.025)}.project-item:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.88))}.project-item figcaption{position:absolute;z-index:2;left:25px;right:25px;bottom:22px;color:#fff;display:grid;gap:4px}.project-item figcaption span{color:var(--gold);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.project-item figcaption strong{font-size:1.05rem}.direct-contact{display:grid;margin-top:38px;border-top:1px solid #d7d2c7}.direct-contact a{display:grid;gap:3px;padding:18px 0;border-bottom:1px solid #d7d2c7}.direct-contact span{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-weight:800}.direct-contact strong{font-size:1.1rem}.direct-contact a:hover strong{color:var(--gold2)}.legal h1{font-size:clamp(2.5rem,5vw,4.7rem);margin:12px 0 35px}.legal h2{font-size:1.35rem;margin-top:40px}.legal p{color:#55534f}.ads-hero{min-height:760px;display:flex;align-items:center;padding-top:150px}
@media(max-width:760px){.project-item,.project-item:nth-child(3n+1),.project-item:nth-child(3n+2){grid-column:1/-1;min-height:320px}}

.service-grid-home{grid-template-columns:repeat(4,1fr)}.service-grid-home .service-card{padding:28px;min-height:350px}.project-jumps{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}.project-jumps a{border:1px solid rgba(255,255,255,.35);padding:10px 15px;color:#fff;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.project-jumps a:hover{border-color:var(--gold);color:var(--gold)}.before-after-section,.build-showcase{background:var(--black);color:#fff}.before-after-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.before-after-card{margin:0;background:#151515;border:1px solid rgba(255,255,255,.12);padding:14px}.before-after-card h3{margin:18px 8px 8px}.before-after-images{display:grid;grid-template-columns:1fr 1fr;gap:6px}.before-after-images figure{position:relative;margin:0;min-height:300px;overflow:hidden}.before-after-images img{width:100%;height:100%;object-fit:cover}.before-after-images figcaption{position:absolute;left:10px;top:10px;background:var(--gold);color:#111;padding:5px 9px;font-size:.67rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.inspection-proof{background:#ece8de}.inspection-proof .content-split{align-items:center}.inspection-images{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inspection-images img{width:100%;height:430px;object-fit:cover}.inspection-detail{background:#fff}.compact-gallery .project-item{grid-column:span 4!important;min-height:380px}.build-gallery .project-item:nth-child(4n+1){grid-column:span 5}.build-gallery .project-item:nth-child(4n+2){grid-column:span 7}
@media(max-width:1100px){.service-grid-home{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.service-grid-home,.before-after-grid{grid-template-columns:1fr}.before-after-images figure{min-height:230px}.inspection-images img{height:320px}.compact-gallery .project-item{grid-column:1/-1!important}.build-gallery .project-item:nth-child(4n+1),.build-gallery .project-item:nth-child(4n+2){grid-column:1/-1}.project-jumps a{flex:1;text-align:center}}
.emergency-hero:after{content:'';position:absolute;inset:0 0 auto 0;height:7px;background:#a5211a}.emergency-hero .button-light{background:#fff;color:#8f1d17}.emergency-hero .eyebrow{color:#ffb6af}
.before-after-featured{grid-column:1/-1}.before-after-featured .before-after-images figure{min-height:440px}@media(max-width:760px){.before-after-featured .before-after-images figure{min-height:230px}}
.project-detail-heading{max-width:780px;margin:70px 0 32px}.project-detail-heading-next{border-top:1px solid rgba(255,255,255,.14);padding-top:70px}.project-detail-heading h2{margin:12px 0 18px}.project-detail-heading p{color:rgba(255,255,255,.68);font-size:1.05rem}.project-detail-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.project-detail-gallery .project-item{grid-column:auto!important;min-height:390px}.project-detail-gallery .project-item:nth-child(3),.project-detail-gallery .project-item:nth-child(4){min-height:330px}@media(max-width:760px){.project-detail-heading{margin-top:50px}.project-detail-heading-next{padding-top:50px}.project-detail-gallery{grid-template-columns:1fr}.project-detail-gallery .project-item,.project-detail-gallery .project-item:nth-child(3),.project-detail-gallery .project-item:nth-child(4){min-height:280px}}


/* Leesbaarheidsoptimalisatie desktop en mobiel */
@media (min-width:900px){
  .menu a{font-size:.95rem}
  .button,.btn{font-size:.88rem}
  .service-card p,.steps p,.contact-card p{font-size:1rem}
  .steps h3{font-size:1.08rem}
  .trust-strip span,.project-jump a{font-size:.85rem}
}
@media (max-width:899px){
  .button,.btn,.mobile-actions a{font-size:.875rem}
  .form-card label,.form-card input,.form-card textarea,.form-card select{font-size:1rem}
  .service-card p,.steps p,.contact-card p{font-size:1rem}
}


/* Trust, project and personal sections — content optimisation 2026-08 */
.experience-strip{background:#111;color:#fff;border-top:1px solid rgba(255,184,0,.3);border-bottom:1px solid rgba(255,184,0,.3)}
.experience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.experience-grid>div{padding:1.2rem 1.35rem;border-right:1px solid rgba(255,255,255,.12)}
.experience-grid>div:last-child{border-right:0}
.experience-grid strong,.experience-grid span{display:block}
.experience-grid strong{color:#f7b500;font-size:1.05rem;line-height:1.2;margin-bottom:.25rem}
.experience-grid span{font-size:.88rem;color:rgba(255,255,255,.78);line-height:1.35}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.35rem;margin-top:2rem}
.project-grid-full{grid-template-columns:repeat(3,minmax(0,1fr))}
.project-card{margin:0;background:#111;border:1px solid rgba(247,181,0,.35);box-shadow:0 12px 30px rgba(0,0,0,.12);overflow:hidden}
.project-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#1a1a1a}
.project-card figcaption{padding:1rem 1.1rem;color:#fff;font-weight:700;line-height:1.35;border-top:3px solid #f7b500}
.personal-section{background:#f4f4f2}
.personal-card{display:grid;grid-template-columns:260px minmax(0,1fr);gap:2.4rem;align-items:center;max-width:1040px}
.personal-photo{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:left center;border:1px solid rgba(0,0,0,.15);box-shadow:0 14px 34px rgba(0,0,0,.12)}
.tank-inspection-photo{object-position:left center}
.personal-role{font-weight:700;color:#866000;margin-top:-.5rem}
.personal-card small{display:block;margin-top:1rem;color:#666}
.distinction-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:2rem}
.factor-box{padding:1.6rem 1.8rem;background:#fff;border-left:4px solid #f7b500;box-shadow:0 10px 25px rgba(0,0,0,.06)}
.factor-box h3{margin-top:0}
.section-heading.light p{color:rgba(255,255,255,.75)}
@media (max-width:900px){
  .experience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .experience-grid>div:nth-child(2){border-right:0}
  .experience-grid>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}
  .project-grid-full{grid-template-columns:repeat(2,minmax(0,1fr))}
  .personal-card{grid-template-columns:200px minmax(0,1fr);gap:1.5rem}
}
@media (max-width:620px){
  .experience-grid{grid-template-columns:1fr 1fr}
  .experience-grid>div{padding:.9rem .75rem}
  .experience-grid strong{font-size:.92rem}
  .experience-grid span{font-size:.78rem}
  .project-grid,.project-grid-full{grid-template-columns:1fr;gap:1rem;margin-top:1.35rem}
  .project-card figcaption{padding:.8rem .9rem;font-size:.94rem}
  .personal-card{grid-template-columns:1fr;text-align:left}
  .personal-photo{width:min(300px,100%);aspect-ratio:4/5}
  .distinction-grid{grid-template-columns:1fr}
  .factor-box{padding:1.2rem}
}