:root{--ink:#141716;--paper:#eeeae2;--accent:#c6d99b;--muted:#a9aca5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--ink);color:var(--paper);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:6px}::selection{background:var(--accent);color:var(--ink)}.mono{font:500 11px 'Space Grotesk',sans-serif;letter-spacing:1.6px;text-transform:uppercase}.wrap{padding:0 6.5vw}.hero{min-height:850px;height:100svh;max-height:1100px;position:relative;overflow:hidden;background:#242a25}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,16,13,.85),rgba(10,16,13,.22)),linear-gradient(0deg,rgba(10,16,13,.8),transparent 60%),url('woonkamer.jpg') center/cover}.grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:25% 25%}header{position:relative;height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff25;margin:0 4vw;gap:30px}.brand{display:flex;gap:13px;align-items:center;font:700 25px 'Space Grotesk';letter-spacing:-1px}.mark{height:34px;width:34px;border:2px solid var(--paper);transform:rotate(-12deg);position:relative}.mark:after{content:'';position:absolute;inset:7px;background:var(--accent)}.brand small{display:block;font:10px 'Space Grotesk';letter-spacing:3px;margin-top:1px}nav{display:flex;gap:30px}nav a{font-size:11px;letter-spacing:1px;text-transform:uppercase}nav a:hover{color:var(--accent)}.button{display:inline-flex;gap:35px;align-items:center;justify-content:space-between;border:1px solid #ffffff65;padding:20px 25px;font:500 11px 'Space Grotesk';letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:transparent;color:inherit;transition:.2s}.button:hover{background:var(--accent);border-color:var(--accent);color:var(--ink)}.button.solid{background:var(--accent);color:var(--ink);border-color:var(--accent)}.button.solid:hover{background:var(--paper)}.arrow{font-size:20px}.hero-content{position:relative;padding-top:100px}.eyebrow{display:flex;gap:15px;align-items:center;color:var(--accent)}.eyebrow:before{content:'';width:28px;height:2px;background:currentColor}h1{font:500 clamp(68px,8.5vw,160px)/.98 'Space Grotesk';letter-spacing:-.065em;margin:30px 0 35px;max-width:1200px}h1 span{color:var(--accent)}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:35px}.hero-bottom p{font-size:20px;line-height:1.6;color:#d4d7ce;max-width:470px}.hero-foot{position:absolute;bottom:30px;left:6.5vw;right:6.5vw;display:flex;justify-content:space-between;color:#b8beb3}.side{position:absolute;right:0;top:42%;writing-mode:vertical-rl;background:var(--accent);color:var(--ink);padding:35px 22px}.strip{display:flex;justify-content:space-between;padding:27px 6.5vw;border-bottom:1px solid #ffffff25;color:#c8cbc2;gap:20px}.strip span:before{content:'↗';margin-right:12px;color:var(--accent)}section{padding:100px 6.5vw}.section-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:55px}h2{font:500 clamp(40px,4.8vw,80px)/1.05 'Space Grotesk';letter-spacing:-.05em;margin:20px 0 0}.section-top p{max-width:365px;color:var(--muted);line-height:1.7}.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff30}.service{padding:35px 30px 20px 0;border-right:1px solid #ffffff25;margin-right:30px}.service:last-child{border:0;margin:0}.service .num{color:var(--accent)}h3{font:500 26px 'Space Grotesk';letter-spacing:-1px;margin:45px 0 15px}.service p{color:var(--muted);line-height:1.7;min-height:80px}.service a{display:flex;justify-content:space-between;border-top:1px solid #ffffff25;padding-top:22px;margin-top:30px}.projects{background:var(--paper);color:var(--ink)}.projects .section-top p{color:#656b60}.projects-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:35px}.project{margin:0}.project img{width:100%;height:430px;object-fit:cover;display:block}.project:nth-child(2){padding-top:90px}.project:nth-child(2) img{height:340px}.caption{display:flex;justify-content:space-between;padding-top:20px;gap:15px}.caption strong{font-size:19px;font-weight:500}.caption .mono{font-size:9px;color:#6d7167}.note{margin-top:35px;color:#73786d;font-size:12px}.process{display:grid;grid-template-columns:1fr 1fr;gap:90px}.steps{border-top:1px solid #ffffff30}.step{display:grid;grid-template-columns:40px 1fr;gap:20px;padding:27px 0;border-bottom:1px solid #ffffff30}.step h3{margin:0 0 10px;font-size:22px}.step p{color:var(--muted);line-height:1.6;margin:0}.step .mono{color:var(--accent);padding-top:5px}.contact{background:var(--accent);color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact p{max-width:400px;line-height:1.7}.contact h2{font-size:clamp(45px,5vw,85px)}form{display:grid;grid-template-columns:1fr 1fr;gap:25px}label{display:flex;flex-direction:column;gap:10px;font-size:12px}input,select,textarea{width:100%;background:transparent;border:0;border-bottom:1px solid #14171660;border-radius:0;padding:12px 0;color:var(--ink)}textarea{resize:vertical;min-height:80px}.wide{grid-column:1/-1}.contact .button{background:var(--ink);color:var(--paper);border-color:var(--ink)}.contact .button:hover{background:#333b2b}.form-note{font-size:11px!important;margin:0}#result{padding:20px;border:1px solid #14171660;line-height:1.6}footer{padding:45px 6.5vw;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .mono{color:var(--muted);font-size:9px}.menu-toggle{display:none}@media(min-width:1500px){.hero-content{padding-top:120px}}@media(max-width:900px){header{height:90px}nav{gap:16px}header>.button{display:none}.hero{min-height:740px}h1{font-size:11vw}.hero-content{padding-top:120px}.side{display:none}.process,.contact{gap:40px}.project img{height:330px}.project:nth-child(2) img{height:270px}}@media(max-width:620px){header{margin:0 6.5vw}.brand{font-size:22px}.menu-toggle{display:block;background:none;border:1px solid #ffffff50;color:var(--paper);padding:10px}nav{display:none;position:absolute;z-index:5;top:89px;left:0;right:0;background:var(--ink);padding:25px;flex-direction:column}nav.open{display:flex}.hero{height:100svh;min-height:850px;max-height:1050px}.hero-content{padding-top:75px}.eyebrow{font-size:9px;letter-spacing:1px}h1{font-size:16vw;margin:30px 0}.hero-bottom{display:block}.hero-bottom p{font-size:17px;max-width:320px}.hero-bottom .button{margin-top:20px}.hero-foot{font-size:8px;letter-spacing:1px}.strip{flex-wrap:wrap;justify-content:start;font-size:9px;gap:20px}section{padding:70px 6.5vw}.section-top{display:block;margin-bottom:35px}.section-top p{margin-top:25px}.services,.projects-grid,.process,.contact{grid-template-columns:1fr}.service{border-right:0;border-bottom:1px solid #ffffff30;margin:0;padding:30px 0}.service h3{margin-top:25px}.service p{min-height:0}.project:nth-child(2){padding-top:10px}.project img,.project:nth-child(2) img{height:340px}.caption{flex-direction:column;gap:8px}.process,.contact{gap:40px}form{grid-template-columns:1fr}footer{align-items:start;flex-direction:column}.hero:before{background-position:60% center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
 :root{--ink:#061b2c;--paper:#f0ece4;--accent:#c4a46d;--muted:#adb8c1}.brand{display:block;background:transparent;padding:7px 14px;line-height:0}.brand img{width:138px;height:76px;object-fit:contain;display:block}.hero:before{background-image:linear-gradient(90deg,rgba(3,18,32,.88),rgba(3,18,32,.28)),linear-gradient(0deg,rgba(3,18,32,.8),transparent 60%),url("woonkamer.jpg")}.hero-bottom p{color:#d7dce0}.contact{background:#d7c39f}.contact .button{background:var(--ink)}@media(max-width:620px){.brand img{width:109px;height:60px}.brand{padding:4px 10px}} 
header{z-index:10}nav{gap:22px}nav a[aria-current=page]{color:var(--accent);border-bottom:2px solid var(--accent);padding-bottom:8px}.page-head{padding:80px 6.5vw 65px;background:linear-gradient(120deg,#061b2c,#143447)}.page-head h1{font-size:clamp(48px,6.5vw,104px);margin-bottom:25px}.page-head p{font-size:19px;color:var(--muted);line-height:1.7;max-width:620px}.page-head .eyebrow{margin-bottom:20px}.page-head+.projects{padding-top:70px}.detail{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.detail.dark{background:var(--ink);color:var(--paper)}.detail p{line-height:1.8;color:#616d76;max-width:540px}.detail.dark p{color:var(--muted)}.detail img{width:100%;height:440px;object-fit:cover}.detail h2{font-size:clamp(36px,4vw,64px)}.detail ul{padding-left:20px;line-height:2}.detail .mono{color:#8a703f}.cta{display:flex;align-items:center;justify-content:space-between;gap:40px;background:#d7c39f;color:var(--ink)}.cta h2{font-size:clamp(35px,4vw,65px);margin:0}.cta p{line-height:1.7;max-width:500px}.cta .button{background:var(--ink);color:var(--paper);border-color:var(--ink);flex-shrink:0}.page-links{display:flex;gap:25px;flex-wrap:wrap;line-height:1.8}.intro-copy{font-size:19px;line-height:1.8;max-width:760px;color:var(--muted)}.faq{background:var(--paper);color:var(--ink)}.faq details{padding:25px 0;border-bottom:1px solid #061b2c33}.faq summary{font:500 21px 'Space Grotesk';cursor:pointer}.faq details p{line-height:1.8;max-width:800px;color:#626d76}.empty-page{min-height:65vh}.contact{padding-top:70px}footer .page-links{font-size:11px}.brand{padding:0}.hero header .brand img{filter:drop-shadow(0 0 1px #ffffff80)}footer .brand img{filter:drop-shadow(0 0 1px #ffffff80)}@media(max-width:1050px){header>.button{display:none}nav{gap:18px}}@media(max-width:760px){.menu-toggle{display:block;background:none;border:1px solid #ffffff50;color:var(--paper);padding:10px}nav{display:none;position:absolute;top:89px;left:0;right:0;padding:25px;background:var(--ink);flex-direction:column}nav.open{display:flex}header{height:90px}.detail{grid-template-columns:1fr;gap:35px}.detail img{height:320px}.cta{display:block}.cta .button{margin-top:20px}.page-head{padding:55px 6.5vw}.page-head p{font-size:17px}.page-head h1{font-size:clamp(45px,10vw,75px)}footer{align-items:start;flex-direction:column}.hero{min-height:850px}}