:root{--ink:#232925;--muted:#646b66;--orange:#c36136;--line:#d8deda;--light:#f2f4f2;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--white);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.055em}h1{font-size:clamp(3.4rem,5.5vw,6.3rem);font-weight:500}h2{font-size:clamp(2.3rem,3.5vw,4rem);font-weight:500}h3{font-size:1.7rem;font-weight:500;letter-spacing:-.035em}em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}.header{height:100px;padding:0 5vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:white;position:relative;z-index:5}.brand{display:flex;gap:12px;align-items:center;line-height:1.2;font-size:.75rem;letter-spacing:.12em}.brand strong{display:block;font-size:1.45rem;letter-spacing:.13em}.brand-mark{font-size:3.7rem;font-weight:bold;line-height:1;letter-spacing:-.13em}.brand-mark span{color:var(--orange)}nav{display:flex;gap:32px;align-items:center;font-size:.95rem}nav a:hover,.text-link:hover{color:var(--orange)}.nav-contact{border:1px solid var(--ink);padding:12px 22px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:47% 53%;min-height:700px}.hero-copy{padding:80px 3vw 28px 7vw;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:.85rem;letter-spacing:.16em;font-weight:600;margin-bottom:24px;line-height:1.5}.hero .eyebrow{display:flex;align-items:center;gap:12px}.eyebrow>span{width:25px;height:2px;background:var(--orange)}.hero-description{max-width:400px;color:var(--muted);margin:30px 0;font-size:1.1rem}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;padding:15px 24px;font-size:.95rem;font-weight:600;border:1px solid transparent;transition:background .2s}.primary{background:var(--orange);color:white}.primary:hover{background:#a94b26}.text-link{font-size:.95rem;border-bottom:1px solid;padding-bottom:4px}.hero-note{font-size:.85rem;margin-top:auto;padding-top:40px;color:var(--muted)}.hero-note span{color:var(--orange);margin-right:15px}.hero-image{position:relative;min-height:650px;margin:24px 24px 24px 0;overflow:hidden}.hero-image>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center 58%}.image-label{position:absolute;bottom:30px;left:30px;background:white;padding:18px 25px}.image-label span{display:block;font-size:.75rem;letter-spacing:.12em;color:var(--muted)}.image-label strong{font-weight:500;font-size:1.3rem}.service-strip{background:var(--ink);color:white;display:flex;justify-content:space-around;gap:20px;padding:26px 5vw;font-size:.9rem}.service-strip span:before{content:'+';color:#de986f;margin-right:18px}.section{padding:100px 7vw}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:50px}.section-heading>p{max-width:360px;color:var(--muted)}.work{background:var(--light)}.project-feature{display:grid;grid-template-columns:60% 40%;background:white}.comparison{position:relative;--position:50%;height:430px;overflow:hidden}.compare-after,.compare-before,.compare-before img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.compare-before{clip-path:inset(0 calc(100% - var(--position)) 0 0)}.compare-divider{position:absolute;height:100%;width:2px;background:white;left:var(--position);pointer-events:none}.compare-divider span{position:absolute;left:-22px;top:45%;border-radius:50%;background:white;color:var(--ink);width:46px;height:46px;text-align:center;line-height:46px;font-size:1.4rem}.comparison input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.comparison:focus-within{outline:3px solid var(--orange);outline-offset:3px}.before-label,.after-label{position:absolute;bottom:20px;background:white;padding:5px 15px;font-size:.85rem;pointer-events:none}.before-label{left:20px}.after-label{right:20px}.project-detail{padding:40px}.project-number{color:var(--orange);font-size:.85rem;letter-spacing:.14em}.project-detail h3{font-size:2.2rem;margin:22px 0}.project-detail p{color:var(--muted)}.project-detail .compare-hint{font-size:.85rem;margin-top:14px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tags span{border:1px solid var(--line);padding:3px 10px;font-size:.8rem}.project-open{border:0;background:none;padding:4px 0;border-bottom:1px solid var(--ink);font-size:.9rem}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:45px}.image-button{position:relative;width:100%;padding:0;border:0;display:block;background:var(--ink);overflow:hidden}.image-button img{width:100%;height:330px;object-fit:cover;transition:transform .5s}.image-button:hover img{transform:scale(1.025)}.image-button>span{position:absolute;bottom:20px;right:20px;background:white;padding:10px 18px;font-size:.85rem}.card-title{display:flex;justify-content:space-between;gap:15px;margin-top:22px}.card-title h3{font-size:1.55rem}.card-title>span{color:var(--orange);font-size:.9rem}.project-card>p{color:var(--muted);margin-top:8px}.service-list article{display:grid;grid-template-columns:7% 43% 50%;padding:30px 0;border-top:1px solid var(--line);align-items:start;gap:0}.service-list article:last-child{border-bottom:1px solid var(--line)}.service-list article>span{color:var(--orange);font-size:.9rem}.service-list article>p{max-width:470px;color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:var(--ink);color:white;align-items:center}.about-image{position:relative}.about-image img{width:100%;height:500px;object-fit:cover}.about-caption{display:block;font-size:.75rem;letter-spacing:.1em;margin-top:14px;color:#cbd4cd}.about-copy h2{font-size:clamp(2.1rem,3.2vw,3.8rem)}.about-copy>p:not(.eyebrow){color:#cbd4cd;margin-top:26px}.about-copy .text-link{display:inline-block;margin-top:30px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.steps article{border-top:1px solid var(--line);padding-top:22px}.steps article>span{font-size:2rem;color:var(--orange);font-family:Georgia,serif}.steps h3{font-size:1.4rem;margin:25px 0 15px}.steps p{color:var(--muted)}.architect{background:#e8ece8;display:grid;grid-template-columns:30% 70%}.architect>div{max-width:750px}.architect p:not(.eyebrow){max-width:630px;color:var(--muted);margin:25px 0}.outline{border-color:var(--ink);background:transparent}.outline:hover{background:white}.contact{padding-top:110px;padding-bottom:110px}.contact h2{font-size:clamp(2.7rem,5vw,5.5rem)}.contact>p:not(.eyebrow){color:var(--muted);margin-top:28px}.contact-options{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;margin-top:50px}.contact-options a{border-top:1px solid var(--line);padding-top:22px}.contact-options span{display:block;color:var(--muted);font-size:.8rem;letter-spacing:.12em;margin-bottom:12px}.contact-options strong{font-size:clamp(1.2rem,2.3vw,2rem);font-weight:500;overflow-wrap:anywhere}.contact-options a:hover strong{color:var(--orange)}footer{padding:38px 5vw;display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line)}footer p,footer>span{color:var(--muted);font-size:.85rem}dialog{border:0;padding:50px;max-width:1000px;width:90%;max-height:90vh}dialog::backdrop{background:#101612d9}.close{display:block;margin-left:auto;background:white;border:1px solid var(--line);padding:7px 14px}dialog h2{margin:25px 0 35px;font-size:2.4rem}#gallery-images{display:grid;gap:28px}#gallery-images figure{margin:0}#gallery-images img{width:100%;max-height:65vh;object-fit:contain;background:var(--light)}#gallery-images figcaption{margin-top:8px;font-size:.9rem;color:var(--muted)}:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:1100px){nav{gap:20px}.hero-copy{padding-left:5vw;padding-top:65px}.hero{min-height:650px}.hero-image{min-height:600px}.project-feature{grid-template-columns:55% 45%}.project-detail{padding:28px}.comparison{height:450px}.about{gap:40px}.section{padding:80px 5vw}.service-list h3{font-size:1.5rem}}@media(max-width:760px){.header{height:82px;padding:0 6vw}.brand strong{font-size:1.15rem}.brand-mark{font-size:3rem}.brand{font-size:.6rem}.menu-toggle{display:block;background:white;border:1px solid var(--line);padding:8px 13px}nav{display:none;position:absolute;top:82px;left:0;right:0;background:white;padding:25px 6vw;box-shadow:0 12px 15px #00000012;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:45px 6vw 30px}.hero h1{font-size:clamp(3.2rem,11vw,5rem)}.hero-description{font-size:1rem;margin:25px 0;max-width:420px}.hero-note{padding-top:28px}.actions{gap:20px}.hero-image{margin:0 6vw 30px;min-height:0;height:430px}.image-label{left:18px;bottom:18px;padding:12px 18px}.image-label span{font-size:.75rem}.service-strip{display:grid;grid-template-columns:1fr 1fr;font-size:.8rem;padding:22px 6vw;gap:14px}.service-strip span:before{margin-right:10px}.section{padding:65px 6vw}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:25px}.eyebrow{font-size:.8rem;margin-bottom:20px}.project-feature{display:block}.comparison{height:330px}.project-detail{padding:28px}.project-detail h3{font-size:2rem}.project-grid{grid-template-columns:1fr;gap:35px}.image-button img{height:290px}.service-list article{grid-template-columns:10% 90%;padding:25px 0}.service-list article>p{grid-column:2;margin-top:15px}.about{grid-template-columns:1fr;gap:40px}.about-image img{height:350px}.about-copy h2{font-size:2.4rem}.steps{grid-template-columns:1fr 1fr;gap:30px}.steps h3{font-size:1.25rem}.architect{display:block}.architect h2{font-size:2.5rem}.contact-options{grid-template-columns:1fr;gap:30px}.contact-options strong{font-size:1.5rem}.contact h2{font-size:2.8rem}footer{align-items:flex-start;flex-direction:column;padding:30px 6vw;gap:20px}dialog{padding:22px;width:95%}dialog h2{font-size:1.8rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Supplied company logo, framed without altering the source image. */
.brand-logo{display:block;position:relative;overflow:hidden;width:250px;aspect-ratio:4024/2064;flex-shrink:0}.brand-logo img{position:absolute;width:123.2853%;height:auto;max-width:none;left:-12.003%;top:-71.6085%}.header{height:155px}footer .brand-logo{width:230px}@media(max-width:1100px){.brand-logo{width:220px}.header{height:135px}nav{gap:18px}}@media(max-width:760px){.brand-logo{width:185px}.header{height:120px}nav{top:120px}footer .brand-logo{width:220px}}

#gallery-images .photo-crop{position:relative;overflow:hidden;aspect-ratio:var(--crop-ratio,707/530);width:min(100%,var(--crop-width,calc(65vh * 707 / 530)));margin-inline:auto}#gallery-images .photo-crop img{position:absolute;left:0;top:var(--crop-top,-94.90566%);width:100%;height:var(--crop-height,289.81132%);max-height:none;object-fit:fill}

.image-button>.opbouw-cover{display:block;position:relative;bottom:auto;right:auto;padding:0;background:transparent;overflow:hidden;aspect-ratio:707/531}.image-button .opbouw-cover img{position:absolute;top:-84.74576%;left:0;width:100%;height:289.26554%;object-fit:fill}.image-button:hover .opbouw-cover img{transform:none}