:root{--ink:#171714;--paper:#f0eee8;--line:rgba(23,23,20,.22);--pad:clamp(1.2rem,3.5vw,4rem)}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.55 "DM Sans",sans-serif}
a{color:inherit;text-decoration:none}
button{font:inherit}
.nav{position:fixed;z-index:20;top:0;left:0;width:100%;padding:1.5rem var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#fff;mix-blend-mode:difference}
.brand{font:500 clamp(1.16rem,1.45vw,1.42rem)/1 "Manrope";letter-spacing:-.045em;white-space:nowrap}
.nav nav{display:flex;gap:2rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.09em}
.nav nav a{position:relative}
.nav nav a:after{content:"";position:absolute;left:0;bottom:-.25rem;width:0;height:1px;background:currentColor;transition:.3s}
.nav nav a:hover:after{width:100%}
.lang{justify-self:end;border:0;background:none;color:inherit;cursor:pointer;font-size:.78rem;letter-spacing:.08em}
.hero{height:100svh;min-height:640px;position:relative;overflow:hidden;color:#fff}
.hero-image{position:absolute;inset:-10%;background:url('interiors.png') center/cover no-repeat;transform:translate3d(0,var(--shift,0),0) scale(1.04);will-change:transform}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.42))}
.hero-copy{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(3rem,8vh,7rem)}
.eyebrow,.section-no,.label{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em}
.hero h1{font:300 clamp(3.3rem,8.5vw,8.5rem)/.92 "Manrope";letter-spacing:-.065em;margin:.8rem 0;max-width:1100px}
.circle-link{position:absolute;right:0;bottom:0;width:68px;height:68px;border:1px solid rgba(255,255,255,.65);border-radius:50%;display:grid;place-items:center;font-size:1.4rem;transition:.3s}
.circle-link:hover{background:#fff;color:#111}
.intro{padding:clamp(7rem,14vw,13rem) var(--pad);display:grid;grid-template-columns:1fr 3fr;gap:2rem;border-bottom:1px solid var(--line)}
.intro h2{font:300 clamp(2.4rem,5vw,5.2rem)/1.04 "Manrope";letter-spacing:-.055em;margin:0 0 3rem;max-width:1000px}
.intro div>p{max-width:590px;margin-left:auto;font-size:clamp(1rem,1.5vw,1.25rem);color:#4f4e48}
.projects{padding:6rem var(--pad) 9rem}
.section-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:4rem}
.project{margin-bottom:8rem}
.project:nth-of-type(odd){width:76%;margin-left:auto}
.project:nth-of-type(even){width:65%}
.project-image{height:min(74vw,760px);background-image:url('interiors.png');background-size:300% 100%;background-repeat:no-repeat;transform:translate3d(0,var(--item-shift,0),0);will-change:transform}
.project-a .project-image{background-position:0 center}
.project-b .project-image{background-position:50% center}
.project-c .project-image{background-position:100% center}
.project-meta{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);margin-top:1.1rem;padding-top:1rem}
.project-meta h3{font:400 clamp(1.5rem,3vw,3rem) "Manrope";letter-spacing:-.04em;margin:0}
.project-meta p{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em}
.placeholder-note{max-width:520px;color:#6c6a64;font-size:.85rem}
.contact{background:#171714;color:#f3f0e8;padding:clamp(6rem,12vw,11rem) var(--pad) 4rem}
.contact h2{font:300 clamp(3rem,7vw,7.5rem)/1 "Manrope";letter-spacing:-.06em;margin:4rem 0 1rem}
.mail{font-size:clamp(1.1rem,2.4vw,2rem);border-bottom:1px solid}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:8rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.22)}
.label{color:#89877f}
footer{display:flex;justify-content:space-between;padding:2rem var(--pad);background:#171714;color:#f3f0e8;border-top:1px solid rgba(255,255,255,.15)}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.reveal{opacity:1;transform:none;transition:none}
.hero-image,.project-image{transform:none!important}
}
@media(max-width:760px){.nav{grid-template-columns:1fr auto}
.nav nav{display:none}
.hero h1{font-size:clamp(3rem,15vw,5.2rem)}
.circle-link{display:none}
.intro{grid-template-columns:1fr;padding-top:7rem}
.intro div>p{margin-left:0}
.project:nth-of-type(n){width:100%;margin-left:0;margin-bottom:5rem}
.project-image{height:115vw}
.project-meta{display:block}
.contact-grid{grid-template-columns:1fr;margin-top:5rem}
.hero-image{background-position:19% center}
}

.opening{height:250vh;position:relative;background:#0d0b09}
.opening-sticky{--p:0;position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden;color:#fff}
.kitchen-reveal{position:absolute;inset:0;background:url('villa-schiedam/new/kitchen-hero.jpg') center/cover no-repeat;transform:scale(var(--kitchen-scale,1.08));filter:saturate(.84) contrast(1.03);will-change:transform}
.kitchen-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.36),transparent 58%),linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.26));opacity:var(--wash-opacity,.88)}
.material-card{position:absolute;inset:0;overflow:hidden;transform:scale(var(--wood-scale,1));opacity:var(--wood-opacity,1);will-change:transform,opacity}
.grain{position:absolute;inset:-4%;background:url('walnut.png') center/cover no-repeat;transform:scale(var(--grain-scale,1.04));filter:brightness(var(--grain-light,.72));will-change:transform}
.material-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 44%,transparent,rgba(0,0,0,.35))}
.material-card>p{position:absolute;z-index:2;right:var(--pad);bottom:2rem;margin:0;font-size:.68rem;letter-spacing:.16em;opacity:var(--material-label-opacity,1)}
.opening-copy{position:absolute;z-index:3;left:var(--pad);right:var(--pad);top:50%;transform:translateY(var(--opening-y,-50%));opacity:var(--opening-opacity,1)}
.opening h1{font:300 clamp(3.5rem,9vw,9rem)/.88 "Manrope";letter-spacing:-.07em;margin:1.1rem 0;max-width:1100px}
.opening-sub{margin-top:2.5rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.16em}
.project-reveal-copy{position:absolute;z-index:3;left:var(--pad);bottom:clamp(2rem,7vh,6rem);opacity:var(--reveal-opacity,0);transform:translateY(var(--reveal-y,45px))}
.project-reveal-copy p,.project-reveal-copy span{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}
.project-reveal-copy h2{font:300 clamp(3rem,7vw,7rem)/1 "Manrope";letter-spacing:-.06em;margin:.6rem 0 1.5rem}
.project-reveal-copy span{border-bottom:1px solid;padding-bottom:.3rem}
.project-reveal-copy a{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid;padding-bottom:.3rem}
.progress{position:absolute;z-index:4;right:var(--pad);top:50%;width:1px;height:120px;background:rgba(255,255,255,.28)}
.progress span{display:block;width:1px;height:var(--progress,0%);background:#fff}
@media (prefers-reduced-motion:reduce){.opening{height:100svh}.opening-sticky{--p:1}.material-card,.opening-copy{display:none}}
@media(max-width:760px){.opening{height:220vh}.opening h1{font-size:clamp(3rem,15vw,5.2rem)}.kitchen-reveal{background-size:cover;background-position:56% center}.progress{right:1rem}}
.text-link{display:inline-block;margin:2rem 0 0 auto;border-bottom:1px solid;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}
.about-page{background:#e8e5de}.about-page .nav{mix-blend-mode:difference}.about-hero{height:100svh;min-height:650px;position:relative;overflow:hidden;color:#fff}.about-image{position:absolute;inset:0;background:url('walnut-kitchen.png') center/cover no-repeat;filter:brightness(.6) saturate(.75);transform:scale(1.03)}.about-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.5))}.about-hero-copy{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(3rem,8vh,7rem)}.about-hero-copy>p{font-size:.7rem;letter-spacing:.16em}.about-hero h1{font:300 clamp(3.4rem,8.3vw,8.2rem)/.91 "Manrope";letter-spacing:-.065em;margin:1rem 0 0}.about-lead{padding:clamp(7rem,14vw,13rem) var(--pad);display:grid;grid-template-columns:1fr 3fr;gap:2rem}.about-lead h2{font:300 clamp(2.5rem,5.5vw,5.6rem)/1.02 "Manrope";letter-spacing:-.058em;margin:0 0 3rem}.about-lead div>p{max-width:650px;margin-left:auto;font-size:clamp(1rem,1.5vw,1.25rem);color:#4f4e48}.principles{padding:0 var(--pad) clamp(7rem,12vw,11rem);display:grid;grid-template-columns:repeat(3,1fr);gap:1px}.principles article{border-top:1px solid var(--line);padding:1.5rem 2rem 3rem 0}.principles article+article{padding-left:2rem;border-left:1px solid var(--line)}.principles article>p:first-child{font-size:.7rem;letter-spacing:.15em}.principles h3{font:300 clamp(2rem,3vw,3.4rem) "Manrope";letter-spacing:-.04em;margin:4rem 0 2rem}.principles article>p:last-child{color:#57564f;max-width:420px}.process{background:#201b17;color:#efece4;padding:clamp(7rem,12vw,11rem) var(--pad)}.process-title{display:grid;grid-template-columns:1fr 3fr;margin-bottom:6rem}.process-title h2{font:300 clamp(2.8rem,6vw,6rem)/1 "Manrope";letter-spacing:-.06em;margin:0;max-width:900px}.process ol{list-style:none;padding:0;margin:0}.process li{display:grid;grid-template-columns:1fr 3fr;border-top:1px solid rgba(255,255,255,.2);padding:2rem 0}.process li>span{font-size:.72rem;letter-spacing:.14em}.process li div{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.process h3{font:400 clamp(1.4rem,2.4vw,2.4rem) "Manrope";letter-spacing:-.035em;margin:0}.process li p{margin:0;color:#aaa59c;max-width:500px}.about-page .contact{background:#e8e5de;color:#171714}.about-page .contact-grid{border-color:var(--line)}.about-page .label{color:#6c6a64}.about-page footer{background:#e8e5de;color:#171714;border-color:var(--line)}
@media(max-width:760px){.about-lead,.process-title{grid-template-columns:1fr}.about-lead{gap:3rem}.principles{grid-template-columns:1fr}.principles article+article{padding-left:0;border-left:0}.principles h3{margin-top:2rem}.process-title{gap:3rem}.process li{grid-template-columns:3rem 1fr}.process li div{grid-template-columns:1fr}.about-hero h1{font-size:clamp(3rem,14vw,5rem)}}
.trust-draft,.founder{padding:clamp(7rem,12vw,11rem) var(--pad);display:grid;grid-template-columns:1fr 3fr;gap:2rem;border-top:1px solid var(--line)}.trust-draft h2,.founder h2{font:300 clamp(2.4rem,5vw,5.2rem)/1.03 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.055em;margin:0 0 2.5rem;max-width:960px}.trust-draft>div>p,.founder>div>p{max-width:620px;margin-left:auto;color:#55534d}.future-proof{margin-top:5rem;border-top:1px solid var(--line);padding-top:1rem;display:flex;justify-content:space-between;gap:2rem}.future-proof span,.founder-role,.draft-note{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.future-proof p{margin:0}.draft-note{margin-top:3rem!important;color:#807d74!important}.legal-links{display:flex;gap:1.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}
.page-hero{padding:clamp(10rem,20vh,15rem) var(--pad) clamp(7rem,12vw,10rem);min-height:85vh;background:#201b17;color:#f0ece4}.page-hero>p:first-child{font-size:.7rem;letter-spacing:.15em}.page-hero h1{font:300 clamp(3.5rem,8vw,8rem)/.92 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.065em;margin:3rem 0}.page-intro{max-width:650px;margin-left:auto;font-size:clamp(1rem,1.5vw,1.3rem);color:#b8b2a8}.service-list{padding:2rem var(--pad) 9rem}.service-list article{display:grid;grid-template-columns:1fr 3fr;padding:3rem 0;border-top:1px solid var(--line)}.service-list article>span{font-size:.72rem;letter-spacing:.14em}.service-list article>div{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.service-list h2{font:300 clamp(2rem,3.5vw,3.7rem) "Helvetica Neue",Arial,sans-serif;letter-spacing:-.045em;margin:0}.service-list p{margin:0;color:#5b5952;max-width:520px}.scope-note{margin:0 var(--pad) 8rem;padding:2rem;border:1px solid var(--line);display:grid;grid-template-columns:1fr 3fr}.scope-note p:last-child{max-width:700px}.editorial-page .contact{background:#2a241f}.editorial-page footer{background:#2a241f;color:#f0ece4}
.project-hero{height:100svh;min-height:650px;position:relative;overflow:hidden;color:#fff}.project-hero-image{position:absolute;inset:0;background:url('walnut-kitchen.png') center/cover no-repeat;filter:brightness(.72)}.project-title{position:absolute;left:var(--pad);bottom:clamp(3rem,8vh,7rem)}.project-title p{font-size:.7rem;letter-spacing:.15em}.project-title h1{font:300 clamp(4rem,10vw,10rem)/.9 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.07em;margin:.5rem 0}.case-intro{padding:clamp(7rem,13vw,12rem) var(--pad);display:grid;grid-template-columns:1fr 3fr}.case-intro h2{font:300 clamp(2.5rem,5vw,5.3rem)/1 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.055em;margin:0 0 3rem}.case-intro div>p{max-width:620px;margin-left:auto;font-size:1.15rem;color:#57554e}.case-image{height:85vh;margin:0 var(--pad);background-size:cover;background-position:center}.walnut-detail{background-image:url('walnut.png')}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding:7rem var(--pad)}.case-grid article{border-top:1px solid var(--line);padding:1.5rem 2rem 2rem 0}.case-grid article+article{border-left:1px solid var(--line);padding-left:2rem}.case-grid h3{font:300 clamp(1.8rem,3vw,3rem) "Helvetica Neue",Arial,sans-serif;letter-spacing:-.04em;margin:3rem 0 1.5rem}.case-grid article>p:last-child{color:#5b5952}.case-meta{display:grid;grid-template-columns:repeat(4,1fr);margin:0 var(--pad) 8rem;border-top:1px solid var(--line)}.case-meta div{padding:1.5rem 0}.case-meta span{font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;color:#77746c}.case-meta p{margin:.6rem 0}.project-page .contact{background:#171714}
.legal-page{background:#e8e5de}.legal-page .nav{color:#fff}.legal-content{max-width:900px;padding:clamp(10rem,18vh,14rem) var(--pad) 8rem}.legal-content h1{font:300 clamp(4rem,9vw,8rem)/1 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.065em}.legal-content h2{font:400 1.5rem "Helvetica Neue",Arial,sans-serif;margin-top:3rem}.legal-content p{max-width:700px;color:#4f4d47}.legal-page footer{background:#e8e5de;color:#171714;border-color:var(--line)}
@media(max-width:760px){.trust-draft,.founder,.service-list article,.scope-note,.case-intro{grid-template-columns:1fr}.service-list article{gap:2rem}.service-list article>div{grid-template-columns:1fr;gap:1rem}.scope-note{gap:1rem}.case-grid{grid-template-columns:1fr}.case-grid article+article{border-left:0;padding-left:0}.case-meta{grid-template-columns:1fr 1fr}.future-proof{display:block}.case-image{height:60vh}.nav nav{display:none}footer{align-items:flex-start;gap:1.5rem;flex-wrap:wrap}.legal-links{order:3;width:100%}}
.brand-partners{padding:clamp(7rem,12vw,11rem) var(--pad);background:#d8d4cb}.brand-copy{display:grid;grid-template-columns:1fr 3fr;gap:2rem;margin-bottom:6rem}.brand-copy h2{font:300 clamp(2.4rem,5vw,5.2rem)/1.03 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.055em;margin:0}.brand-copy>p:last-child{grid-column:2;max-width:620px;margin-left:auto;color:#56534c}.brand-wall{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.brand-wall a{min-height:180px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .3s,color .3s}.brand-wall a:hover{background:#211c18;color:#f1ede5}.brand-wall strong{font:500 clamp(1.05rem,1.8vw,1.65rem) "Helvetica Neue",Arial,sans-serif;letter-spacing:.02em}.brand-wall span{font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;color:#77736b}.brand-wall a:hover span{color:#bbb4aa}.partner-note{max-width:680px;margin:2rem 0 0 auto;font-size:.75rem;color:#716e67}.brand-wall a:nth-child(2) strong,.brand-wall a:nth-child(3) strong,.brand-wall a:nth-child(7) strong{text-transform:none;letter-spacing:-.04em}.brand-wall a:nth-child(5) strong,.brand-wall a:nth-child(8) strong{letter-spacing:.12em}
@media(max-width:760px){.brand-copy{grid-template-columns:1fr}.brand-copy>p:last-child{grid-column:auto;margin-left:0}.brand-wall{grid-template-columns:1fr 1fr}.brand-wall a{min-height:135px;padding:1rem}.partner-note{margin-left:0}}

/* Portfolio-first navigation and project overview */
.menu-toggle{display:none}.mobile-menu{display:none}.text-link.compact{margin:0 0 .7rem}.contact-lead{max-width:620px;color:#aaa69d;font-size:clamp(1rem,1.4vw,1.2rem)}
.proof-section{background:#e4e1da}.brand-partners{padding-top:clamp(5rem,8vw,8rem);padding-bottom:clamp(5rem,8vw,8rem)}.brand-copy{margin-bottom:3rem}.brand-wall a{min-height:105px}.brand-wall strong{font-size:clamp(.95rem,1.4vw,1.3rem)}
.intro{padding-top:clamp(6rem,10vw,9rem);padding-bottom:clamp(6rem,10vw,9rem)}.intro h2,.trust-draft h2{font-size:clamp(2.3rem,4.3vw,4.6rem);max-width:900px}.projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,4vw,5rem);padding-top:clamp(5rem,8vw,8rem);padding-bottom:clamp(6rem,10vw,10rem)}.projects .section-head{grid-column:1/-1;margin-bottom:0}.projects .project{width:100%!important;margin:0!important}.projects .project-photo img,.projects .project-villa .project-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.projects .project-meta{display:block}.projects .project-meta h3{font-size:clamp(1.6rem,2.5vw,2.8rem)}.projects .project-meta p{margin:.6rem 0 0}.trust-draft{padding-top:clamp(6rem,9vw,9rem);padding-bottom:clamp(6rem,9vw,9rem)}.brand-wall{grid-template-columns:repeat(5,1fr)}
.projects-page{background:#e9e7e1}.projects-page .nav{mix-blend-mode:difference}.projects-hero{padding:clamp(10rem,20vh,15rem) var(--pad) clamp(6rem,10vw,9rem);min-height:76vh}.projects-hero h1{font:300 clamp(3.3rem,7.7vw,7.6rem)/.94 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.064em;max-width:1200px;margin:2rem 0 3rem}.projects-hero>p:last-child{max-width:620px;margin-left:auto;color:#55534d;font-size:clamp(1rem,1.5vw,1.2rem)}.project-index{padding:0 var(--pad) clamp(8rem,12vw,12rem)}.project-filters{display:flex;gap:.6rem;flex-wrap:wrap;padding:1.3rem 0 4rem;border-top:1px solid var(--line)}.project-filters button{border:1px solid var(--line);background:transparent;border-radius:100px;padding:.65rem 1rem;cursor:pointer;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.project-filters button.active,.project-filters button:hover{background:#171714;color:#f3f0e8}.project-index-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,5vw,6rem);align-items:start}.index-card:nth-child(2){margin-top:14vw}.index-card[hidden]{display:none}.index-card img{display:block;width:100%;height:auto;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.index-card a{display:block;overflow:hidden}.index-card a:hover img{transform:scale(1.018)}.index-card span{display:block;margin-top:1.2rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;color:#68665f}.index-card h2{font:300 clamp(2rem,4vw,4rem)/1 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.05em;margin:.6rem 0 1rem}.index-card p{max-width:520px;color:#55534d}.next-project{display:grid;grid-template-columns:1fr 2fr;gap:2rem;padding:clamp(6rem,10vw,10rem) var(--pad);background:#d7d3ca}.next-project a{display:block}.next-project span{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}.next-project h2{font:300 clamp(3rem,7vw,7rem)/.95 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.06em;margin:1rem 0}.next-project p{max-width:550px;color:#57544d}.next-project a:hover h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.12em}
@media(max-width:760px){
  .nav{grid-template-columns:1fr auto;padding-top:1.15rem}.nav>.lang,.nav>.project-back{display:none}.menu-toggle{display:grid;position:relative;z-index:32;justify-self:end;width:44px;height:44px;padding:0;border:0;background:transparent;color:inherit;place-content:center;gap:7px}.menu-toggle span{display:block;width:25px;height:1px;background:currentColor;transition:transform .35s,opacity .35s}.menu-open .menu-toggle span:first-child{transform:translateY(4px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}.menu-open{overflow:hidden}.mobile-menu{display:flex;position:fixed;z-index:30;inset:0;background:#171714;color:#f3f0e8;padding:7.5rem var(--pad) 2rem;flex-direction:column;justify-content:space-between;opacity:0;visibility:hidden;transform:translateY(-1rem);transition:opacity .3s,transform .3s,visibility .3s}.menu-open .mobile-menu{opacity:1;visibility:visible;transform:none}.mobile-menu nav{display:block!important}.mobile-menu nav a{display:flex;align-items:baseline;gap:1rem;border-top:1px solid rgba(255,255,255,.2);padding:1rem 0;font:300 clamp(2.4rem,12vw,4.5rem)/1 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.05em}.mobile-menu nav a:last-child{border-bottom:1px solid rgba(255,255,255,.2)}.mobile-menu small{font:400 .65rem/1 sans-serif;letter-spacing:.12em}.mobile-menu>div{font-size:.85rem}.mobile-menu>div p{color:#918d84}.kitchen-reveal{background-size:cover;background-position:56% center}.project-reveal-copy{bottom:3rem}.projects{display:block;padding-top:4rem}.projects .section-head{margin-bottom:3rem}.projects .project{margin-bottom:5rem!important}.section-head{align-items:flex-end}.projects-hero{min-height:auto;padding-top:9rem}.projects-hero>p:last-child{margin-left:0}.project-index-grid{grid-template-columns:1fr}.index-card:nth-child(2){margin-top:3rem}.project-filters{overflow-x:auto;flex-wrap:nowrap;margin-right:calc(var(--pad)*-1);padding-right:var(--pad);scrollbar-width:none}.project-filters button{flex:none}.next-project{grid-template-columns:1fr;gap:1rem}.brand-wall{grid-template-columns:repeat(3,1fr)}.brand-wall a{min-height:100px}.brand-wall span{display:none}}

.project-dental{width:100%!important;margin:0 0 10rem!important}.project-photo{display:block;overflow:hidden}.project-photo img{display:block;width:100%;height:min(72vw,850px);object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.project-photo:hover img{transform:scale(1.025)}
.project-villa{width:78%!important;margin:0 auto 10rem 0!important}.project-villa .project-photo img{height:min(60vw,760px)}
.project-back{justify-self:end;font-size:.72rem;text-transform:uppercase;letter-spacing:.11em}.dental-page{background:#ebe9e3}.dental-hero{height:100svh;min-height:650px;position:relative;overflow:hidden;color:#fff}.dental-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.dental-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.48))}.dental-title{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(3rem,8vh,7rem)}.dental-title>p{font-size:.7rem;letter-spacing:.16em}.dental-title h1{font:300 clamp(3.7rem,9vw,9rem)/.9 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.065em;margin:.7rem 0 0}.case-lead{padding:clamp(7rem,14vw,13rem) var(--pad);display:grid;grid-template-columns:1fr 3fr;gap:2rem}.case-lead h2,.motion-head h2{font:300 clamp(2.6rem,5.4vw,5.6rem)/1.02 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.057em;margin:0 0 3rem}.case-lead div>p,.motion-head>p:last-child{max-width:650px;margin-left:auto;color:#55534d;font-size:clamp(1rem,1.5vw,1.2rem)}.dental-wide{margin:0 var(--pad) clamp(7rem,12vw,11rem)}.dental-wide img{width:100%;height:82vh;object-fit:cover}.dental-wide figcaption,.compare-pair figcaption{font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;margin-top:.8rem;color:#6d6a63}.design-motion{background:#141412;color:#f3f0e8;padding:clamp(7rem,12vw,11rem) var(--pad)}.motion-head{display:grid;grid-template-columns:1fr 3fr;gap:2rem;margin-bottom:5rem}.motion-head h2{margin-bottom:2rem}.motion-head>p:last-child{grid-column:2;color:#aaa69d}.video-frame{position:relative;background:#000;overflow:hidden}.video-frame video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.video-frame>span{position:absolute;left:1.2rem;bottom:1rem;font-size:.66rem;letter-spacing:.13em;text-transform:uppercase}.video-toggle{position:absolute;right:1rem;bottom:1rem;border:1px solid rgba(255,255,255,.55);background:rgba(0,0,0,.28);color:#fff;border-radius:100px;padding:.7rem 1.1rem;cursor:pointer}.from-to{padding:clamp(7rem,12vw,11rem) var(--pad)}.compare-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,3vw,3rem);margin:0 0 clamp(6rem,10vw,10rem)}.compare-pair figure{margin:0}.compare-pair img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.compare-pair figure:last-child{margin-top:12vw}.compare-pair.reverse figure:first-child{order:2}.compare-pair.reverse figure:last-child{order:1;margin-top:12vw}.case-pillars{padding:clamp(7rem,12vw,11rem) var(--pad);background:#d4d7ce}.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:5rem;border-top:1px solid var(--line)}.pillars-grid article{padding:1.5rem 2rem 3rem 0}.pillars-grid article+article{padding-left:2rem;border-left:1px solid var(--line)}.pillars-grid span{font-size:.7rem;letter-spacing:.14em}.pillars-grid h3{font:300 clamp(1.8rem,3vw,3rem) "Helvetica Neue",Arial,sans-serif;letter-spacing:-.04em;margin:4rem 0 1.5rem}.pillars-grid p{color:#56584f}.editorial-gallery{padding:clamp(7rem,12vw,11rem) var(--pad);display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(1rem,2vw,2rem);align-items:start}.editorial-gallery figure{margin:0}.editorial-gallery img{display:block;width:100%;height:auto}.gallery-tall{grid-column:1/6}.gallery-wide{grid-column:7/13;margin-top:12vw!important}.gallery-copy{grid-column:2/7;padding:8vw 0}.gallery-copy p{font:300 clamp(2rem,4vw,4rem)/1.08 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.045em}.editorial-gallery figure:nth-of-type(3){grid-column:1/7}.editorial-gallery figure:nth-of-type(4){grid-column:8/13;margin-top:8vw}.gallery-detail{grid-column:3/7;margin-top:8vw!important}.project-facts{display:grid;grid-template-columns:repeat(4,1fr);margin:0 var(--pad) 8rem;border-top:1px solid var(--line)}.project-facts div{padding:1.5rem 0}.project-facts span{font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;color:#77746c}.project-facts p{margin:.6rem 0}.closing-image{height:90vh;position:relative;background:#111;color:#fff}.closing-image img{width:100%;height:100%;object-fit:cover;filter:brightness(.72)}.closing-image p{position:absolute;left:var(--pad);bottom:3rem;max-width:740px;font:300 clamp(2rem,4.5vw,4.7rem)/1.04 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.05em;margin:0}
@media(max-width:760px){.project-dental{margin-bottom:6rem!important}.project-photo img{height:115vw}.project-back{font-size:.65rem}.case-lead,.motion-head{grid-template-columns:1fr}.motion-head>p:last-child{grid-column:auto;margin-left:0}.dental-wide img{height:60vh}.compare-pair{grid-template-columns:1fr}.compare-pair figure:last-child,.compare-pair.reverse figure:last-child{margin-top:0}.compare-pair.reverse figure:first-child,.compare-pair.reverse figure:last-child{order:initial}.pillars-grid{grid-template-columns:1fr}.pillars-grid article+article{padding-left:0;border-left:0;border-top:1px solid var(--line)}.editorial-gallery{grid-template-columns:1fr}.editorial-gallery figure,.gallery-copy{grid-column:1!important;margin-top:0!important}.gallery-copy{padding:4rem 0}.project-facts{grid-template-columns:1fr 1fr}.closing-image{height:70vh}.video-frame>span{display:none}}

.villa-page{background:#e9e7e1}.villa-hero{height:100svh;min-height:650px;position:relative;overflow:hidden;color:#fff}.villa-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.villa-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.58))}.villa-title{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(3rem,8vh,7rem)}.villa-title>p{font-size:.7rem;letter-spacing:.16em}.villa-title h1{font:300 clamp(4rem,10vw,10rem)/.86 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.072em;margin:.8rem 0 0}.villa-lead{padding:clamp(7rem,14vw,13rem) var(--pad);display:grid;grid-template-columns:1fr 3fr;gap:2rem}.villa-lead h2,.villa-zone h2,.villa-pair h2,.villa-dark h2,.villa-details h2,.villa-bedrooms h2{font:300 clamp(2.5rem,5.3vw,5.5rem)/1.02 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.057em;margin:0 0 2.5rem}.villa-lead div>p,.villa-zone-copy>p:last-child,.villa-pair>div>p:last-child,.detail-intro>p,.villa-bedrooms>div>p:last-child{max-width:650px;margin-left:auto;color:#55534d;font-size:clamp(1rem,1.45vw,1.18rem)}.villa-scroll-scene{--villa-p:0;--villa-b:0;--progress:0%;height:260vh;background:#111}.villa-sticky{position:sticky;top:0;height:100svh;overflow:hidden;color:#fff}.villa-layer{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;will-change:transform,opacity}.villa-layer-a{transform:scale(calc(1.08 - var(--villa-p)*.08));filter:brightness(.7)}.villa-layer-b{opacity:var(--villa-b);transform:scale(calc(1.12 - var(--villa-b)*.12));filter:brightness(.65)}.villa-sticky:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55),transparent 70%)}.villa-scene-copy{position:absolute;z-index:2;left:var(--pad);bottom:clamp(3rem,8vh,7rem);max-width:850px}.villa-scene-copy p{font-size:.7rem;letter-spacing:.15em}.villa-scene-copy h2{font:300 clamp(3rem,7vw,7rem)/.95 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.06em;margin:.7rem 0}.villa-zone{padding:clamp(7rem,13vw,12rem) var(--pad)}.villa-zone-copy{display:grid;grid-template-columns:1fr 2fr;margin-bottom:6rem}.villa-zone-copy .section-no{grid-row:1/3}.villa-feature{margin:0}.villa-feature img{display:block;width:100%;height:82vh;object-fit:cover}.villa-feature figcaption,.villa-pair figcaption,.villa-suite-grid figcaption,.detail-grid figcaption{font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;margin-top:.8rem;color:#747168}.villa-pair{padding:0 var(--pad) clamp(8rem,14vw,14rem);display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(2rem,5vw,6rem);align-items:start}.villa-pair figure{margin:0}.villa-pair img{display:block;width:100%;height:auto}.villa-pair>div{padding-top:8vw}.villa-pair>figure:last-child{grid-column:2;margin-top:-8vw}.villa-pair>figure:last-child img{aspect-ratio:4/3;object-fit:cover}.villa-dark{background:#191714;color:#eeeae2;padding:clamp(7rem,12vw,11rem) var(--pad)}.villa-dark-title{display:grid;grid-template-columns:1fr 3fr;margin-bottom:6rem}.villa-suite-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(1rem,2vw,2rem);align-items:start}.villa-suite-grid figure{margin:0}.villa-suite-grid img{display:block;width:100%}.suite-main{grid-row:span 2}.suite-main img{height:calc(100% - 1.8rem);object-fit:cover}.villa-suite-grid figure:not(.suite-main) img{aspect-ratio:16/10;object-fit:cover}.villa-suite-grid figcaption{color:#9d988e}.villa-details{padding:clamp(7rem,13vw,12rem) var(--pad)}.detail-intro{display:grid;grid-template-columns:2fr 1fr;gap:4rem;margin:4rem 0 7rem}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(2rem,5vw,6rem) clamp(1rem,3vw,3rem)}.detail-grid figure{margin:0}.detail-grid figure:nth-child(even){margin-top:10vw}.detail-grid img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.villa-bedrooms{padding:clamp(7rem,12vw,11rem) var(--pad);background:#d2c6b8;display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,6rem);align-items:start}.villa-bedrooms figure{margin:0}.villa-bedrooms img{display:block;width:100%}.villa-bedrooms>div{padding:8vw 0}.villa-bedrooms figure:last-child{grid-column:2;margin-top:-7vw}.villa-materials{display:grid;grid-template-columns:repeat(3,1fr);padding:clamp(7rem,12vw,11rem) var(--pad)}.villa-materials article{border-top:1px solid var(--line);padding:1.5rem 2rem 2rem 0}.villa-materials article+article{border-left:1px solid var(--line);padding-left:2rem}.villa-materials span{font-size:.7rem;letter-spacing:.14em}.villa-materials h3{font:300 clamp(1.8rem,3vw,3rem) "Helvetica Neue",Arial,sans-serif;letter-spacing:-.04em;margin:4rem 0 1.5rem}.villa-materials p{color:#59564e}.villa-closing{height:90vh;position:relative;background:#111;color:#fff}.villa-closing img{width:100%;height:100%;object-fit:cover;filter:brightness(.62)}.villa-closing p{position:absolute;left:var(--pad);bottom:3rem;max-width:900px;font:300 clamp(2.2rem,5vw,5rem)/1.03 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.055em;margin:0}
@media(prefers-reduced-motion:reduce){.villa-scroll-scene{height:100svh}.villa-layer-a{display:none}.villa-layer-b{opacity:1;transform:none}}
@media(max-width:760px){.project-villa{width:100%!important;margin-bottom:6rem!important}.project-villa .project-photo img{height:115vw}.villa-lead,.villa-zone-copy,.villa-dark-title,.detail-intro{grid-template-columns:1fr}.villa-zone-copy .section-no{grid-row:auto}.villa-zone-copy{gap:2rem}.villa-feature img{height:62vh}.villa-pair{grid-template-columns:1fr}.villa-pair>div{padding-top:2rem}.villa-pair>figure:last-child{grid-column:1;margin-top:1rem}.villa-suite-grid{grid-template-columns:1fr}.suite-main img{height:auto}.detail-grid{grid-template-columns:1fr}.detail-grid figure:nth-child(even){margin-top:0}.villa-bedrooms{grid-template-columns:1fr}.villa-bedrooms>div{padding:3rem 0}.villa-bedrooms figure:last-child{grid-column:1;margin-top:0}.villa-materials{grid-template-columns:1fr}.villa-materials article+article{border-left:0;padding-left:0}.villa-closing{height:72vh}}

/* Stable scroll transforms for browsers without CSS multiplication support. */
.villa-layer-a{transform:scale(var(--villa-scale-a,1.08))}
.villa-layer-b{transform:scale(var(--villa-scale-b,1.12))}

@media(max-width:760px){
  .project-photo img,.project-villa .project-photo img{height:auto;aspect-ratio:auto;object-fit:contain}
  .villa-hero{height:78svh;min-height:560px;background:#151412}
  .villa-hero>img{object-fit:contain;object-position:center 42%}
  .villa-title{bottom:2.2rem}
  .villa-scroll-scene{height:210vh}
  .villa-layer{inset:0;width:100%;height:100%;object-fit:contain;background:#111}
  .villa-sticky:after{background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.72))}
  .villa-feature img{height:auto;object-fit:contain}
  .villa-pair>figure:last-child img,.villa-suite-grid figure:not(.suite-main) img,.detail-grid img{height:auto;aspect-ratio:auto;object-fit:contain}
  .dental-wide img,.compare-pair img{height:auto;aspect-ratio:auto;object-fit:contain}
}

/* Villa Schiedam — calm chapter layout */
.villa-v2 .villa-scroll-scene{height:230vh}.villa-v2 .villa-layer{inset:0;width:100%;height:100%;object-fit:cover}.villa-v2 .villa-layer-a{opacity:var(--villa-a,1);transform:scale(var(--villa-scale-a,1.04))}.villa-v2 .villa-layer-b{opacity:var(--villa-b,0);transform:scale(var(--villa-scale-b,1.07))}.villa-v2 .villa-sticky:after{background:linear-gradient(180deg,rgba(0,0,0,.04) 35%,rgba(0,0,0,.65))}.villa-v2 .villa-scene-copy{bottom:clamp(3rem,7vh,6rem)}
.villa-chapter{padding:clamp(7rem,11vw,10rem) var(--pad);border-top:1px solid var(--line)}.villa-chapter header{display:grid;grid-template-columns:1fr 3fr;gap:2rem;margin-bottom:clamp(4rem,7vw,7rem)}.villa-chapter header>div{display:grid;grid-template-columns:2fr 1fr;gap:clamp(2rem,5vw,6rem);align-items:start}.villa-chapter h2{font:300 clamp(2.5rem,5vw,5.2rem)/1.02 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.055em;margin:0}.villa-chapter header p:last-child{color:#56534c;margin:0}.villa-chapter figure{margin:0}.villa-chapter img{display:block;width:100%;height:auto}.villa-chapter figcaption{margin-top:.8rem;color:#747168;font-size:.68rem;text-transform:uppercase;letter-spacing:.13em}.chapter-hero{margin-bottom:clamp(2rem,4vw,4rem)!important}.chapter-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,3vw,3rem)}.chapter-grid figure{min-width:0}.chapter-grid img{aspect-ratio:16/10;object-fit:cover}.chapter-dark{background:#191714;color:#eeeae2}.chapter-dark header p:last-child,.chapter-dark figcaption{color:#aaa49a}.chapter-compact{background:#d8d2c8}.chapter-grid-three{grid-template-columns:repeat(3,1fr)}.chapter-grid-three img{aspect-ratio:4/3}.villa-v2 .villa-materials{background:#e9e7e1}
@media(max-width:760px){.villa-v2 .villa-scroll-scene{height:190vh}.villa-v2 .villa-layer{object-fit:cover}.villa-chapter header,.villa-chapter header>div{grid-template-columns:1fr}.villa-chapter header,.villa-chapter header>div{gap:2rem}.chapter-grid,.chapter-grid-three{grid-template-columns:1fr}.chapter-grid img,.chapter-grid-three img{aspect-ratio:auto}.chapter-grid figure+figure{margin-top:1.2rem}}

/* Villa Schiedam — expanded living, kitchen and private-suite story */
.villa-new-story{padding:clamp(7rem,12vw,11rem) var(--pad);border-top:1px solid var(--line)}
.villa-kitchen-story{background:#d8d2c8}
.villa-story-copy{display:grid;grid-template-columns:1fr 2fr 1fr;gap:clamp(2rem,4vw,5rem);align-items:start;margin-bottom:clamp(4rem,7vw,7rem)}
.villa-story-copy h2{font:300 clamp(2.5rem,5.3vw,5.5rem)/1.02 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.057em;margin:0}
.villa-story-copy>p:last-child{color:#55534d;margin:0}
.villa-new-story figure{margin:0}.villa-new-story img{display:block;width:100%;height:auto}
.villa-new-story figcaption{font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;margin-top:.8rem;color:#747168}
.story-wide{margin-bottom:clamp(3rem,6vw,6rem)!important}
.story-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,3vw,3rem);align-items:start}
.story-pair figure:last-child{margin-top:8vw}
.detail-grid figure:last-child{grid-column:1/-1;width:65%;margin:2vw auto 0}
@media(max-width:760px){
  .villa-story-copy{grid-template-columns:1fr;gap:2rem}
  .story-pair{grid-template-columns:1fr}.story-pair figure:last-child{margin-top:2rem}
  .detail-grid figure:last-child{grid-column:1;width:100%;margin:0}
  .villa-hero{height:78svh}.villa-hero>img{object-fit:cover;object-position:50% center}
}

/* Three-project portfolio rhythm */
@media(min-width:761px){
  .projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,4rem)}
  .project-index-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,4rem)}
  .project-index-grid .index-card:nth-child(n){margin-top:0}
}
@media(max-width:760px){
  .project-index-grid .index-card:nth-child(n){margin-top:3rem}
  .project-index-grid .index-card:first-child{margin-top:0}
}