/* Studio Domo — Combell ready website */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--ivory:#F4F1EC;--ivory2:#EBE7DF;--warm:#E5DFD3;--ink:#15130F;--ink2:#2A2620;--mid:#746E63;--soft:#A89A82;--bronze:#9C8868;--line:rgba(21,19,15,.10);--line-light:rgba(255,255,255,.10)}
html{scroll-behavior:smooth}body{font-family:'Montserrat',Arial,sans-serif;background:var(--ivory);color:var(--ink);font-weight:300;font-size:13px;letter-spacing:.04em;line-height:1.75;overflow-x:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}::selection{background:var(--bronze);color:#fff}.hp{display:none!important}
.site-nav{position:fixed;inset:0 0 auto;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:24px 64px;border-bottom:1px solid transparent;transition:background .35s,padding .35s,border-color .35s}.site-nav .logo img{height:42px;width:auto;display:block;transition:filter .3s}.site-nav.s{padding:14px 64px;background:rgba(244,241,236,.97);backdrop-filter:blur(16px);border-bottom-color:var(--line)}.home .site-nav:not(.s),.dark-start .site-nav:not(.s){color:#fff}.home .site-nav:not(.s) .logo img,.dark-start .site-nav:not(.s) .logo img{filter:brightness(0) invert(1)}.nav-links{display:flex;gap:40px;list-style:none}.nav-links a,.nav-cta{font-size:10px;letter-spacing:3px;text-transform:uppercase;font-weight:300;transition:opacity .2s}.nav-links a:hover,.nav-links a.active{opacity:.5}.nav-cta{padding:11px 24px;border:1px solid currentColor}.nav-cta:hover{opacity:.6}.menu-btn{display:none;width:32px;height:24px;position:relative;color:inherit;background:none;border:0}.menu-btn span{position:absolute;left:0;right:0;height:1px;background:currentColor;transition:.25s}.menu-btn span:nth-child(1){top:4px}.menu-btn span:nth-child(2){top:50%}.menu-btn span:nth-child(3){bottom:4px}.menu-btn.open span:nth-child(1){top:50%;transform:rotate(45deg)}.menu-btn.open span:nth-child(2){opacity:0}.menu-btn.open span:nth-child(3){bottom:50%;transform:rotate(-45deg)}.mobile-menu{position:fixed;inset:0;background:var(--ivory);z-index:900;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;opacity:0;pointer-events:none;transition:.35s}.mobile-menu.open{opacity:1;pointer-events:auto}.mobile-menu a{font-family:'Cormorant Garamond',serif;font-size:36px;font-weight:300}
.hero{position:relative;height:100vh;min-height:700px;background:#0b0907;overflow:hidden}.slides,.slide{position:absolute;inset:0}.slide{opacity:0;transition:opacity 1.8s ease}.slide.on{opacity:1}.slide img{width:100%;height:100%;object-fit:cover}.hero::after,.split-hero::after,.quote-band::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,8,6,.35),rgba(10,8,6,.08) 40%,rgba(10,8,6,.68));z-index:1}.hero-text{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 24px}.hero-eyebrow{font-size:10px;letter-spacing:6px;text-transform:uppercase;color:rgba(255,255,255,.66);margin-bottom:34px}.hero h1,.split-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(54px,8vw,120px);font-weight:300;line-height:.98;color:#fff;letter-spacing:-1px}.hero h1 em,.split-hero h1 em{font-style:italic;color:rgba(255,255,255,.74)}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:44px}.hero-bottom{position:absolute;left:64px;right:64px;bottom:46px;z-index:2;display:flex;justify-content:space-between;color:rgba(255,255,255,.54);font-size:9px;letter-spacing:4px;text-transform:uppercase;line-height:2}.hero-bottom p:last-child{font-family:'Cormorant Garamond',serif;font-size:14px;text-transform:none;letter-spacing:.08em;font-style:italic}
.eyebrow{font-size:9px;letter-spacing:5px;text-transform:uppercase;color:var(--bronze);margin-bottom:20px}.eyebrow.light{color:rgba(255,255,255,.55)}.btn{display:inline-block;background:transparent;border:1px solid var(--ink);color:var(--ink);font-size:10px;letter-spacing:4px;text-transform:uppercase;padding:16px 34px;font-weight:300;transition:.25s;cursor:pointer}.btn:hover{background:var(--ink);color:var(--ivory)}.btn-light{border-color:rgba(255,255,255,.36);color:#fff}.btn-light:hover{background:var(--bronze);border-color:var(--bronze);color:var(--ink)}.btn-light.ghost:hover{background:#fff;border-color:#fff;color:var(--ink)}.link-arrow{font-size:10px;letter-spacing:3px;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:3px}.link-arrow:hover{opacity:.55}
.intro{padding:170px 24px;text-align:center;display:flex;flex-direction:column;align-items:center}.intro h2{font-family:'Cormorant Garamond',serif;font-size:clamp(26px,2.5vw,38px);font-weight:300;line-height:1.58;max-width:910px;margin-bottom:44px}.intro h2 em{font-style:italic;color:var(--bronze)}.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:0 64px 140px}.pcard,.service-card,.mcard{position:relative;overflow:hidden;background:#191713}.pcard{aspect-ratio:3/4}.pcard img,.service-card img,.mcard img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s ease}.pcard:hover img,.service-card:hover img,.mcard:hover img{transform:scale(1.04)}.pcard::after,.service-card::after,.mcard::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(15,13,10,.68),transparent 58%)}.pcard span,.service-card span,.mcard span{position:absolute;left:30px;right:30px;bottom:30px;z-index:2;color:#fff;font-family:'Cormorant Garamond',serif;font-size:25px;font-weight:300;line-height:1.18}.pcard small,.service-card small,.mcard small{display:block;font-family:'Montserrat',Arial,sans-serif;font-size:9px;letter-spacing:4px;text-transform:uppercase;color:rgba(255,255,255,.56);margin-bottom:10px}.mcard em,.service-card em{display:block;font-family:'Montserrat',Arial,sans-serif;font-style:normal;font-size:11px;letter-spacing:.08em;line-height:1.8;color:rgba(255,255,255,.66);margin-top:10px}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:60px;background:var(--ivory2);padding:135px 64px 165px;text-align:center}.pillar p,.service-num,.spec p,.philosophy-item p,.step>p{font-family:'Cormorant Garamond',serif;font-size:15px;font-style:italic;color:var(--bronze);margin-bottom:20px}.pillar h3{font-family:'Cormorant Garamond',serif;font-size:25px;font-weight:300;line-height:1.25;margin-bottom:18px}.pillar span{font-size:12px;line-height:2.1;color:var(--mid);display:block;max-width:280px;margin:auto}.services-home{padding:155px 64px}.section-head{text-align:center;margin-bottom:84px}.section-head h2{font-family:'Cormorant Garamond',serif;font-size:clamp(38px,4vw,60px);font-weight:300;line-height:1.08}.section-head h2 em{font-style:italic;color:var(--bronze)}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.service-card{aspect-ratio:4/5;display:block}.service-card b{display:block;font-weight:300;font-family:'Cormorant Garamond',serif;font-size:27px}.image-band{display:grid;grid-template-columns:1.25fr .75fr;gap:0;background:var(--ink);color:#fff;margin:0 64px 150px}.image-band img{width:100%;height:100%;min-height:520px;object-fit:cover}.image-band div{padding:80px;display:flex;flex-direction:column;justify-content:center}.image-band h2{font-family:'Cormorant Garamond',serif;font-size:44px;font-weight:300;margin-bottom:22px}.image-band p:last-child{color:rgba(255,255,255,.55);font-size:13px;line-height:2.1}.page-header{padding:205px 64px 104px;text-align:center;border-bottom:1px solid var(--line)}.page-eyebrow{font-size:10px;letter-spacing:6px;text-transform:uppercase;color:var(--bronze);margin-bottom:30px}.page-title,.page-header h1{font-family:'Cormorant Garamond',serif;font-size:clamp(50px,7vw,100px);font-weight:300;line-height:1.02;letter-spacing:-1px}.page-header em{font-style:italic;color:var(--bronze)}.intro-block{padding:105px 24px;text-align:center;border-bottom:1px solid var(--line)}.intro-block.small{padding:78px 24px}.intro-block p{font-family:'Cormorant Garamond',serif;font-size:clamp(22px,2.3vw,34px);font-weight:300;line-height:1.62;max-width:860px;margin:auto}.intro-block em{font-style:italic;color:var(--bronze)}
.service-row{display:grid;grid-template-columns:1fr 1fr;min-height:88vh}.service-row.reverse{direction:rtl}.service-row.reverse>*{direction:ltr}.service-img img{width:100%;height:100%;object-fit:cover}.service-txt{padding:120px 88px;display:flex;flex-direction:column;justify-content:center}.service-txt h2{font-family:'Cormorant Garamond',serif;font-size:clamp(38px,3.7vw,56px);font-weight:300;line-height:1.08;margin-bottom:30px}.service-txt h2 em{font-style:italic;color:var(--bronze)}.service-txt .lead{font-family:'Cormorant Garamond',serif;font-size:21px;line-height:1.68;color:var(--ink);max-width:500px;margin-bottom:28px}.service-txt p:not(.service-num){color:var(--mid);line-height:2.15;max-width:500px;margin-bottom:30px}.service-txt ul{list-style:none;display:grid;gap:14px;margin:0 0 38px;max-width:500px}.service-txt li{position:relative;padding-left:28px;color:var(--mid);line-height:1.9;font-size:12px}.service-txt li::before{content:'—';position:absolute;left:0;color:var(--bronze)}.specialised{background:var(--ivory2);padding:155px 64px}.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:52px 38px}.spec{border-top:1px solid rgba(21,19,15,.14);padding-top:26px}.spec h3{font-family:'Cormorant Garamond',serif;font-size:21px;font-weight:300;line-height:1.25;margin-bottom:14px}.spec span{color:var(--mid);font-size:12px;line-height:2;display:block}.filters{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:48px 24px 10px}.filters button{border:1px solid var(--line);background:transparent;color:var(--mid);padding:11px 20px;font-size:10px;text-transform:uppercase;letter-spacing:2px;cursor:pointer}.filters button.active,.filters button:hover{background:var(--ink);color:#fff}.masonry{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:260px;gap:20px;padding:54px 64px 150px}.mcard{display:block}.mcard.tall{grid-row:span 2}.mcard.wide{grid-column:span 2}.mcard.hide{display:none}.split-hero{position:relative;height:82vh;min-height:620px;overflow:hidden;background:#0b0907}.split-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.split-hero div{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.philosophy-grid{padding:0 64px 145px;display:grid;grid-template-columns:repeat(4,1fr);gap:36px}.philosophy-item{background:rgba(255,255,255,.24);border:1px solid var(--line);padding:42px 34px;min-height:300px}.philosophy-item h3{font-family:'Cormorant Garamond',serif;font-size:25px;font-weight:300;line-height:1.25;margin-bottom:22px}.philosophy-item span{color:var(--mid);font-size:12px;line-height:2.05}.quote-band{position:relative;height:70vh;min-height:480px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:#0b0907}.quote-band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.quote-band p{position:relative;z-index:2;font-family:'Cormorant Garamond',serif;color:#fff;font-size:clamp(30px,4vw,58px);font-style:italic;max-width:900px;padding:0 24px}.steps{padding:90px 64px 150px}.step{display:grid;grid-template-columns:160px 1fr;gap:54px;border-top:1px solid var(--line);padding:58px 0}.step:last-child{border-bottom:1px solid var(--line)}.step h2{font-family:'Cormorant Garamond',serif;font-size:clamp(34px,3vw,50px);font-weight:300;line-height:1.12;margin-bottom:20px}.step h2 em{font-style:italic;color:var(--bronze)}.step span{color:var(--mid);font-size:13px;line-height:2.1;max-width:700px;display:block}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:0;min-height:760px}.contact-info{padding:105px 70px;background:var(--ivory2);display:flex;flex-direction:column;justify-content:center}.contact-info h2{font-family:'Cormorant Garamond',serif;font-size:42px;font-weight:300;line-height:1.15;margin-bottom:24px}.contact-info p:not(.eyebrow){color:var(--mid);line-height:2.1;margin-bottom:38px}.contact-list{display:flex;flex-direction:column;gap:12px}.contact-list a,.contact-list span{color:var(--ink);font-size:12px}.contact-form{background:var(--ink);padding:90px 80px;display:flex;flex-direction:column;justify-content:center;color:#fff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:28px}label{display:flex;flex-direction:column;gap:9px;font-size:9px;text-transform:uppercase;letter-spacing:3px;color:rgba(255,255,255,.45);margin-bottom:24px}input,select,textarea{width:100%;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 0;font-size:14px;font-weight:300;outline:none;border-radius:0;letter-spacing:.04em}select option{color:var(--ink)}input:focus,select:focus,textarea:focus{border-bottom-color:var(--bronze)}textarea{resize:vertical;min-height:150px}.form-note{font-size:11px;color:rgba(255,255,255,.4);margin-top:20px}.form-note a{color:var(--bronze);border-bottom:1px solid var(--bronze)}.contact-cta{display:none}.legal{max-width:850px;margin:0 auto;padding:90px 24px 140px}.legal h2{font-family:'Cormorant Garamond',serif;font-size:32px;font-weight:300;margin:42px 0 12px}.legal p{font-size:13px;color:var(--mid);line-height:2.1}.legal a{color:var(--bronze);border-bottom:1px solid var(--bronze)}
.cta{position:relative;background:var(--ink);color:#fff;text-align:center;padding:130px 24px;overflow:hidden}.cta::before{content:'';position:absolute;inset:0;background:url('images/14-leefruimte.png') center/cover;opacity:.08}.cta>*{position:relative;z-index:1}.cta h2{font-family:'Cormorant Garamond',serif;font-size:clamp(40px,4.2vw,66px);font-weight:300;line-height:1.08;margin-bottom:26px}.cta h2 em{font-style:italic;color:var(--bronze)}.cta p:not(.eyebrow){color:rgba(255,255,255,.52);max-width:560px;margin:0 auto 44px;line-height:2}footer{background:#0C0B08;padding:82px 64px 34px}.f-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:64px;margin-bottom:68px}.f-logo img{height:42px;width:auto;filter:brightness(0) invert(.72);margin-bottom:22px}.f-desc{font-size:11px;line-height:2.2;color:rgba(255,255,255,.3);max-width:310px}.f-col h5{font-size:9px;letter-spacing:4px;text-transform:uppercase;color:rgba(255,255,255,.32);font-weight:300;margin-bottom:20px}.f-col ul{list-style:none}.f-col li{margin-bottom:11px}.f-col a,.f-col span{font-size:11px;color:rgba(255,255,255,.46);transition:.2s}.f-col a:hover{color:var(--bronze)}.f-bot{border-top:1px solid var(--line-light);padding-top:28px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.f-bot p,.f-bot a{font-size:10px;letter-spacing:1.5px;color:rgba(255,255,255,.28)}.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s ease,transform .9s ease}.reveal.in,.reveal-now{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.slide{transition:none}}
@media(max-width:1100px){.spec-grid,.philosophy-grid{grid-template-columns:repeat(2,1fr)}.masonry{grid-template-columns:repeat(2,1fr)}}@media(max-width:980px){.site-nav,.site-nav.s{padding:18px 24px}.site-nav .logo img{height:34px}.nav-links,.nav-cta{display:none}.menu-btn{display:block}.home .site-nav:not(.s),.dark-start .site-nav:not(.s){color:#fff}.hero{min-height:640px}.hero-bottom{left:24px;right:24px;bottom:30px;align-items:flex-start}.intro{padding:95px 24px}.trio,.service-cards,.pillars{grid-template-columns:1fr}.trio{padding:0 24px 84px}.pillars{padding:90px 24px 110px;gap:48px}.services-home{padding:105px 24px}.image-band{grid-template-columns:1fr;margin:0 24px 95px}.image-band img{min-height:auto}.image-band div{padding:48px 28px}.page-header{padding:145px 24px 72px}.intro-block{padding:76px 24px}.service-row,.service-row.reverse{grid-template-columns:1fr;min-height:auto;direction:ltr}.service-img{aspect-ratio:4/3}.service-txt{padding:70px 24px}.specialised{padding:100px 24px}.spec-grid{grid-template-columns:1fr}.masonry{grid-template-columns:1fr;grid-auto-rows:auto;padding:38px 24px 100px}.mcard,.mcard.tall,.mcard.wide{grid-column:auto;grid-row:auto;aspect-ratio:4/5}.philosophy-grid{grid-template-columns:1fr;padding:0 24px 95px}.split-hero{height:70vh;min-height:540px}.steps{padding:60px 24px 100px}.step{grid-template-columns:1fr;gap:12px;padding:44px 0}.contact-layout{grid-template-columns:1fr}.contact-info{padding:76px 24px}.contact-form{padding:68px 24px}.form-row{grid-template-columns:1fr;gap:0}footer{padding:62px 24px 32px}.f-top{grid-template-columns:1fr;gap:44px}.f-bot{flex-direction:column;text-align:center}.hero-buttons{gap:12px}.btn{padding:15px 24px;letter-spacing:3px}}

/* ─── ONS VERHAAL ─── */
.story-home{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center;padding:0 64px 150px;max-width:1440px;margin:0 auto}
.story-copy{max-width:620px}.story-copy h2,.story-page-copy h2{font-family:'Cormorant Garamond',serif;font-size:clamp(36px,4vw,58px);font-weight:300;line-height:1.08;margin-bottom:28px;color:var(--ink)}
.story-copy h2 em,.story-page-copy h2 em{font-style:italic;color:var(--bronze)}.story-copy p,.story-page-copy p{font-size:13px;line-height:2.08;color:var(--mid);margin-bottom:18px}.story-copy p:first-of-type,.story-page-copy p:first-of-type{font-family:'Cormorant Garamond',serif;font-size:22px;line-height:1.55;color:var(--ink)}
.story-image,.story-page-image{position:relative;overflow:hidden;background:var(--ivory2)}.story-image{aspect-ratio:4/5}.story-image img,.story-page-image img{width:100%;height:100%;object-fit:cover;display:block}.story-image img{object-position:center center}.story-page{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:120px 64px 150px;max-width:1480px;margin:0 auto}.story-page-image{aspect-ratio:4/5}.story-page-copy{max-width:660px}
@media(max-width:980px){.story-home,.story-page{grid-template-columns:1fr;gap:42px;padding:0 24px 95px}.story-page{padding-top:76px}.story-image,.story-page-image{aspect-ratio:4/5}.story-copy,.story-page-copy{max-width:none}}


/* ─── REALISATIES / PROJECTPAGINA'S ─── */
.real-projects{padding:95px 64px 130px;display:grid;grid-template-columns:1fr 1fr;gap:28px;border-bottom:1px solid var(--line)}
.real-project-card{position:relative;display:block;overflow:hidden;min-height:560px;background:#12100d;color:#fff}
.real-project-card img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform 1.4s ease}.real-project-card:hover img{transform:scale(1.035)}
.real-project-card::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(12,10,8,.74),rgba(12,10,8,.10) 55%,rgba(12,10,8,.10));z-index:1}
.real-project-card .project-card-copy{position:absolute;left:44px;right:44px;bottom:42px;z-index:2}.status-pill{display:inline-block;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.66);border:1px solid rgba(255,255,255,.24);padding:8px 12px;margin-bottom:20px}
.real-project-card h2{font-family:'Cormorant Garamond',serif;font-size:clamp(36px,4vw,64px);font-weight:300;line-height:1.04;margin-bottom:12px}.real-project-card h2 em{font-style:italic;color:rgba(255,255,255,.74)}
.real-project-card p{max-width:460px;color:rgba(255,255,255,.66);line-height:2.0;font-size:12px}.real-project-card .link-arrow{display:inline-block;margin-top:28px;color:#fff}
.project-hero{position:relative;height:86vh;min-height:640px;background:#0b0907;overflow:hidden}.project-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.project-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,8,6,.20),rgba(10,8,6,.10) 40%,rgba(10,8,6,.72));z-index:1}.project-hero-copy{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding:0 24px 92px;color:#fff}.project-hero-copy h1{font-family:'Cormorant Garamond',serif;font-size:clamp(56px,7vw,106px);font-weight:300;line-height:1}.project-hero-copy h1 em{font-style:italic;color:rgba(255,255,255,.74)}.project-hero-copy p{font-size:10px;letter-spacing:5px;text-transform:uppercase;color:rgba(255,255,255,.66);margin-bottom:28px}
.project-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:74px;padding:115px 64px;max-width:1480px;margin:0 auto}.project-intro h2{font-family:'Cormorant Garamond',serif;font-size:clamp(36px,4vw,60px);font-weight:300;line-height:1.12}.project-intro h2 em{font-style:italic;color:var(--bronze)}.project-intro p{color:var(--mid);font-size:13px;line-height:2.1;margin-bottom:18px}.project-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin:0 64px 115px}.project-meta div{background:var(--ivory2);padding:34px 28px}.project-meta small{display:block;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--bronze);margin-bottom:10px}.project-meta span{display:block;font-family:'Cormorant Garamond',serif;font-size:22px;line-height:1.25}.project-gallery{padding:0 64px 135px;display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.project-gallery figure{overflow:hidden;background:var(--ivory2)}.project-gallery img{width:100%;height:100%;object-fit:cover}.project-gallery figure.wide{grid-column:span 2;aspect-ratio:16/9}.project-gallery figure.portrait{aspect-ratio:4/5}.project-gallery figure.landscape{aspect-ratio:4/3}.project-caption{padding:0 64px 65px;text-align:center}.project-caption p{font-family:'Cormorant Garamond',serif;font-size:26px;font-style:italic;color:var(--bronze);line-height:1.55}.before-after{padding:0 64px 135px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.before-after figure{background:var(--ivory2);overflow:hidden}.before-after img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover}.before-after figcaption{padding:18px 22px;font-family:'Cormorant Garamond',serif;font-size:22px;color:var(--bronze);font-style:italic;text-align:center}
@media(max-width:980px){.real-projects{grid-template-columns:1fr;padding:52px 24px 90px}.real-project-card{min-height:460px}.real-project-card .project-card-copy{left:28px;right:28px;bottom:32px}.project-hero{height:72vh;min-height:520px}.project-hero-copy{padding-bottom:58px}.project-intro{grid-template-columns:1fr;gap:28px;padding:78px 24px}.project-meta{grid-template-columns:1fr;margin:0 24px 78px}.project-gallery{grid-template-columns:1fr;padding:0 24px 90px}.project-gallery figure.wide{grid-column:auto;aspect-ratio:4/3}.before-after{grid-template-columns:1fr;padding:0 24px 90px}.project-caption{padding:0 24px 48px}}


/* Update realisaties: sfeerbeelden eerst, echte projecten compacter onderaan */
.project-section-heading{
  padding:10px 24px 0;
  text-align:center;
  max-width:780px;
  margin:0 auto;
}
.project-section-heading h2{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(34px,4vw,58px);
  font-weight:300;
  line-height:1.15;
  margin-bottom:20px;
}
.project-section-heading h2 em{
  font-style:italic;
  color:var(--bronze);
}
.project-section-heading p:not(.eyebrow){
  color:var(--mid);
  line-height:2;
  font-size:12px;
}
.real-projects.compact{
  padding:58px 64px 145px;
  max-width:1240px;
  margin:0 auto;
  gap:24px;
  border-bottom:0;
}
.real-projects.compact .real-project-card{
  min-height:360px;
  aspect-ratio:16/10;
}
.real-projects.compact .real-project-card .project-card-copy{
  left:32px;
  right:32px;
  bottom:30px;
}
.real-projects.compact .real-project-card h2{
  font-size:clamp(30px,3vw,44px);
}
.real-projects.compact .real-project-card p{
  font-size:11px;
  line-height:1.8;
  max-width:430px;
}
.real-projects.compact .status-pill{
  margin-bottom:14px;
  padding:7px 10px;
  font-size:8px;
}
.real-projects.compact .real-project-card .link-arrow{
  margin-top:18px;
}
@media(max-width:980px){
  .real-projects.compact{
    grid-template-columns:1fr;
    padding:40px 24px 110px;
  }
  .real-projects.compact .real-project-card{
    min-height:330px;
  }
}
@media(max-width:640px){
  .real-projects.compact .real-project-card{
    min-height:300px;
    aspect-ratio:auto;
  }
  .real-projects.compact .real-project-card .project-card-copy{
    left:24px;
    right:24px;
    bottom:24px;
  }
}


/* Studio Domo final refinement, luxury + mobile */
body{letter-spacing:.035em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.site-nav{padding-top:26px;padding-bottom:26px}.site-nav .logo img{height:44px}.nav-links{gap:46px}.nav-links a,.nav-cta{letter-spacing:3.6px}.site-nav.s{box-shadow:0 18px 55px rgba(21,19,15,.05)}
.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,6,5,.38) 0%,rgba(7,6,5,.08) 42%,rgba(7,6,5,.66) 100%);z-index:1;pointer-events:none}.hero-text,.hero-bottom{z-index:2}.hero-title,h1{letter-spacing:-.015em}.hero-eyebrow,.page-eyebrow,.eyebrow{letter-spacing:5.5px}.btn{transition:background .25s ease,color .25s ease,border-color .25s ease,opacity .25s ease,transform .25s ease}.btn:hover{transform:translateY(-1px)}
.intro h2,.intro-block p{line-height:1.58}.pcard img,.service-card img,.service-img img,.mcard img,.story-image img,.project-gallery img,.before-after img{filter:saturate(.92) contrast(.98)}.pcard:hover img,.service-card:hover img,.mcard:hover img,.service-img-link:hover img{transform:scale(1.035)}
.service-row{background:var(--ivory)}.service-row.reverse{background:var(--ivory2)}.service-txt h2 a{display:inline-block;color:inherit;text-decoration:none;transition:opacity .25s ease}.service-txt h2 a:hover{opacity:.72}.service-img-link{display:block;min-height:100%;overflow:hidden}.service-img-link img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease,filter 1.2s ease}.service-txt ul{list-style:none}.service-txt li{position:relative;padding-left:22px}.service-txt li::before{content:'•';position:absolute;left:0;color:var(--bronze)}
.specialised{background:linear-gradient(180deg,var(--ivory2) 0%,#e7e1d8 100%)}.spec{display:block;min-height:188px;border-top:1px solid rgba(21,19,15,.13);transition:transform .28s ease,border-color .28s ease,background .28s ease}.spec:hover{transform:translateY(-4px);border-top-color:var(--bronze)}.spec.mini-link{background:rgba(244,241,236,.42);padding:26px}.related-services .spec-grid{max-width:1000px;margin:0 auto}.related-grid{grid-template-columns:repeat(3,1fr)}
footer{background:#0d0c0a}.f-desc{max-width:420px}.cta{background:radial-gradient(circle at 50% 0%,rgba(156,136,104,.12),transparent 42%),#15130f}.cta h2{letter-spacing:-.015em}
.service-detail-page .page-header{padding-bottom:86px}.service-detail-page .intro-block{padding-top:86px;padding-bottom:92px}.service-detail-row .service-txt h2 em:empty{display:none}.service-detail-row .lead{margin-top:4px}.service-detail-row .service-img img{height:100%;object-fit:cover}
@media(max-width:980px){
  body{font-size:12px;letter-spacing:.03em}.site-nav,.site-nav.s{padding:16px 22px}.site-nav .logo img{height:32px}.menu-btn{display:block}.nav-links,.nav-cta{display:none}.mobile-menu a{font-size:32px;line-height:1.1}.hero{min-height:620px}.hero-text{padding:0 22px}.hero-eyebrow{font-size:9px;letter-spacing:4px;margin-bottom:28px}.hero-title{font-size:clamp(48px,17vw,78px);line-height:.96}.hero-buttons{margin-top:34px}.hero-buttons .btn{width:100%;max-width:310px}.hero-bottom{left:22px;right:22px;bottom:24px}.hero-bottom p{font-size:8px;letter-spacing:2.8px}.page-header{padding:132px 24px 68px}.page-header h1{font-size:clamp(48px,15vw,74px);line-height:.98}.intro{padding:88px 24px}.intro h2,.intro-block p{font-size:clamp(24px,7vw,34px);line-height:1.48}.story-home{gap:34px}.trio{gap:18px}.pillars{gap:38px}.services-home{padding-top:90px}.service-row,.service-row.reverse{grid-template-columns:1fr;direction:ltr}.service-img,.service-img-link{aspect-ratio:4/3}.service-img img,.service-img-link img{height:100%;object-fit:cover}.service-txt{padding:64px 24px}.service-txt h2{font-size:clamp(38px,13vw,58px)}.service-txt .lead{font-size:21px;line-height:1.55}.service-txt p{line-height:2}.service-txt li{font-size:12px;line-height:1.8}.specialised{padding:86px 24px}.section-head{margin-bottom:54px}.spec-grid,.related-grid{grid-template-columns:1fr}.spec{min-height:auto;padding-bottom:24px}.cta{padding:95px 24px}.cta h2{font-size:clamp(42px,13vw,68px)}.f-top{gap:36px}.f-logo img{width:185px}.story-copy p:first-of-type,.story-page-copy p:first-of-type{font-size:21px}.real-projects.compact{padding-bottom:90px}.contact-info,.contact-form{padding-top:68px;padding-bottom:68px}
}
@media(max-width:560px){
  .site-nav .logo img{height:30px}.hero{min-height:590px}.hero-title{font-size:52px}.page-header h1{font-size:52px}.btn{width:100%;text-align:center;justify-content:center}.intro-block{padding:70px 22px}.service-txt{padding:58px 22px}.service-txt h2{font-size:44px}.service-row .btn{width:100%}.mcard-info{opacity:1;transform:none}.mcard::after{opacity:1}.project-meta{grid-template-columns:1fr}.contact-layout{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}
}


/* Studio Domo v8.2 detailfix desktop + gsm */
@media (min-width: 981px){
  .nav-links a,
  .nav-cta{
    letter-spacing:4.6px;
  }
  .service-txt h2,
  .service-copy h2,
  .split-copy h2{
    letter-spacing:-0.02em;
  }
  .spec-grid{
    row-gap:54px;
  }
}

.service-txt h2 a,
.service-copy h2 a,
.split-copy h2 a{
  color:inherit;
  text-decoration:none;
}
.service-txt h2 a:hover,
.service-copy h2 a:hover,
.split-copy h2 a:hover{
  opacity:.72;
}
.spec a,
.spec-card,
.dcard,
.pcard{
  text-decoration:none;
}
.learn-more,
.spec-card span{
  letter-spacing:3.5px;
}

@media (max-width: 980px){
  body{
    font-size:13px;
  }
  nav,
  .nav{
    min-height:74px;
  }
  .logo img{
    max-width:168px !important;
    height:auto !important;
  }
  .hero,
  .page-hero,
  .fil-hero{
    min-height:78vh;
  }
  .hero-title,
  .page-title,
  .hero h1,
  .page-hero h1{
    font-size:clamp(48px, 17vw, 72px) !important;
    line-height:.96 !important;
  }
  .hero-eyebrow,
  .page-eyebrow,
  .eyebrow{
    letter-spacing:4px !important;
  }
  .service-row,
  .split-row{
    min-height:auto !important;
  }
  .service-img,
  .split-img{
    min-height:360px;
  }
  .service-txt,
  .service-copy,
  .split-copy{
    padding-top:68px !important;
    padding-bottom:76px !important;
  }
  .service-txt h2,
  .service-copy h2,
  .split-copy h2{
    font-size:clamp(38px, 12vw, 56px) !important;
    line-height:1.04 !important;
  }
  .service-txt p,
  .service-copy p,
  .split-copy p{
    font-size:13px !important;
    line-height:2 !important;
  }
  .spec-grid{
    gap:34px !important;
  }
  .spec,
  .spec-card{
    padding-top:24px !important;
  }
  .cta h2{
    font-size:clamp(42px, 13vw, 64px) !important;
  }
}

/* Extra rust in aanvullende diensten */
.specialised .spec p,
.spec-card p{
  max-width:34em;
}