:root{--ink:#2b2b2b;--sand:#cda06d;--muted:#f3f1ed;--line:#d8d4cd;--max:1260px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Helvetica Neue",Arial,sans-serif;color:var(--ink);line-height:1.55}a{color:inherit;text-decoration:none}.shell{width:min(calc(100% - 64px),var(--max));margin:auto}.site-header{position:absolute;z-index:5;left:0;right:0;top:0;color:#fff}.nav-shell{height:105px;display:flex;align-items:center;gap:34px}.wordmark{font-size:54px;letter-spacing:-4px;font-weight:300;line-height:1}.wordmark span{color:#fff}.wordmark b{color:var(--sand);font-weight:600}.site-header nav{margin-left:auto;display:flex;gap:28px;text-transform:uppercase;font-size:11px;letter-spacing:.13em}.nav-cta{border:1px solid #ffffff88;padding:11px 15px;text-transform:uppercase;font-size:11px;letter-spacing:.1em}.hero{height:800px;position:relative;color:#fff;display:flex;align-items:flex-end}.hero picture,.hero picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,.05) 75%)}.hero-copy{position:relative;padding-bottom:80px}.hero-copy h1{font-size:clamp(50px,5.5vw,76px);font-weight:300;line-height:.96;letter-spacing:-.04em;margin:15px 0 24px}.hero-copy h3{font-size:22px;font-weight:400;margin:0 0 10px}.hero-copy>p{max-width:700px}.eyebrow{font-size:13px;letter-spacing:.16em;font-weight:600;text-transform:uppercase;margin:0 0 18px}.eyebrow span,.kicker{color:var(--sand)}.light{color:#fff}.button{display:inline-block;background:var(--sand);padding:13px 18px;margin-top:20px;text-transform:uppercase;font-size:11px;letter-spacing:.1em}.text-link{display:inline-block;border-bottom:1px solid var(--sand);padding-bottom:3px;text-transform:uppercase;font-size:11px;letter-spacing:.1em;margin-top:14px}.hero .text-link{margin-left:24px}.section{padding-top:92px;padding-bottom:92px}.muted{background:var(--muted)}h2{font-size:38px;line-height:1.04;font-weight:300;letter-spacing:-.025em;margin:12px 0 22px}.statement{font-size:clamp(45px,4.4vw,58px)}.intro{font-size:19px;max-width:800px}.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px}.principles article{display:flex;flex-direction:column}.principles h3{font-size:17px;margin:0}.principles p{font-size:14px;min-height:44px}.principles img{width:100%;height:230px;object-fit:cover;margin-top:auto}.approach{margin-top:52px}.approach-row{display:grid;grid-template-columns:1.6fr .8fr;gap:56px;align-items:center;margin-bottom:88px}.approach-row.int{grid-template-columns:.8fr 1.45fr;margin-left:8%}.approach-row img{width:100%;height:460px;object-fit:cover}.approach-row.int img{height:420px}.kicker{font-size:11px;letter-spacing:.16em;font-weight:700;text-transform:uppercase}.approach h3{font-size:31px;line-height:1.08;font-weight:300;margin:8px 0 18px}.key{border-top:1px solid var(--line);padding-top:16px;margin-top:24px}.possibilities h2,.projects h2,.portfolio h2,.about h2{font-size:38px}.poss-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:22px;margin-top:46px;align-items:start}.poss-grid img,.poss-grid video{width:100%;height:280px;object-fit:cover;display:block}.poss-grid .creative img{height:390px}.poss-grid h3{font-size:22px;font-weight:400;margin:7px 0}.poss-grid p{font-size:14px}.closing-line{margin-top:48px;border-top:1px solid var(--line);padding-top:20px;font-size:18px}.projects{background:#242424;color:#f5f3ef}.project-list{margin-top:52px}.project-list article{display:grid;grid-template-columns:1.55fr .75fr;gap:58px;align-items:center;margin-bottom:78px}.project-list article.reverse{grid-template-columns:.75fr 1.55fr}.project-list article.reverse img{order:2}.project-list img{width:100%;height:430px;object-fit:cover}.project-list h3{font-size:28px;font-weight:300;margin:8px 0}.project-list p{max-width:420px}.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:230px;gap:12px;margin-top:40px}.portfolio-grid img{width:100%;height:100%;object-fit:cover}.portfolio-grid .wide{grid-column:span 2}.about .intro{max-width:850px}.about-points{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;border-top:1px solid var(--line);margin-top:48px;padding-top:26px}.about-points h3{font-size:16px}.about-points p{font-size:14px}.contact{height:610px;position:relative;color:#fff;display:flex;align-items:center}.contact>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.contact-copy{position:relative}.contact h2{font-size:clamp(45px,4.5vw,60px);margin-bottom:5px}.contact h3{font-size:27px;font-weight:300;margin:0 0 14px}.contact p{font-size:18px}footer{background:#1d1d1d;color:#ccc;padding:48px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center}.footer-grid a{color:#ccc}@media(max-width:900px){.site-header nav,.nav-cta{display:none}.shell{width:min(calc(100% - 40px),var(--max))}.nav-shell{height:85px}.wordmark{font-size:46px}.hero{height:720px}.hero-copy{padding-bottom:52px}.section{padding-top:70px;padding-bottom:70px}.principles{grid-template-columns:repeat(2,1fr)}.approach-row,.approach-row.int{grid-template-columns:1fr;margin-left:0;gap:24px;margin-bottom:65px}.approach-row.int div{order:2}.approach-row.int img{order:1}.approach-row img,.approach-row.int img{height:auto;aspect-ratio:16/10}.poss-grid{grid-template-columns:1fr 1fr}.poss-grid .creative{grid-column:span 2}.poss-grid img,.poss-grid video,.poss-grid .creative img{height:auto;aspect-ratio:16/10}.project-list article,.project-list article.reverse{grid-template-columns:1fr;gap:22px}.project-list article.reverse img{order:0}.project-list img{height:auto;aspect-ratio:16/10}.portfolio-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:190px}.about-points{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:25px}}@media(max-width:560px){.hero-copy h1{font-size:42px}.hero-copy h3{font-size:18px}.hero .text-link{display:block;margin-left:0;width:max-content}.statement{font-size:40px}.principles{gap:14px}.principles img{height:150px}.principles p{font-size:13px;min-height:62px}.poss-grid{grid-template-columns:1fr}.poss-grid .creative{grid-column:auto}.portfolio-grid{grid-auto-rows:145px}.portfolio-grid .wide{grid-column:span 2}.contact h2{font-size:40px}.contact h3{font-size:23px}}

/* v6.1 refinements */
.hero-copy h1,.statement,.approach h3,.possibilities h2,.projects h2,.portfolio h2,.about h2,.contact h2,.contact h3,.poss-grid h3,.project-list h3{font-family:"Roboto","Helvetica Neue",Arial,sans-serif;font-weight:200}
.site-header .wordmark{font-size:70px}
.button,.text-link,.nav-cta{font-weight:700}
.poss-grid{align-items:stretch}
.poss-grid article{display:flex;flex-direction:column;min-width:0}
.poss-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding-bottom:22px}
.poss-copy .kicker{margin-top:0;margin-bottom:5px}
.poss-copy h3{margin-top:0}
.poss-copy .text-link{margin-top:auto}
.poss-grid img,.poss-grid video,.poss-grid .creative img{height:300px;margin-top:auto;object-fit:cover}
.about .intro strong{font-weight:600}
.footer-brand{display:flex;flex-direction:column;align-items:flex-start}
.footer-brand .baseline{margin-top:10px;color:#fff;font-size:11px;font-weight:500;letter-spacing:.16em;line-height:1.3}
@media(max-width:900px){.site-header .wordmark{font-size:60px}.poss-grid img,.poss-grid video,.poss-grid .creative img{height:auto;aspect-ratio:16/10}.poss-copy{padding-bottom:18px}}

/* Subpage — 3D visualisatie */
.subhero{height:720px;position:relative;color:#fff;display:flex;align-items:flex-end}.subhero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.subhero-copy{position:relative;padding-bottom:72px}.subhero-copy h1{font-family:"Roboto","Helvetica Neue",Arial,sans-serif;font-size:clamp(48px,5vw,70px);font-weight:200;line-height:.98;letter-spacing:-.04em;margin:14px 0 22px}.subhero-copy>p:not(.eyebrow){max-width:720px;font-size:18px}.lead-split{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:start}.lead-split p{margin-top:0}.big-key{font-family:"Roboto","Helvetica Neue",Arial,sans-serif;font-weight:300;font-size:27px;line-height:1.25;max-width:900px;border-top:1px solid var(--line);padding-top:24px;margin-top:46px}.big-key.compact{font-size:22px;margin-top:30px}.editorial-two{display:grid;grid-template-columns:1.35fr .8fr;gap:64px;align-items:center;margin-top:46px}.editorial-two.reverse{grid-template-columns:.8fr 1.35fr}.editorial-two img{width:100%;height:520px;object-fit:cover}.preview-note{max-width:820px;margin:64px 0 0 18%;border-top:1px solid var(--line);padding-top:24px}.preview-note h3{font-family:"Roboto",sans-serif;font-weight:200;font-size:28px;margin:0 0 12px}.interior-levels{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:1px solid var(--line);padding-top:25px;margin-top:60px}.dark-section{background:#242424;color:#f5f3ef}.dark-section .intro{color:#ddd}.context-grid{display:grid;grid-template-columns:1.45fr .8fr .8fr;gap:14px;margin-top:44px;align-items:end}.context-grid img{width:100%;height:360px;object-fit:cover}.context-grid img:first-child{height:500px}.quality-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}.quality-grid img{width:100%;height:260px;object-fit:cover}.quality-grid h3{font-size:14px;letter-spacing:.12em;margin:15px 0 3px}.quality-grid p{font-size:14px;margin:0}.extension-links{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:42px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.extension-links a{padding:28px 28px 30px 0;display:flex;flex-direction:column;gap:10px;border-right:1px solid var(--line);margin-right:28px}.extension-links a:last-child{border-right:0;margin-right:0}.extension-links b{font-size:14px;letter-spacing:.1em}.extension-links span{font-size:15px}.extension-links em{font-style:normal;text-transform:uppercase;font-size:11px;letter-spacing:.1em;font-weight:700;margin-top:8px}.section .statement{font-family:"Roboto","Helvetica Neue",Arial,sans-serif;font-weight:200}
@media(max-width:900px){.subhero{height:680px}.subhero-copy{padding-bottom:50px}.lead-split,.editorial-two,.editorial-two.reverse{grid-template-columns:1fr;gap:28px}.editorial-two img{height:auto;aspect-ratio:16/10}.editorial-two.reverse div{order:2}.editorial-two.reverse img{order:1}.preview-note{margin-left:0}.context-grid{grid-template-columns:1fr 1fr}.context-grid img,.context-grid img:first-child{height:auto;aspect-ratio:16/10}.context-grid img:first-child{grid-column:span 2}.quality-grid{grid-template-columns:1fr 1fr}.extension-links{grid-template-columns:1fr}.extension-links a{border-right:0;border-bottom:1px solid var(--line);margin-right:0}.extension-links a:last-child{border-bottom:0}}
@media(max-width:560px){.subhero{height:650px}.subhero-copy h1{font-size:41px}.big-key{font-size:23px}.interior-levels,.quality-grid{grid-template-columns:1fr}.context-grid{grid-template-columns:1fr}.context-grid img:first-child{grid-column:auto}.quality-grid img{height:auto;aspect-ratio:16/10}}

/* v6.4 navigation + visualisatie refinement */
a{transition:color .22s ease,background-color .22s ease,border-color .22s ease,opacity .22s ease,transform .22s ease}
.site-header nav a{position:relative;padding:8px 0}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:var(--sand);transition:right .22s ease}.site-header nav a:hover:after,.site-header nav a:focus-visible:after,.site-header nav a.active:after{right:0}.site-header nav a.active{color:var(--sand)}
.wordmark:hover,.wordmark:focus-visible{opacity:.84}.button:hover,.button:focus-visible{transform:translateY(-2px);filter:brightness(.96)}.nav-cta:hover,.nav-cta:focus-visible{background:#ffffff18;border-color:#fff}.text-link:hover,.text-link:focus-visible{color:var(--sand);transform:translateX(3px)}.extension-links a:hover,.extension-links a:focus-visible{padding-left:12px}.extension-links a:hover em{color:var(--sand)}a:focus-visible{outline:2px solid var(--sand);outline-offset:4px}
.visual-page{padding-top:105px}.visual-page+.contact{margin-top:0}.page-intro{padding:70px 0 84px;background:#fff}.breadcrumb{display:flex;gap:10px;align-items:center;margin-bottom:48px;font-size:11px;letter-spacing:.12em;color:#777}.breadcrumb a{font-weight:700}.breadcrumb a:hover,.breadcrumb a:focus-visible{color:var(--sand);transform:translateX(-2px)}.page-intro h1{font-family:"Roboto","Helvetica Neue",Arial,sans-serif;font-size:clamp(50px,5.2vw,72px);font-weight:200;line-height:.97;letter-spacing:-.04em;margin:14px 0 24px}.page-intro .intro{max-width:790px}.balance-words{display:flex;flex-wrap:wrap;gap:12px 30px;border-top:1px solid var(--line);margin-top:42px;padding-top:20px;font-size:11px;font-weight:700;letter-spacing:.13em}.compact-process{padding-top:62px;padding-bottom:62px}.process-row{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.process-row h2{font-family:"Roboto",sans-serif;font-weight:200;font-size:34px;margin-bottom:0}.process-row>p{font-size:16px;max-width:590px;margin:0}.visual-page .interior-levels{grid-template-columns:1fr;gap:20px;margin-top:34px}.visual-page .interior-levels>div{border-top:1px solid var(--line);padding-top:18px}.visual-page .editorial-two.reverse{align-items:center}
@media(max-width:900px){.visual-page{padding-top:85px}.page-intro{padding:48px 0 65px}.breadcrumb{margin-bottom:35px}.process-row{grid-template-columns:1fr;gap:24px;align-items:start}}
@media(max-width:560px){.page-intro h1{font-size:42px}.balance-words{gap:10px 18px}.compact-process{padding-top:48px;padding-bottom:48px}}


/* v6.5 visualisatie refinements */
.visualisatie-page .site-header{background:var(--muted);color:var(--ink)}
.visualisatie-page .site-header .wordmark span{color:var(--ink)}
.visualisatie-page .site-header .nav-cta{border-color:#2b2b2b55}
.visualisatie-page .site-header .nav-cta:hover,.visualisatie-page .site-header .nav-cta:focus-visible{background:#2b2b2b0b;border-color:var(--ink)}
.visualisatie-page .page-intro{background:var(--muted)}
.balance-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:48px}
.balance-grid article{min-width:0}
.balance-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.balance-grid h3{font-size:12px;letter-spacing:.13em;margin:14px 0 5px}
.balance-grid p{font-size:13px;line-height:1.4;margin:0;color:#666}
.visual-page .interior-levels{border-top:0;padding-top:0}
.visual-page .interior-levels>div{border-top:0;padding-top:0}
.visual-page .extension-links{border-bottom:0}
.visual-page .extension-links a{border-right:0;margin-right:0;padding-right:34px}
.visual-page .extension-links a:last-child{padding-right:0}
@media(max-width:900px){.balance-grid{grid-template-columns:repeat(3,1fr)}.balance-grid article:nth-child(4),.balance-grid article:nth-child(5){margin-top:12px}}
@media(max-width:560px){.balance-grid{grid-template-columns:repeat(2,1fr);gap:22px 14px}.balance-grid article:nth-child(4),.balance-grid article:nth-child(5){margin-top:0}.balance-grid h3{font-size:11px}.balance-grid p{font-size:12px}}

/* v6.6 Creative Upgrade */
.creative-page .site-header{background:var(--muted);color:var(--ink)}.creative-page .site-header .wordmark span{color:var(--ink)}.creative-page .site-header .nav-cta{border-color:#2b2b2b55}.creative-page .site-header .nav-cta:hover,.creative-page .site-header .nav-cta:focus-visible{background:#2b2b2b0b;border-color:var(--ink)}
.creative-main{padding-top:105px}.creative-intro{background:var(--muted);padding:70px 0 90px}.creative-title{display:block;max-width:980px}.creative-title h1{font-family:"Roboto",sans-serif;font-size:clamp(50px,5.3vw,74px);font-weight:200;line-height:.96;letter-spacing:-.04em;margin:12px 0 0}.creative-title .intro{margin:28px 0 0;max-width:760px}.creative-feature{display:grid;grid-template-columns:1.7fr .7fr;gap:16px;margin-top:60px}.creative-feature>img{width:100%;height:590px;object-fit:cover}.creative-thumbs{display:grid;grid-template-rows:repeat(3,1fr);gap:16px}.creative-thumbs img{width:100%;height:100%;min-height:0;object-fit:cover}.creative-split{display:grid;grid-template-columns:1fr 1fr;gap:70px;max-width:1050px}.variant-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:48px}.variant-strip img{width:100%;aspect-ratio:4/3;object-fit:cover}.creative-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:48px}.creative-steps article{padding:25px 30px 0 0}.creative-steps span{display:block;color:var(--sand);font-size:12px;font-weight:700;letter-spacing:.12em;margin-bottom:20px}.creative-steps b{display:block;font-size:13px;letter-spacing:.12em}.creative-steps p{font-size:14px;color:#666}.creative-price{font-family:"Roboto",sans-serif;font-weight:300;font-size:25px;line-height:1.3;max-width:900px;margin:62px 0 0}.creative-price strong{font-weight:500}.creative-gallery{display:grid;grid-template-columns:1.35fr .8fr .8fr;grid-template-rows:240px 240px;gap:14px;margin-top:46px}.creative-gallery img{width:100%;height:100%;object-fit:cover}.creative-gallery img:first-child{grid-row:span 2}.creative-gallery img:nth-child(4){grid-column:span 2}.creative-motion{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.creative-motion video{width:100%;height:440px;object-fit:cover;background:#222}
@media(max-width:900px){.creative-main{padding-top:85px}.creative-intro{padding:48px 0 70px}.creative-title,.creative-split,.creative-motion{grid-template-columns:1fr;gap:30px}.creative-feature{grid-template-columns:1fr}.creative-feature>img{height:auto;aspect-ratio:16/10}.creative-thumbs{grid-template-columns:repeat(3,1fr);grid-template-rows:none}.creative-thumbs img{aspect-ratio:1/1}.creative-steps{grid-template-columns:1fr 1fr}.creative-gallery{grid-template-columns:1fr 1fr;grid-template-rows:auto}.creative-gallery img,.creative-gallery img:first-child,.creative-gallery img:nth-child(4){grid-column:auto;grid-row:auto;aspect-ratio:4/3}.creative-motion video{height:auto;aspect-ratio:16/10}}
@media(max-width:560px){.creative-title h1{font-size:42px}.creative-thumbs{gap:8px}.variant-strip{grid-template-columns:1fr}.creative-steps{grid-template-columns:1fr}.creative-gallery{grid-template-columns:1fr}.creative-price{font-size:22px}}

/* v6.8 Video & animatie */
.creative-split.single{grid-template-columns:1fr;max-width:820px}
.video-page .site-header{background:var(--muted);color:var(--ink)}
.video-page .site-header .wordmark span{color:var(--ink)}
.video-page .site-header .nav-cta{border-color:#2b2b2b55}
.video-page .site-header .nav-cta:hover,.video-page .site-header .nav-cta:focus-visible{background:#2b2b2b0b;border-color:var(--ink)}
.video-main{padding-top:105px}.video-intro{background:var(--muted);padding:70px 0 86px}.video-intro h1{font-family:"Roboto",sans-serif;font-size:clamp(50px,5.3vw,74px);font-weight:200;line-height:.96;letter-spacing:-.04em;margin:12px 0 26px}.video-intro .intro{max-width:800px}.video-lead{display:grid;grid-template-columns:1fr 1fr;gap:70px;max-width:1080px}.video-lead p{margin-top:0}.video-feature{width:100%;height:auto;aspect-ratio:16/8.5;object-fit:cover;background:#222;margin-top:48px}.video-choice{font-size:19px;max-width:830px}.video-page .big-key{font-family:"Roboto",sans-serif;font-weight:300;font-size:25px;line-height:1.3;max-width:900px;margin:42px 0 0;border-top:1px solid var(--line);padding-top:24px}.video-page .big-key strong{font-weight:500}.video-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.video-story video{width:100%;height:440px;object-fit:cover;background:#222}.video-components{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:48px}.video-components article{padding:25px 34px 0 0}.video-components b{display:block;font-size:13px;letter-spacing:.12em}.video-components p{font-size:14px;color:#666}.video-triptych{display:grid;grid-template-columns:1fr 1fr .72fr;gap:12px;align-items:stretch}.video-triptych img{width:100%;height:250px;object-fit:cover}.motion-placeholder{height:250px;background:#292929;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.motion-placeholder span{font-size:36px;font-weight:200;color:var(--sand)}.motion-placeholder b{font-size:11px;letter-spacing:.16em}
@media(max-width:900px){.video-main{padding-top:85px}.video-intro{padding:48px 0 65px}.video-lead,.video-story{grid-template-columns:1fr;gap:28px}.video-story video{height:auto;aspect-ratio:16/10}.video-components{grid-template-columns:1fr 1fr}.video-triptych{grid-template-columns:1fr 1fr}.motion-placeholder{grid-column:span 2;height:140px}}
@media(max-width:560px){.video-intro h1{font-size:42px}.video-components{grid-template-columns:1fr}.video-triptych{grid-template-columns:1fr}.motion-placeholder{grid-column:auto}.video-triptych img{height:auto;aspect-ratio:4/3}}

/* v6.9 video refinements */
.video-lead.stacked{display:block;max-width:850px}.video-lead.stacked p{font-size:19px;line-height:1.6;margin:0 0 14px}.motion-stack{display:flex;flex-direction:column;gap:18px;margin-top:48px}.motion-stack video{width:100%;height:auto;aspect-ratio:16/8.5;object-fit:cover;background:#222}.video-page .big-key.no-rule{border-top:0;padding-top:0;margin-top:24px}.video-story-copy{max-width:680px}.video-story-copy p{font-size:18px;line-height:1.6;margin:0 0 14px}.video-story-copy p:last-child{margin-bottom:0}


/* v7.0 consistency refinements */
/* One consistent section-title scale: homepage section 03 is the reference. */
.statement{font-size:38px}
.hero-copy{padding-bottom:42px}
.hero-copy h3{margin-bottom:0}
.hero-actions{margin-top:96px}
.hero-actions>p{max-width:700px;margin:0}
.projects .project-list{margin-top:86px}
@media(max-width:900px){.hero-copy{padding-bottom:38px}.hero-actions{margin-top:58px}}
@media(max-width:560px){.statement{font-size:38px}.hero-actions{margin-top:38px}.hero-copy{padding-bottom:30px}}

/* v7.1 — consistente lichte titeltypografie */
h1,
h2,
.statement,
.page-intro h1,
.creative-title h1,
.video-intro h1,
.subhero-copy h1,
.process-row h2,
.contact h2,
.contact h3,
.approach h3,
.poss-grid h3,
.project-list h3,
.preview-note h3 {
  font-family:"Roboto","Helvetica Neue",Arial,sans-serif;
  font-weight:200;
}

/* Rondomzien page */
.rondomzien-page .site-header{background:#e9e3d8;color:#222;position:relative}.rondomzien-page .site-header .wordmark span{color:#222}.rondomzien-page .rondomzien-intro{background:#e9e3d8;padding:38px 0 90px}.rondomzien-page .rondomzien-title{max-width:920px}.rondomzien-page .rondomzien-title h1{font-family:'Roboto',sans-serif;font-weight:200;font-size:clamp(52px,6.2vw,92px);line-height:.96;margin:20px 0 28px}.rondomzien-page h2{font-family:'Roboto',sans-serif;font-weight:200}.rondomzien-hero-image{margin-top:60px}.rondomzien-hero-image img{width:100%;display:block;max-height:720px;object-fit:cover}.rz-capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:52px}.rz-capabilities article{border-top:1px solid #333;padding-top:18px}.rz-capabilities b{display:block;margin-bottom:9px}.rz-showcase{display:grid;grid-template-columns:1.45fr .75fr;gap:42px;align-items:start;margin-top:46px}.rz-showcase img{width:100%;display:block}.rz-showcase .side{display:grid;gap:20px}.rz-browser{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.rz-browser img{width:100%;display:block}.rz-brand{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.rz-brand img{width:min(440px,100%);height:auto}.rz-brand h2{margin-top:16px}.rz-brand .text-link{margin-top:22px;display:inline-block}@media(max-width:800px){.rondomzien-page .rondomzien-intro{padding-bottom:55px}.rz-capabilities,.rz-showcase,.rz-browser,.rz-brand{grid-template-columns:1fr}.rz-showcase .side{grid-template-columns:1fr 1fr}.rz-brand{gap:30px}.rondomzien-hero-image{margin-top:36px}}

/* v7.3 — simplified Rondomzien + Huyze Dries case */
.rz-duo{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:52px}.rz-duo img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.rz-value{max-width:850px}.rz-core{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:48px}.rz-core article{border-top:1px solid var(--line);padding-top:18px}.rz-core b{display:block;font-size:12px;letter-spacing:.13em;margin-bottom:8px}.rz-core p{font-size:14px;color:#666;margin:0}.rz-brand.compact-brand{grid-template-columns:.45fr 1.55fr}.rz-brand.compact-brand img{width:min(220px,100%)}
.case-page .site-header{background:var(--muted);color:var(--ink)}.case-page .site-header .wordmark span{color:var(--ink)}.case-main{padding-top:105px}.case-intro{background:var(--muted);padding:70px 0 82px}.case-intro h1{font-family:"Roboto",sans-serif;font-weight:200;font-size:clamp(50px,5.3vw,74px);line-height:.96;letter-spacing:-.04em;margin:14px 0 26px;max-width:1000px}.case-intro .intro{max-width:820px}.case-hero{margin-top:50px;width:100%;aspect-ratio:16/8.2;object-fit:cover}.case-gallery-2{display:grid;grid-template-columns:1.35fr .85fr;gap:16px;margin-top:44px}.case-gallery-2 img{width:100%;height:100%;min-height:360px;object-fit:cover}.case-materials{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:44px}.case-materials img{width:100%;aspect-ratio:4/3;object-fit:cover}.case-interiors{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:240px 240px;gap:14px;margin-top:44px}.case-interiors img{width:100%;height:100%;object-fit:cover}.case-interiors img:first-child{grid-row:span 2}.case-digital{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.case-digital img{width:100%;display:block}.case-surplus{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}.case-surplus img{width:100%;aspect-ratio:4/3;object-fit:cover}.case-note{font-family:"Roboto",sans-serif;font-weight:300;font-size:23px;line-height:1.35;max-width:900px;margin-top:42px}.case-note strong{font-weight:500}
@media(max-width:800px){.rz-duo,.rz-core,.case-gallery-2,.case-digital{grid-template-columns:1fr}.rz-brand.compact-brand{grid-template-columns:1fr}.case-main{padding-top:85px}.case-intro{padding:48px 0 65px}.case-materials{grid-template-columns:1fr 1fr}.case-interiors{grid-template-columns:1fr;grid-template-rows:auto}.case-interiors img,.case-interiors img:first-child{grid-row:auto;aspect-ratio:4/3}.case-surplus{grid-template-columns:1fr 1fr}}
/* Residentie Ernest case */
.case-wide{display:block;width:100%;margin-top:42px;max-height:780px;object-fit:cover}.ernest-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:44px;border-top:1px solid rgba(31,31,29,.22);padding-top:24px}.ernest-steps div{display:flex;flex-direction:column;gap:9px}.ernest-steps b{font-size:13px;letter-spacing:.08em}.ernest-steps span{font-size:15px;line-height:1.55}.ernest-scale{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:center}.ernest-scale>div{display:flex;flex-direction:column}.ernest-scale strong{font-size:clamp(72px,9vw,138px);font-weight:200;line-height:.85}.ernest-scale span{font-size:13px;letter-spacing:.12em;margin-top:20px}.ernest-scale p{font-size:20px;line-height:1.65;max-width:720px}.rondomzien-case-brand{display:grid;grid-template-columns:240px 1fr;gap:60px;align-items:center;margin-top:55px;border-top:1px solid rgba(31,31,29,.22);padding-top:38px}.rondomzien-case-brand img{width:100%;height:auto}.rondomzien-case-brand p{font-size:19px;line-height:1.6;max-width:650px}@media(max-width:800px){.ernest-steps,.ernest-scale,.rondomzien-case-brand{grid-template-columns:1fr}.ernest-scale,.rondomzien-case-brand{gap:30px}.rondomzien-case-brand img{width:180px}.case-wide{margin-top:28px}}

/* v7.5 — case 3 + unified subpage header */
.site-header .nav-cta{display:inline-block;border:1px solid rgba(31,31,29,.38);padding:11px 15px;text-transform:uppercase;font-size:11px;letter-spacing:.1em;line-height:1.2}
.case-page .site-header nav a.active{border-bottom:1px solid var(--sand);padding-bottom:4px}
.jules-atmosphere{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:44px}.jules-atmosphere img{width:100%;aspect-ratio:4/3;object-fit:cover}
@media(max-width:800px){.jules-atmosphere{grid-template-columns:1fr}.jules-atmosphere img{aspect-ratio:16/10}}

/* PROJECTS OVERVIEW — reusable project index */
.projects-overview-page .projects-intro{padding-bottom:72px}.projects-index{display:flex;flex-direction:column;gap:96px}.project-index-card{display:grid;grid-template-columns:1.55fr .75fr;gap:58px;align-items:center}.project-index-card.reverse{grid-template-columns:.75fr 1.55fr}.project-index-card.reverse img{order:2}.project-index-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.project-index-card h2{font-family:"Roboto",sans-serif;font-weight:200;font-size:34px;line-height:1.08;margin:8px 0 16px}.project-index-card p{max-width:430px}.project-index-card:hover .text-link{border-bottom-color:var(--ink)}
@media(max-width:800px){.projects-index{gap:64px}.project-index-card,.project-index-card.reverse{grid-template-columns:1fr;gap:22px}.project-index-card.reverse img{order:0}.project-index-card h2{font-size:30px}}

/* v7.8 — shared navigation, compact sticky header and mobile menu */
.site-header,.rondomzien-page .site-header{position:fixed;z-index:50;top:0;left:0;right:0;background:rgba(25,25,25,.42);color:#fff;transition:background-color .2s ease,box-shadow .2s ease}
body:not(:has(.hero)) .site-header{background:var(--muted);color:var(--ink)}
body:not(:has(.hero)) .site-header .wordmark span{color:var(--ink)}
.site-header .nav-shell{height:105px;gap:24px;transition:height .2s ease}
.site-header nav{gap:20px;font-size:11px;letter-spacing:.07em;white-space:nowrap}
.site-header .wordmark{font-size:70px;flex-shrink:0;transition:font-size .2s ease}
.site-header .nav-cta{border:1px solid currentColor;padding:11px 15px;line-height:1.2;white-space:nowrap;font-size:11px;letter-spacing:.1em;font-weight:700}
.site-header.is-scrolled{background:rgba(29,29,29,.97);box-shadow:0 1px 5px #0002}
body:not(:has(.hero)) .site-header.is-scrolled{background:rgba(243,241,237,.98)}
.site-header.is-scrolled .nav-shell{height:76px}
.site-header.is-scrolled .wordmark{font-size:52px}
.site-header nav a.active{border-bottom:0;padding:8px 0}
.menu-toggle{display:none}
.rondomzien-page main{padding-top:105px}
.breadcrumb{flex-wrap:wrap}
section[id],main[id]{scroll-margin-top:94px}
.motion-choice{padding-top:0}
.video-page .motion-choice .big-key strong{font-weight:600}
.optional-note{font-size:14px;color:#666;margin-top:22px}
.all-projects{margin-top:0}
.rondomzien-page .rondomzien-title h1{font-size:clamp(50px,5.2vw,72px);letter-spacing:-.04em}
.page-intro h1,.creative-title h1,.video-intro h1,.case-intro h1{font-size:clamp(50px,5.2vw,72px);line-height:.97}
.contact{height:auto;min-height:610px;padding:80px 0}
.contact-copy p{max-width:920px}
@media(max-width:1200px){
  .site-header .nav-shell{height:85px;gap:20px}
  .site-header .wordmark{font-size:60px}
  .site-header .nav-cta{display:none}
  .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;margin-left:auto;min-width:44px;height:44px;padding:10px;background:transparent;color:inherit;border:1px solid currentColor;cursor:pointer}
  .menu-toggle span{display:block;background:currentColor;height:1px;width:22px}
  .menu-toggle:focus-visible{outline:2px solid var(--sand);outline-offset:4px}
  .site-header nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:18px max(20px,calc((100vw - 1260px)/2));background:#1d1d1d;color:#fff;box-shadow:0 4px 6px #0002;font-size:14px;white-space:normal}
  body:not(:has(.hero)) .site-header nav{background:var(--muted);color:var(--ink)}
  .site-header.menu-open nav{display:flex;flex-direction:column;gap:6px}
  .site-header nav a{padding:10px 0;width:max-content;max-width:100%}
  .site-header.is-scrolled .nav-shell{height:68px}
  .site-header.is-scrolled .wordmark{font-size:46px}
  .visual-page,.creative-main,.video-main,.case-main,.rondomzien-page main{padding-top:85px}
}
@media(max-width:560px){
 .page-intro h1,.creative-title h1,.video-intro h1,.case-intro h1,.rondomzien-page .rondomzien-title h1{font-size:42px;overflow-wrap:break-word}
 .contact{min-height:520px;padding:65px 0}
 .contact h2{font-size:36px;overflow-wrap:break-word}
 .contact-copy p{font-size:16px}
 .rz-brand.compact-brand img{width:220px}
 .project-list h3{font-size:27px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a,.site-header,.site-header .nav-shell,.site-header .wordmark{transition:none}}

/* v7.9 — selected homepage media */
#projecten img[src="assets/3dvis_Home_04_1.jpg"]{height:auto;object-fit:contain}

/* Rubriek 02: gelijke hoogte, vierkant en twee portretbeelden. */
.visualisatie-page .context-grid{grid-template-columns:1fr .75fr .75fr;align-items:stretch}
.visualisatie-page .context-grid img{width:100%;height:100%;aspect-ratio:3/4;object-fit:cover;min-width:0;display:block}
.visualisatie-page .context-grid img:first-child{grid-column:auto;aspect-ratio:1/1;height:100%}
@media(max-width:560px){
.visualisatie-page .context-grid{gap:8px}
}

/* Creative Upgrade: volledige composities per beeldreeks. */
.cu-feature>img{height:auto;aspect-ratio:auto;object-fit:contain}
.cu-feature .creative-thumbs img{height:auto;aspect-ratio:auto;object-fit:contain}
.cu-examples{background:var(--muted)}
.cu-series{margin-top:64px;padding-top:32px;border-top:1px solid var(--line)}
.cu-series h3{font-family:Roboto,Arial,sans-serif;font-weight:200;font-size:28px;line-height:1.15;margin:8px 0 26px}
.cu-series-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}
.cu-count-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cu-count-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:850px}
.cu-series figure{margin:0;min-width:0}
.cu-series img{width:100%;height:auto;display:block}
.cu-series figcaption{font-size:10px;letter-spacing:.1em;margin-top:12px;color:var(--ink)}
@media(max-width:900px){.cu-series-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.cu-series-grid{grid-template-columns:1fr}.cu-series{margin-top:42px}.cu-series h3{font-size:25px}}

/* Motion Clips: twee naast elkaar, derde over de volle breedte. */
.video-page .motion-stack.motion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.video-page .motion-grid video{display:block;width:100%;height:auto;object-fit:contain}
.video-page .motion-grid video:last-child{grid-column:1/-1}
.creative-page .creative-motion video{width:100%;height:auto;object-fit:contain}
@media(max-width:640px){.video-page .motion-stack.motion-grid{grid-template-columns:1fr}}

/* Vierkante promotievideo en ruime interactieve rondleidingen. */
.video-page .video-story>video{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:#171717}
.rz-tour{margin-top:48px}
.rz-tour-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}
.rz-tour-heading h3{font-family:Roboto,Arial,sans-serif;font-size:28px;font-weight:200;margin:0}
.rz-tour-heading .text-link{margin:0}
.rz-tour iframe{width:100%;height:auto;aspect-ratio:16/9;border:0;display:block;background:#242424}
@media(max-width:640px){.rz-tour-heading{align-items:flex-start;flex-direction:column;gap:12px}.rz-tour iframe{aspect-ratio:1/1}}

/* Huyze Dries: volledige beelden en drie communicatiedragers. */
.huyze-dries-page .case-hero{height:auto;aspect-ratio:auto;object-fit:contain}
.case-material-single{margin-top:44px}
.case-material-single img{display:block;width:100%;height:auto}
.huyze-dries-page .case-digital>img{height:auto;object-fit:contain}
.huyze-dries-page .case-surplus{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.huyze-dries-page .case-surplus img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.rz-logo-link{display:block}
.rz-logo-link img{max-width:100%}
@media(max-width:640px){.huyze-dries-page .case-surplus{grid-template-columns:1fr;gap:24px}}

/* Residentie Ernest: beeldverhoudingen en virtuele rondleiding */
.case-gallery-2.ernest-architecture-gallery{grid-template-columns:1fr 2fr;align-items:stretch}
.ernest-architecture-gallery img{min-height:0;display:block;object-fit:cover}
.ernest-architecture-gallery img:first-child{aspect-ratio:1/1;height:auto}
.ernest-architecture-gallery img:last-child{height:100%;min-height:0;aspect-ratio:auto}
.case-gallery-2.ernest-interior-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
.ernest-interior-gallery img{aspect-ratio:1/1;height:auto;min-height:0;display:block;object-fit:cover}
.ernest-tour{margin-top:42px}
.ernest-tour iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0;background:#242424}
@media(max-width:800px){.case-gallery-2.ernest-architecture-gallery,.case-gallery-2.ernest-interior-gallery{grid-template-columns:1fr}.ernest-architecture-gallery img:last-child{height:auto;aspect-ratio:2/1}.ernest-tour iframe{aspect-ratio:1/1}}

.portfolio-hint{font-size:15px;color:#666;margin-top:24px}.portfolio-grid{grid-auto-flow:row}.portfolio-grid .portfolio-item{display:block;overflow:hidden;position:relative;cursor:zoom-in}.portfolio-item img{display:block;transition:transform .25s}.portfolio-item:hover img{transform:scale(1.025)}.portfolio-item:focus-visible{outline:3px solid var(--sand);outline-offset:3px}
.portfolio-viewer{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:60px 70px 35px;border:0;background:#151515;color:white;overflow:hidden}.portfolio-viewer::backdrop{background:#151515}.portfolio-viewer[open]{display:flex;align-items:center;justify-content:center}.portfolio-viewer figure{margin:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.viewer-image{display:block;max-width:100%;max-height:calc(100% - 35px);width:auto;height:auto;object-fit:contain}.portfolio-viewer figcaption{font-size:14px;color:#ddd}.portfolio-viewer button{position:absolute;background:#ffffff16;color:white;border:1px solid #ffffff45;cursor:pointer;width:48px;height:48px;border-radius:50%;font-size:35px;line-height:1;z-index:1}.portfolio-viewer button:hover{background:#ffffff30}.portfolio-viewer button:focus-visible{outline:3px solid var(--sand);outline-offset:3px}.viewer-close{right:18px;top:14px}.viewer-prev{left:12px;top:calc(50% - 24px)}.viewer-next{right:12px;top:calc(50% - 24px)}
@media(max-width:560px){.portfolio-viewer{padding:70px 12px 80px}.viewer-prev{left:calc(50% - 65px);top:auto;bottom:18px}.viewer-next{right:calc(50% - 65px);top:auto;bottom:18px}}
@media(prefers-reduced-motion:reduce){.portfolio-item img{transition:none}}

/* Uitklapmenu's op desktop en mobiel */
.nav-dropdown{position:relative}.nav-dropdown-heading{display:flex;align-items:center;gap:4px}.submenu-toggle{border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;font-size:18px;min-width:28px;min-height:36px;padding:0}.submenu-toggle:focus-visible{outline:2px solid var(--sand);outline-offset:2px}.nav-submenu{display:none;position:absolute;top:100%;left:0;min-width:240px;padding:12px 18px;background:#1d1d1d;color:#fff;box-shadow:0 8px 20px #0002;z-index:20}.nav-dropdown.is-open>.nav-submenu{display:flex;flex-direction:column;gap:3px}.site-header nav .nav-submenu a{padding:9px 0;display:block;white-space:nowrap;font-size:12px;letter-spacing:.05em;width:auto}.nav-submenu a:hover,.nav-submenu a:focus-visible,.nav-submenu a[aria-current="page"]{color:var(--sand)}body:not(:has(.hero)) .nav-submenu{background:var(--muted);color:var(--ink)}.submenu-toggle[aria-expanded="true"]{transform:rotate(180deg)}
@media(max-width:1200px){.site-header nav{max-height:calc(100dvh - 85px);overflow-y:auto}.nav-dropdown-heading{justify-content:space-between}.submenu-toggle{min-width:44px;min-height:44px}.nav-submenu{position:static;box-shadow:none;padding:4px 0 10px 18px;border-left:1px solid var(--sand);margin:0 0 8px 4px}.site-header nav .nav-submenu a{white-space:normal}}

/* Menutitels openen submenu's zonder zichtbare pijltjes. */
.site-header nav a.submenu-toggle{font:inherit;min-width:0;min-height:0;padding:0;border:0;background:none;border-radius:0;display:block;text-align:left}.site-header nav a.submenu-toggle[aria-expanded="true"]{transform:none}@media(max-width:1200px){.site-header nav a.submenu-toggle{padding:10px 0;width:100%}}

/* Gelijke uitlijning voor gewone menulinks en uitklapmenu's. */
@media(min-width:1201px){.site-header nav{align-items:center}.site-header nav>a,.site-header nav .nav-dropdown-heading>a.submenu-toggle{display:flex;align-items:center;padding:8px 0;line-height:1.55}.nav-dropdown-heading{align-items:center}}

/* v7_23: linked home media and uncropped Ernest galleries */
.home-media-link{display:block;min-width:0}
.home-media-link:focus-visible{outline:3px solid var(--sand);outline-offset:5px}
.poss-grid .home-media-link video{pointer-events:none}
.project-list article.reverse>.home-media-link{order:2}
.case-gallery-2.ernest-proportional-gallery{align-items:start}
.case-gallery-2.ernest-architecture-gallery.ernest-proportional-gallery{grid-template-columns:1fr 1.333333333fr}
.case-gallery-2.ernest-context-gallery{grid-template-columns:1.417301038fr 1fr}
.case-gallery-2.ernest-proportional-gallery img{display:block;width:100%;height:auto;min-height:0;aspect-ratio:auto;object-fit:contain}
.ernest-overview-image{width:min(100%,800px);height:auto;max-height:none;object-fit:contain}
@media(max-width:800px){
 .case-gallery-2.ernest-architecture-gallery.ernest-proportional-gallery,.case-gallery-2.ernest-context-gallery{grid-template-columns:1fr}
 .project-list article.reverse>.home-media-link{order:0}
}

/* Herstel responsieve beeldhoogtes na toevoeging intrinsieke afmetingen. */
.balance-grid img{height:auto;aspect-ratio:1/1}
.project-index-card img{height:auto;aspect-ratio:auto;object-fit:contain}
.case-materials img{height:auto}

/* Jules Persynplein 03 en 05: oorspronkelijke verhoudingen en gelijke hoogte. */
.jules-atmosphere img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.jules-atmosphere.jules-life{grid-template-columns:.729492fr 1.370817fr 1.370817fr;align-items:start}
@media(max-width:800px){.jules-atmosphere.jules-life{grid-template-columns:1fr}}