:root{--surface:#f3f5f0}
/* City AED — photographic, full-screen design direction */
:root{--brand-green:#1f3e32;--ink:var(--brand-green);--green:var(--brand-green);--accent:#b6d6c6;--paper:#fff;--muted:#68716e;--line:#d8dedb}
body{font-family:'DM Sans',Arial,sans-serif;background:var(--surface)}.container{width:min(1440px,calc(100% - 112px))}h1,h2,h3,.section h2,.contact-band h2,.hero h1{font-family:'DM Sans',Arial,sans-serif}.section h2,.contact-band h2{font-weight:450;letter-spacing:-2px;font-size:clamp(38px,4.2vw,64px);line-height:1.08}.eyebrow{font-size:11px;letter-spacing:1.65px;font-weight:500}.eyebrow .dot{display:none}.button{border-radius:0;background:var(--brand-green);padding:16px 25px;font-size:13px;font-weight:450;gap:35px}.button:hover{background:#2b5544;transform:none}.text-link{border-bottom:1px solid currentColor;font-weight:400}.button.light{background:#fff;color:var(--ink)}.section{padding:110px 0}.section.soft{background:#f1f3f0}.section.dark{background:#0c2d25}.section-head{margin-bottom:65px}.section-head>p{line-height:1.8;font-size:15px}.intro-grid{gap:100px}.intro-grid h3{font-weight:500;font-size:18px}.intro-grid h3 span{display:none}.intro-grid p{font-size:16px;line-height:1.9}.stat-row{padding-top:35px;margin-top:65px}.stat strong{font-family:'DM Sans';font-weight:400;font-size:62px;letter-spacing:-3px}.stat span{font-size:13px}.stat{gap:30px}.stat:not(:first-child){border-left:1px solid var(--line);padding-left:40px}
/* Use the complete, original logo: no crop, rebuilt lettering, or recolouring. */
.brand{display:block;width:100px;height:75px;background:transparent;flex-shrink:0;overflow:visible}.brand img.official-logo{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal}.header{height:112px;border:0;background:var(--surface);backdrop-filter:none;transition:background .3s,box-shadow .3s}.header-inner{gap:38px}.header .nav{margin-left:auto;gap:32px}.header .nav>a,.header .nav-dropdown>button{font-size:13px;font-weight:400}.header-actions{gap:28px}.header-actions>.button{padding:13px 18px;background:transparent;border:1px solid currentColor;font-size:12px;gap:25px;color:inherit}.header.scrolled{box-shadow:0 1px 0 #d8dedb;background:var(--surface)}.header .lang{font-size:11px}.header .dropdown-panel{color:var(--ink);border-radius:0;box-shadow:0 15px 25px #00000010}.has-cinematic-hero .header{position:fixed;top:0;left:0;right:0;background:transparent;color:#fff;border-bottom:1px solid #ffffff30}.has-cinematic-hero .header.scrolled{background:var(--surface);color:var(--ink);box-shadow:0 1px 0 #d8dedb}.has-cinematic-hero .header:not(.scrolled) .nav>a:hover,.has-cinematic-hero .header:not(.scrolled) .nav-dropdown>button:hover{color:#c6e8d6}.has-cinematic-hero .header:not(.scrolled) .mobile-toggle span{background:white}.header-actions>.button:hover{background:#fff;color:var(--ink)}
/* No image blur or tilted image elements. */
.cinematic-hero{position:relative;isolation:isolate;min-height:720px;height:100svh;max-height:1200px;color:#fff;background:#15231f;overflow:hidden}.hero-backdrop{position:absolute;inset:0;z-index:-2}.hero-backdrop .hero-photograph{width:100%;height:100%;object-fit:cover;object-position:center 49%;filter:none;transform:none}.cinematic-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,21,18,.73) 0%,rgba(6,21,18,.50) 49%,rgba(6,21,18,.08) 100%),linear-gradient(0deg,rgba(4,17,13,.72),transparent 26%,transparent 75%,rgba(4,17,13,.40));z-index:-1;pointer-events:none}.cinematic-content{height:100%;min-height:inherit;display:flex;flex-direction:column;justify-content:center;position:relative;padding-top:145px;padding-bottom:135px}.hero-main-copy{max-width:1000px;animation:cinema-in .8s var(--ease) both}.cinematic-hero .eyebrow{color:#fff;font-size:12px;letter-spacing:2px;margin:0 0 27px}.cinematic-hero h1{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(58px,6.5vw,104px);letter-spacing:-3.5px;line-height:1.05;font-weight:450;margin:0 0 28px}.cinematic-hero .hero-description{max-width:460px;font-size:16px;line-height:1.65;color:#fff;margin:0 0 32px}.cinematic-hero .hero-buttons{gap:32px}.cinematic-hero .hero-button{background:#fff;color:var(--ink);border:1px solid #fff;padding:17px 24px}.cinematic-hero .hero-button:hover{background:#e8eee9;border-color:#e8eee9}.cinematic-hero .text-link{color:white;border-color:#ffffff75;font-size:13px}.hero-baseline{position:absolute;bottom:30px;left:0;right:0;border-top:1px solid #ffffff55;padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:11px;font-weight:400;letter-spacing:.4px;color:#f0f4f1}.hero-baseline>a{display:flex;gap:35px;align-items:center}.hero-baseline>a span{font-size:22px;line-height:1}.partner-strip{border-bottom:1px solid var(--line);padding:28px 0;background:var(--surface)}.partner-strip>.container{display:flex;align-items:center;justify-content:space-between;gap:50px}.partner-strip p,.partner-note{font-size:12px;color:#68736d;line-height:1.6;margin:0}.partner-wordmark{font-size:25px;font-family:Arial,sans-serif;letter-spacing:-1px;font-weight:700;color:#3e5048}.partner-wordmark small{display:block;font-size:8px;font-weight:400;letter-spacing:1px;margin-top:3px}.partner-logo{width:130px;height:46px;object-fit:contain;filter:grayscale(1);opacity:.8}.partner-note{max-width:170px}.specialty-hero{height:85svh;min-height:640px;max-height:1000px}.specialty-hero .breadcrumb{color:#fff;margin-bottom:38px;font-size:11px}.specialty-hero h1{font-size:clamp(70px,7.5vw,112px);letter-spacing:-4px;margin-bottom:24px}.specialty-hero .hero-description{font-size:20px;max-width:600px}.specialty-hero .hero-main-copy{max-width:1000px}.specialty-hero .hero-backdrop img{object-position:center 50%}.specialty-hero:after{background:linear-gradient(90deg,#071b15cc,#071b1560 60%,#071b1520),linear-gradient(0deg,#061c1560,transparent 45%)}
/* Unframed sector stories, followed by actual project photography. */
.sector-editorial{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.sector-story{display:flex;flex-direction:column;border-top:1px solid #a7b8ad;padding:27px 0 0;transition:border-color .25s}.sector-story:hover{border-color:var(--green)}.sector-count{font-size:11px;color:#708176;letter-spacing:1px}.sector-story h3{font-size:27px;font-weight:450;letter-spacing:-.7px;margin:40px 0 22px}.sector-excerpt{font-size:14px;color:#637068;line-height:1.8;flex:1}.sector-excerpt p{margin:0}.sector-excerpt>div>div:empty{display:none}.sector-more{margin-top:30px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;border-bottom:1px solid #d7ded8;padding-bottom:14px}.sector-more svg{width:18px;height:18px;transition:transform .25s}.sector-story:hover .sector-more svg{transform:translate(3px,-3px)}.wide-project-image{margin-top:65px;height:520px;position:relative;isolation:isolate;overflow:hidden;background:#132b23}.wide-project-image>img{height:100%;object-fit:cover;object-position:center 48%;filter:none;border-radius:0}.wide-project-image:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#03180b99);z-index:0}.wide-project-image>div{position:absolute;bottom:35px;left:35px;right:35px;color:#fff;display:flex;justify-content:space-between;gap:30px;align-items:center;z-index:1}.wide-project-image>div>span{font-size:24px;letter-spacing:-.5px}.wide-project-image .text-link{color:white}.feature-visual{border-radius:0;background:#f0f3ef;height:570px;padding:65px}.feature-visual img{filter:none;height:430px}.feature-visual .corner-label{font-size:10px;left:30px;top:30px}.feature{gap:100px}.feature-copy>p{font-size:16px;line-height:1.8}.service-list li{font-size:14px;padding:20px 0}.service-list svg{color:var(--green)}.case{grid-template-columns:1fr 2.5fr;gap:60px}.case blockquote{font-family:'DM Sans';font-weight:400;font-size:26px;letter-spacing:-.3px;line-height:1.65}.case .quote-mark{color:#c8dfd0}.case-brand{font-family:Arial;font-size:29px}.case .text-link{color:white}.news-card .news-image{border-radius:0;height:260px}.news-card h3{font-family:'DM Sans';font-size:23px;letter-spacing:-.5px}.news-card img{filter:none}.news-meta{font-size:10px}.contact-band{background:#eef1ed;padding:90px 0}.contact-band h2{font-size:clamp(38px,4.2vw,62px)}.footer{background:#0a251e}.footer .brand{width:118px;height:88px}.footer-grid{grid-template-columns:1.7fr 1fr 1fr 1fr}.footer .footer-intro p{margin-top:25px;max-width:285px}.contact-card,.calc-form,.article-cover{border-radius:0}.contact-card a{word-break:break-word}.product-float{display:none!important}.hero-image,.hero-image img,.sector-picture,.sector-picture img{border-radius:0;transform:none!important;filter:none!important}.hero h1{font-weight:450;letter-spacing:-2.5px}.hero h1 em{color:#43745c}.prose h1,.prose h2,.prose h3,.prose h4{font-family:'DM Sans';font-weight:450}.module-section{padding:85px 0}.editorial-grid{grid-template-columns:230px 1fr;gap:90px}.editorial-grid aside{font-size:10px;letter-spacing:1px}.prose{font-size:17px}.faq-list summary{font-size:16px}.faq-aside p{font-size:15px}.reveal{transform:translateY(15px);transition-duration:.65s}.reveal.visible{transform:none}.hero-image:hover,.product-float:hover{transform:none!important}@keyframes cinema-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(min-width:1700px){.cinematic-content{padding-top:150px}.cinematic-hero h1{font-size:112px;letter-spacing:-4px}}
@media(max-width:1150px){.container{width:calc(100% - 72px)}.header-inner{gap:25px}.header .nav{gap:24px}.header-actions{gap:20px}.header .nav>a,.header .nav-dropdown>button{font-size:12px}.header-actions>.button{font-size:11px;padding:12px;gap:16px}.hero-main-copy{max-width:900px}.cinematic-hero h1{font-size:7.5vw}.sector-editorial{gap:24px}.sector-story h3{font-size:23px}.feature{gap:65px}.stat strong{font-size:50px}.stat:not(:first-child){padding-left:25px}.case blockquote{font-size:23px}.partner-strip>.container{gap:30px}.partner-note{max-width:145px}}
@media(max-width:900px){.header{height:98px}.brand{width:90px;height:67px}.header .nav{gap:20px}.header-actions>.button{display:none}.header-actions{gap:20px}.header .nav>a,.header .nav-dropdown>button{font-size:12px}.cinematic-hero{min-height:700px}.cinematic-content{padding-top:140px;padding-bottom:145px}.cinematic-hero h1{font-size:8.5vw;letter-spacing:-3px}.hero-main-copy{max-width:730px}.cinematic-hero .hero-description{font-size:15px;max-width:415px}.partner-strip>.container{gap:25px}.partner-note{display:none}.sector-editorial{grid-template-columns:repeat(2,1fr);column-gap:40px;row-gap:45px}.sector-story h3{font-size:29px;margin-top:28px}.wide-project-image{height:440px}.case{grid-template-columns:1fr 2fr;gap:40px}.case blockquote{font-size:21px}.feature{gap:45px}.feature-visual{height:480px;padding:35px}.feature-visual img{height:360px}.stat{gap:20px}.stat strong{font-size:43px}.stat:not(:first-child){padding-left:20px}.stat span{font-size:11px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-col:last-child{grid-column:2/4}.editorial-grid{grid-template-columns:150px 1fr;gap:40px}}
@media(max-width:700px){.container{width:calc(100% - 40px)}.header{height:92px}.brand{width:86px;height:64px}.header-inner{gap:15px}.header .nav{margin-left:0}.header-actions{gap:18px}.has-cinematic-hero .header .nav{color:var(--ink)}.nav{top:91px;background:var(--surface);padding:18px 25px 28px}.header .nav>a,.header .nav-dropdown>button{font-size:18px;padding:14px 0}.has-cinematic-hero .header:not(.scrolled) .nav>a:hover,.has-cinematic-hero .header:not(.scrolled) .nav-dropdown>button:hover{color:var(--green)}.dropdown-panel{background:#f1f4f0}.cinematic-hero{height:100svh;min-height:720px;max-height:1000px}.cinematic-content{padding-top:145px;padding-bottom:150px;justify-content:center}.cinematic-hero h1{font-size:clamp(41px,10vw,66px);letter-spacing:-1.8px;line-height:1.08;margin-bottom:25px}.hero-main-copy{max-width:100%}.cinematic-hero .eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:22px}.cinematic-hero .hero-description{font-size:14px;line-height:1.75;max-width:310px;margin-bottom:30px}.cinematic-hero .hero-buttons{gap:22px;align-items:flex-start;flex-direction:column}.cinematic-hero .hero-button{font-size:12px;padding:15px 20px}.cinematic-hero .text-link{font-size:12px}.cinematic-hero .hero-backdrop img{object-position:66% center}.cinematic-hero:after{background:linear-gradient(90deg,#051b13bb,#051b1355),linear-gradient(0deg,#071a17b3,transparent 60%,#071a1740)}.hero-baseline{bottom:24px;gap:25px;font-size:9px;line-height:1.6;padding-top:20px;align-items:start}.hero-baseline>span{max-width:190px}.hero-baseline>a{gap:18px;flex-shrink:0;font-size:9px}.hero-baseline>a span{font-size:19px}.partner-strip{padding:27px 0}.partner-strip>.container{display:grid;grid-template-columns:1fr 1fr;gap:24px}.partner-strip p{grid-column:1/3;font-size:11px;text-align:center}.partner-wordmark{font-size:24px;justify-self:center}.partner-logo{width:115px;justify-self:center}.partner-note{display:none}.section{padding:70px 0}.section h2,.contact-band h2{font-size:39px;letter-spacing:-1.6px}.section-head{margin-bottom:40px}.section-head>p{font-size:14px}.intro-grid{gap:30px;margin-top:35px}.intro-grid h3{font-size:18px}.intro-grid p{font-size:15px;line-height:1.85}.stat-row{margin-top:38px;padding-top:5px}.stat strong{font-size:52px;min-width:110px}.stat span{font-size:13px;max-width:165px}.stat:not(:first-child){padding-left:0;border-left:0}.stat{gap:30px;padding:25px 0}.sector-editorial{grid-template-columns:1fr;gap:30px}.sector-story{padding-top:22px;position:relative}.sector-story h3{margin:0 0 22px;padding-left:44px;font-size:30px}.sector-count{position:absolute;top:32px;left:0}.sector-excerpt{font-size:14px}.sector-more{margin-top:23px;padding-bottom:17px}.wide-project-image{margin-top:45px;height:420px}.wide-project-image>img{object-position:39% center}.wide-project-image>div{bottom:24px;left:24px;right:24px;align-items:start;flex-direction:column;gap:20px}.wide-project-image>div>span{font-size:25px;max-width:270px;line-height:1.25}.wide-project-image .text-link{font-size:12px}.feature{gap:40px}.feature-visual{height:400px;padding:40px}.feature-visual img{height:310px}.feature-copy>p{font-size:15px}.case{grid-template-columns:1fr;gap:35px}.case-brand{font-size:28px}.case blockquote{font-size:21px;line-height:1.7}.news-card .news-image{height:260px}.news-card h3{font-size:24px;line-height:1.35}.contact-band{padding:70px 0}.footer-grid{grid-template-columns:1fr 1fr}.footer-col:last-child{grid-column:auto}.footer .brand{width:110px;height:82px}.specialty-hero{height:82svh;min-height:630px}.specialty-hero .cinematic-content{padding-top:140px;padding-bottom:125px}.specialty-hero h1{font-size:clamp(42px,11vw,70px);letter-spacing:-1.8px}.specialty-hero .hero-description{font-size:17px}.specialty-hero .breadcrumb{font-size:10px;margin-bottom:30px}.specialty-hero .hero-backdrop img{object-position:44% center}.specialty-hero .hero-buttons{flex-direction:row;gap:22px;align-items:center}.specialty-hero .hero-buttons .text-link{font-size:11px}.specialty-hero .hero-baseline>span{max-width:none}.module-section{padding:55px 0}.editorial-grid{grid-template-columns:1fr;gap:20px}.prose{font-size:15px}.hero.inner-hero h1{font-size:46px;letter-spacing:-1.8px}.faq-list summary{font-size:15px}}
@media(max-width:370px){.cinematic-hero{min-height:720px}.cinematic-hero h1{font-size:36px;letter-spacing:-1.5px}.cinematic-hero .hero-description{font-size:13px}.specialty-hero h1{font-size:38px}.hero-baseline>span{max-width:155px}.hero-baseline>a{font-size:8px;gap:10px}.specialty-hero .hero-buttons{flex-direction:column;align-items:start}}
@media(prefers-reduced-motion:reduce){.hero-main-copy{animation:none}.reveal{opacity:1;transform:none}*{scroll-behavior:auto!important}}

/* Portfolio-led hierarchy and restored specialism icons. */
.brand,.footer .brand{background:transparent}
.cinematic-hero:not(.specialty-hero) .hero-main-copy{max-width:1000px}
.cinematic-hero:not(.specialty-hero) h1{max-width:940px;text-wrap:balance}
.section h2,.contact-band h2,.portfolio-copy h2{ text-wrap:balance }
.partner-strip>.container{gap:45px}
.partner-strip p{max-width:180px}
.partner-logos{display:flex;align-items:center;justify-content:space-around;gap:65px;flex:1}
.partner-logo.cbre-logo{width:128px;height:40px;filter:none;opacity:1}
.partner-wordmark{white-space:nowrap}
.portfolio-section{padding:110px 0 0;background:var(--surface);scroll-margin-top:112px}
.portfolio-feature{display:grid;grid-template-columns:1.03fr 1fr;gap:85px;align-items:center}
.portfolio-image{height:560px;overflow:hidden;background:#edf1ed}
.portfolio-image img{width:100%;height:100%;object-fit:cover;object-position:44% center}
.portfolio-copy h2{font-size:clamp(38px,4.2vw,64px);font-weight:450;letter-spacing:-2px;line-height:1.08;margin:0 0 30px}
.portfolio-copy>p:not(.eyebrow){font-size:16px;line-height:1.85;color:var(--muted);margin:0 0 20px}
.portfolio-copy .button{margin-top:15px;display:inline-flex}
.sector-icon{width:44px;height:44px;color:var(--green);margin:3px 0 27px;flex-shrink:0;transition:transform .25s}
.sector-story h3{margin:0 0 22px}
.sector-story:hover .sector-icon{transform:translateY(-3px)}
.feature-copy h2{max-width:580px}
@media(max-width:1150px){.partner-logos{gap:40px}.portfolio-feature{gap:50px}.portfolio-image{height:530px}.partner-strip>.container{gap:28px}}
@media(max-width:900px){.partner-logos{gap:25px}.portfolio-feature{gap:35px}.portfolio-copy h2{font-size:40px}.portfolio-copy>p:not(.eyebrow){font-size:15px}.portfolio-image{height:560px}.partner-logo.cbre-logo{width:105px}}
@media(max-width:700px){.partner-strip>.container{display:flex;flex-direction:column;gap:23px}.partner-strip p{max-width:none}.partner-logos{width:100%;gap:22px;justify-content:space-between}.partner-logo.cbre-logo{width:80px;height:29px}.partner-logo{width:91px;height:36px}.partner-wordmark{font-size:20px}.partner-wordmark small{font-size:6px;letter-spacing:.7px}.portfolio-section{padding-top:65px;scroll-margin-top:92px}.portfolio-feature{grid-template-columns:1fr;gap:35px}.portfolio-image{height:330px}.portfolio-copy h2{font-size:39px;letter-spacing:-1.6px}.portfolio-copy .button{font-size:12px;padding:16px 18px;gap:20px}.sector-story{display:grid;grid-template-columns:44px 1fr;column-gap:20px;align-items:center}.sector-icon{margin:0;width:38px;height:38px}.sector-story h3{padding:0;margin:0;font-size:28px}.sector-excerpt,.sector-more{grid-column:1/-1}.sector-excerpt{margin-top:22px}.sector-more{margin-top:23px}.cinematic-hero:not(.specialty-hero) h1{font-size:clamp(39px,10vw,66px)}}
@media(max-width:370px){.partner-logos{gap:14px}.partner-logo.cbre-logo{width:65px}.partner-logo{width:75px}.partner-wordmark{font-size:18px}.partner-wordmark small{font-size:5px}.portfolio-copy h2{font-size:35px}}

/* Larger official mark, retaining the transparent asset. */
.header .brand{width:150px;height:103px}
.footer .brand{width:170px;height:120px}
@media(max-width:1150px){.header-inner{gap:24px}.header .nav{gap:22px}.header-actions{gap:18px}}
@media(max-width:900px){.header .brand{width:126px;height:88px}.header .nav{gap:16px}.header-inner{gap:18px}}
@media(max-width:700px){.header .brand{width:116px;height:80px}.footer .brand{width:150px;height:105px}}

/* A consistent reading order for the four specialism pages. */
.partner-logo.bouwinvest-logo{width:195px;height:65px;filter:none;opacity:1}
.case-client-logo{width:240px;height:auto;background:var(--surface);padding:14px;max-width:100%;margin-top:28px}
.is-specialism .specialty-hero{height:72svh;min-height:590px;max-height:850px}
.is-specialism .specialty-hero .cinematic-content{padding-top:140px;padding-bottom:105px}
.is-specialism .specialty-hero h1{font-size:clamp(64px,7vw,104px)}
.sector-page-nav{border-bottom:1px solid var(--line);background:var(--surface)}
.sector-page-nav .container{display:flex;gap:45px;align-items:center;min-height:76px}
.sector-page-nav a{font-size:13px;color:var(--muted);padding:20px 0;border-bottom:2px solid transparent}
.sector-page-nav a:hover{color:var(--green);border-color:var(--green)}
#details,#aanpak,#praktijk,#sector-faq{scroll-margin-top:112px}
.sector-overview{display:grid;grid-template-columns:1.65fr 1fr;gap:100px;align-items:start}
.sector-overview h2{max-width:740px;margin-bottom:32px}
.sector-overview>div>p:not(.eyebrow){max-width:700px;font-size:17px;line-height:1.85;color:var(--muted);margin:0 0 22px}
.sector-scope{padding:35px;border:1px solid var(--line);background:#fafbf9}
.sector-scope .sector-icon{margin:0 0 24px;width:44px;height:44px}
.sector-scope h3{font-size:24px;font-weight:450;letter-spacing:-.5px;margin:0 0 18px}
.sector-scope ul{list-style:none;padding:0;margin:0 0 20px}
.sector-scope li{display:flex;gap:12px;padding:16px 0;font-size:14px;line-height:1.6;border-top:1px solid var(--line);color:var(--muted)}
.sector-scope li svg{width:20px;height:20px;flex-shrink:0;color:var(--green);margin-top:2px}
.sector-scope .text-link{font-size:13px}
.sector-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:45px}
.sector-steps li{border-top:1px solid #acbdb3;padding-top:26px}
.step-number{font-size:13px;letter-spacing:1px;color:var(--green)}
.sector-steps h3{font-size:25px;font-weight:450;letter-spacing:-.6px;margin:24px 0 17px;line-height:1.25}
.sector-steps p{font-size:15px;line-height:1.8;color:var(--muted);margin:0}
.municipal-case{max-width:1000px}.municipal-case h2{margin-bottom:40px}.municipal-case blockquote{font-size:25px;line-height:1.7;margin:0 0 24px}.quote-attribution{font-size:13px;opacity:.7}
.mobility-project{display:grid;grid-template-columns:1.4fr 1fr;gap:90px;align-items:center}
.mobility-project h2{margin-bottom:30px}.mobility-project-image img{width:100%;height:390px;object-fit:cover}
.sector-recognition{display:flex;gap:65px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:60px}
.section .sector-recognition h2{font-size:32px;letter-spacing:-1px;margin-bottom:25px;max-width:500px}
.sector-recognition .badge-row{display:flex;gap:30px;align-items:center;flex-shrink:0}
.sector-recognition .badge-row img{width:110px;height:95px;object-fit:contain}
@media(max-width:1150px){.sector-overview{gap:55px;grid-template-columns:1.5fr 1fr}.sector-scope{padding:27px}.sector-steps{gap:32px}.mobility-project{gap:50px}.partner-logo.bouwinvest-logo{width:170px}}
@media(max-width:900px){.sector-overview{gap:35px;grid-template-columns:1.3fr 1fr}.sector-scope{padding:23px}.sector-overview>div>p:not(.eyebrow){font-size:16px}.sector-steps{gap:26px}.sector-steps h3{font-size:23px}.sector-recognition{gap:30px}.sector-recognition .badge-row img{width:90px}.sector-recognition .badge-row{gap:15px}}
@media(max-width:700px){.partner-logo.bouwinvest-logo{width:125px;height:50px}.partner-logos{gap:16px}.is-specialism .specialty-hero{height:72svh;min-height:580px}.is-specialism .specialty-hero h1{font-size:clamp(42px,11vw,66px)}.sector-page-nav .container{min-height:65px;gap:25px;overflow-x:auto;white-space:nowrap}.sector-page-nav a{font-size:11px}.sector-overview{grid-template-columns:1fr;gap:30px}.sector-overview h2{margin-bottom:25px}.sector-overview>div>p:not(.eyebrow){font-size:15px}.sector-scope{padding:27px}.sector-steps{grid-template-columns:1fr;gap:35px}.sector-steps h3{margin-top:18px}.sector-steps p{font-size:15px}.sector-recognition{flex-direction:column;align-items:start;gap:25px;padding-bottom:35px}.section .sector-recognition h2{font-size:30px}.municipal-case blockquote{font-size:21px}.mobility-project{grid-template-columns:1fr;gap:35px}.mobility-project-image img{height:300px}.case-client-logo{width:215px;margin-top:20px}#details,#aanpak,#praktijk,#sector-faq{scroll-margin-top:92px}}
@media(max-width:370px){.partner-logo.bouwinvest-logo{width:110px}.partner-logos{gap:12px}}

/* Scroll motion: individual elements enter in sequence, without blur or rotation. */
.scroll-reveal{opacity:0;transform:translate3d(0,28px,0);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.scroll-reveal.in-view,.scroll-reveal:focus-within{opacity:1;transform:none}
.scroll-image{clip-path:inset(0 0 7% 0);transition:opacity .75s ease,transform .95s cubic-bezier(.2,.7,.2,1),clip-path .95s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.scroll-image.in-view{clip-path:inset(0)}
.stat strong{font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}
.stat strong .count-display{font:inherit;letter-spacing:inherit;line-height:inherit;display:inline-block;min-width:4.1ch;max-width:none;color:inherit}
.sr-only,.stat strong .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;min-width:0!important}
#cijfers{scroll-margin-top:150px}
@media(max-width:700px){.scroll-reveal{transform:translate3d(0,20px,0)}.scroll-reveal.in-view,.scroll-reveal:focus-within{transform:none}.stat strong .count-display{min-width:4.1ch}#cijfers{scroll-margin-top:115px}}
@media(prefers-reduced-motion:reduce){.scroll-reveal,.scroll-image{opacity:1;transform:none;clip-path:none;transition:none!important}}
@media(min-width:701px) and (max-width:900px){.stat-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.stat{flex-direction:column;align-items:flex-start;gap:16px}.stat span{max-width:100%}.stat:not(:first-child){padding-left:20px}}
.sector-impact{border-left:2px solid var(--green);padding:4px 0 4px 25px;margin-top:32px}
.sector-impact h3{font-size:21px;font-weight:500;line-height:1.4;margin:0 0 12px;letter-spacing:-.35px}
.sector-impact p{font-size:16px;line-height:1.85;color:var(--muted);margin:0}
@media(max-width:700px){.sector-impact{padding-left:20px;margin-top:27px}.sector-impact h3{font-size:20px}.sector-impact p{font-size:15px}.sector-overview h2{overflow-wrap:break-word;hyphens:auto}}

/* A slim news ticker below the client strip. */
.news-ticker{background:#f2f5ef;border-bottom:1px solid #dce4dc;color:#234637;scroll-margin-top:112px}
.ticker-inner{display:flex;align-items:center;gap:27px;min-height:56px}
.ticker-label{font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;flex-shrink:0;padding-right:25px;border-right:1px solid #cbd8ce}
.ticker-window{flex:1;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent)}
.ticker-track{display:flex;width:max-content;animation:news-ticker-scroll 48s linear infinite}
.ticker-group{display:flex;align-items:center;gap:38px;padding-right:38px;flex-shrink:0}
.ticker-group a{display:inline-flex;align-items:center;gap:16px;white-space:nowrap;font-size:13px;line-height:1.4;padding:17px 0}
.ticker-group a:hover{text-decoration:underline;text-underline-offset:4px}
.ticker-dot{width:4px;height:4px;border-radius:50%;background:var(--green);flex-shrink:0}
.ticker-item-arrow{font-size:15px;color:#6e8477}
.ticker-controls{display:flex;align-items:center;gap:20px;flex-shrink:0}
.ticker-toggle{width:32px;height:32px;display:grid;place-items:center;border:1px solid #c7d5ca;background:transparent;color:#305640;padding:7px;border-radius:50%}
.ticker-toggle:hover{background:#e3ebe0}
.ticker-toggle svg{width:16px;height:16px}.ticker-play{display:none}
.news-ticker[data-paused="true"] .ticker-pause{display:none}.news-ticker[data-paused="true"] .ticker-play{display:block}
.ticker-all-news{display:flex;gap:14px;align-items:center;font-size:11px;white-space:nowrap}.ticker-all-news svg{width:18px;height:18px}
.news-ticker:hover .ticker-track,.news-ticker[data-paused="true"] .ticker-track{animation-play-state:paused}
.ticker-window:focus-within{overflow-x:auto;mask-image:none}.ticker-window:focus-within .ticker-track{animation:none;transform:none}
@keyframes news-ticker-scroll{to{transform:translateX(-50%)}}
@media(max-width:900px){.ticker-inner{gap:18px}.ticker-label{padding-right:17px}.ticker-controls{gap:14px}}
@media(max-width:700px){.ticker-inner{min-height:54px;gap:12px}.ticker-label{font-size:9px;letter-spacing:1px;padding-right:12px}.ticker-group a{font-size:12px}.ticker-group{gap:26px;padding-right:26px}.ticker-controls{gap:12px}.ticker-all-news span{display:none}.ticker-toggle{width:28px;height:28px;padding:5px}.ticker-window{mask-image:linear-gradient(90deg,transparent,#000 8px,#000 calc(100% - 8px),transparent)}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}.ticker-window{overflow-x:auto;mask-image:none}.ticker-group[aria-hidden="true"]{display:none}.ticker-toggle{display:none}}
/* Announcement treatment: fixed context and action, one moving message. */
.news-ticker{background:#edf3e9;border-top:1px solid #d4dfcf;border-bottom:1px solid #d4dfcf}
.ticker-inner{min-height:64px;gap:22px}
.ticker-label{display:flex;align-items:center;gap:10px;letter-spacing:.45px;font-size:10px;border:0;background:#19543b;color:white;padding:9px 12px}
.ticker-label svg{width:18px;height:18px;flex-shrink:0}
.ticker-label-short{display:none}
.ticker-track{animation-duration:34s}
.ticker-all-news{border-bottom:1px solid #89a28d;padding-bottom:4px;font-weight:500}
@media(max-width:1150px){.ticker-label-long{display:none}.ticker-label-short{display:inline}.ticker-inner{gap:18px}}
@media(max-width:700px){.ticker-inner{min-height:62px;gap:10px}.ticker-label{padding:8px;font-size:9px;gap:6px}.ticker-label svg{width:15px;height:15px}.ticker-controls{gap:8px}.ticker-all-news{border-bottom:0;padding-bottom:0}}
.ticker-window{container-type:inline-size}.ticker-group{min-width:100cqw}

@media(max-width:700px){.ticker-all-news span{display:inline;font-size:10px}.ticker-all-news{gap:8px}}
.ticker-segment{display:inline-flex;align-items:center;gap:16px;white-space:nowrap;font-size:13px;line-height:1.4;padding:17px 0}
.ticker-headline{font-weight:500}.ticker-statement{color:#45624e}
.ticker-divider{width:1px;height:17px;background:#bdcebd;flex-shrink:0}
.ticker-track{animation-duration:48s}
@media(max-width:700px){.ticker-segment{font-size:12px}}

/* Our approach: an ordered service journey, ending in ongoing care. */
.approach-section{background:#f3f5f0;scroll-margin-top:112px}
.approach-heading{align-items:start;gap:70px;margin-bottom:58px}
.approach-heading h2{margin:0;flex:1}
.approach-heading>p{width:490px;max-width:48%;font-size:16px;line-height:1.8;margin:0;color:#5c6e61}
.approach-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0}
.approach-step{position:relative;display:flex;flex-direction:column;padding:24px 26px 30px;min-width:0}
.approach-step:before{content:'';position:absolute;left:0;right:0;top:46px;height:1px;background:#b9cbbc;transform-origin:left;transform:scaleX(0);transition:transform .85s var(--ease);transition-delay:var(--reveal-delay,0ms)}
.approach-step.in-view:before{transform:scaleX(1)}
.approach-step:first-child:before{left:48px}.approach-step:last-child:before{right:calc(100% - 48px)}
.approach-stage{display:flex;align-items:center;gap:15px;margin-bottom:35px;min-height:44px}
.approach-number{position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;border:1px solid #9ebaa5;border-radius:50%;background:#f3f5f0;color:var(--green);font-size:13px;font-weight:500;letter-spacing:.5px;flex-shrink:0}
.approach-step h3{font-size:25px;font-weight:450;line-height:1.2;letter-spacing:-.65px;margin:0 0 20px;min-height:60px}
.approach-step>p{font-size:14px;line-height:1.85;color:#5c6e61;margin:0 0 33px}
.approach-result{display:flex;align-items:flex-start;gap:10px;margin-top:auto;padding-top:22px;border-top:1px solid #d4dfd3;font-size:12px;line-height:1.65;color:var(--green)}
.approach-result svg{width:18px;height:18px;flex-shrink:0;margin-top:1px}
.approach-step.is-active{background:#123f31;color:#fff}
.approach-step.is-active .approach-number{background:#123f31;color:#d7e5ad;border-color:#8da993}
.approach-step.is-active>p{color:#d0ddd4}
.approach-step.is-active .approach-result{color:#e1ebd0;border-color:#456959}
.approach-status{position:relative;z-index:1;background:transparent;font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:#45624e;padding:5px 0}
.approach-next{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #c9d8c8;padding-top:27px;margin-top:38px}
.approach-next>p{font-size:14px;line-height:1.7;color:#5c6e61;margin:0}
.approach-next .text-link{font-size:13px;white-space:nowrap}
@media(max-width:1150px){.approach-step{padding-left:20px;padding-right:20px}.approach-step h3{font-size:23px}.approach-step:first-child:before{left:42px}.approach-step:last-child:before{right:calc(100% - 42px)}}
@media(min-width:701px) and (max-width:1000px){.approach-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}.approach-step h3{min-height:0}.approach-step:nth-child(3):before{left:42px}.approach-step:nth-child(2):before{right:calc(100% - 42px)}}
@media(max-width:700px){.approach-section{scroll-margin-top:92px}.approach-heading{margin-bottom:30px}.approach-heading>p{width:auto;max-width:100%;font-size:15px;margin-top:24px}.approach-steps{grid-template-columns:1fr}.approach-step{padding:22px 20px 32px 68px}.approach-stage{position:absolute;left:0;top:22px;margin:0;display:block;min-height:44px}.approach-number{width:40px;height:40px;font-size:12px}.approach-step:before{top:43px;bottom:-43px;left:20px!important;right:auto!important;width:1px;height:auto;transform:scaleY(0);transform-origin:top}.approach-step.in-view:before{transform:scaleY(1)}.approach-step:last-child:before{display:none}.approach-step h3{font-size:25px;min-height:0;margin:5px 0 16px}.approach-step>p{font-size:14px;margin-bottom:22px}.approach-result{padding-top:17px;font-size:12px}.approach-ongoing{padding:30px 24px 30px 68px;margin-top:12px}.approach-ongoing .approach-stage{top:30px;left:0}.approach-status{position:absolute;top:-22px;left:68px;white-space:nowrap;padding:4px 0}.approach-next{align-items:start;flex-direction:column;gap:20px;margin-top:30px}.approach-next>p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.approach-step:before{transform:none!important}}
.approach-section{scroll-margin-top:0}

/* Hover and keyboard focus move a single highlight through the approach. */
.approach-step.scroll-reveal{transition:opacity .7s var(--ease),transform .8s var(--ease),background-color .2s ease,color .2s ease;transition-delay:var(--reveal-delay,0ms),var(--reveal-delay,0ms),0ms,0ms}
.approach-step .approach-number,.approach-step>p,.approach-step .approach-result,.approach-status{transition:color .2s ease,background-color .2s ease,border-color .2s ease}
.approach-step.is-active .approach-status{color:#cbdba5}
.approach-step:focus-visible{outline:2px solid var(--green);outline-offset:4px}

/* Company history: a horizontal, swipeable timeline with synchronised year tabs. */
.about-heading{margin-bottom:30px}
.about-summary{max-width:970px;font-size:clamp(19px,1.8vw,25px);line-height:1.75;letter-spacing:-.3px;color:#4d6557;margin:0}
.company-history{margin-top:85px;border-top:1px solid var(--line);padding-top:48px}
.history-intro{display:flex;justify-content:space-between;align-items:center;gap:65px;margin-bottom:40px}
.history-intro h3{font-size:28px;font-weight:450;letter-spacing:-.8px;line-height:1.3;margin:0;max-width:360px}
.history-years{display:grid;grid-template-columns:repeat(6,1fr);flex:1;max-width:660px;min-width:410px;padding-bottom:7px}
.history-years button{position:relative;border:0;border-bottom:1px solid #ccd8ce;background:none;padding:14px 10px 23px;color:#708075;font-size:15px;font-weight:400;transition:color .2s,border-color .2s}
.history-years button:after{content:'';position:absolute;bottom:-4px;left:calc(50% - 4px);width:7px;height:7px;border-radius:50%;background:#bdcec0;border:2px solid #fff;box-sizing:content-box}
.history-years button[data-past="true"]{border-color:#5c8d6a}
.history-years button[data-past="true"]:after{background:#5c8d6a}
.history-years button[aria-selected="true"]{color:var(--green);font-weight:650}
.history-years button[aria-selected="true"]:after{background:var(--green);box-shadow:0 0 0 2px #b5cdb8}
.history-years button:hover{color:var(--green)}
.history-track{position:relative;display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#9db7a3 #edf2eb;overscroll-behavior-x:contain}
.history-slide{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:32% 1fr;align-items:center;gap:48px;padding:48px 55px;background:#f1f5ed;scroll-snap-align:start;scroll-snap-stop:always;min-height:310px}
.history-year{font-size:clamp(75px,8.5vw,130px);font-weight:400;line-height:1;letter-spacing:-6px;color:var(--green);text-align:center}
.history-story{padding-left:42px;border-left:1px solid #cbdacb;min-width:0}
.history-story h4{font-size:32px;font-weight:450;letter-spacing:-.8px;line-height:1.2;margin:0 0 21px}
.history-story p{font-size:17px;line-height:1.8;color:#5a7060;margin:0;max-width:650px}
.history-nexus-link{display:inline-flex;font-size:13px;margin-top:24px}
.history-anniversary{background:#143e2e;color:#fff}
.history-anniversary .history-year{color:#ccdf97}
.history-anniversary .history-story{border-color:#42624e}
.history-anniversary .history-story p{color:#d2dfd3}
.history-anniversary-note{display:inline-block;margin-top:23px;padding:6px 11px;border:1px solid #6c8760;color:#dceab7;font-size:11px;letter-spacing:1px}
.history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}
.history-position{display:flex;gap:9px;font-size:12px;letter-spacing:1px;color:#7c8b80;margin:0}
.history-current{color:var(--green)}
.history-controls{display:flex;gap:10px}
.history-controls button{display:grid;place-items:center;width:43px;height:43px;border:1px solid #b8cbbd;border-radius:50%;background:#fff;color:var(--green);transition:background .2s,color .2s}
.history-controls button svg{width:20px;height:20px}
.history-controls .history-prev svg{transform:rotate(180deg)}
.history-controls button:hover:not(:disabled){background:var(--green);color:white}
.history-controls button:disabled{opacity:.3;cursor:default}
@media(max-width:1000px){.history-intro{flex-direction:column;align-items:stretch;gap:22px}.history-intro h3{max-width:none}.history-years{max-width:none;min-width:0}.history-slide{gap:30px;padding:38px 35px;grid-template-columns:30% 1fr}.history-story{padding-left:30px}.history-year{font-size:80px;letter-spacing:-4px}.history-story h4{font-size:29px}}
@media(max-width:700px){.about-heading{margin-bottom:26px}.about-summary{font-size:19px;line-height:1.7;letter-spacing:-.2px}.company-history{margin-top:60px;padding-top:35px}.history-intro{margin-bottom:28px}.history-intro h3{font-size:27px;letter-spacing:-.6px}.history-years button{font-size:12px;padding:12px 3px 21px}.history-slide{grid-template-columns:1fr;gap:25px;align-content:start;padding:30px 25px;min-height:380px}.history-year{text-align:left;font-size:68px;letter-spacing:-3px}.history-story{border-left:0;padding:23px 0 0;border-top:1px solid #cbdacb}.history-story h4{font-size:25px;letter-spacing:-.5px;margin-bottom:16px}.history-story p{font-size:15px;line-height:1.8}.history-nexus-link{font-size:12px;margin-top:20px}.history-anniversary .history-story{border-top-color:#42624e}.history-toolbar{margin-top:18px}}

/* Shared single-colour partner treatment; retain each source alpha. */
.partner-logo,.partner-logo.cbre-logo,.partner-logo.bouwinvest-logo,.case-client-logo{filter:url(#partner-ink);opacity:1;background:transparent}
.case-client-logo{padding:0}
.section.dark .case-client-logo{filter:brightness(0) invert(1)}

/* Brand accent sampled from the supplied swatch: RGB 31, 62, 50. */
.nav>a:hover,.nav-dropdown>button:hover,.text-link:hover,.sector-tab:hover strong{color:var(--brand-green)}
.dark .text-link:hover{color:#fff}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline-color:var(--brand-green)}
.dark a:focus-visible,.dark button:focus-visible,.cinematic-hero a:focus-visible{outline-color:#b6d6c6}
/* Light headings stay legible on photography and dark panels. */
.cinematic-hero h1,.section.dark :is(h2,h3,h4),.approach-step.is-active h3,.history-anniversary h4{color:var(--surface)}

/* Ten-year anniversary lockup, separate from the official City AED logo. */
.header-identity{display:flex;align-items:center;gap:20px;flex-shrink:0}
.anniversary-mark{padding-left:20px;border-left:1px solid currentColor;color:inherit;display:flex;flex-direction:column;gap:5px;white-space:nowrap}
.anniversary-top{display:flex;align-items:baseline;gap:7px;line-height:1}
.anniversary-top strong{font-size:36px;letter-spacing:-2px;font-weight:450}
.anniversary-top>span{font-size:10px;letter-spacing:1.2px;text-transform:uppercase}
.anniversary-dates{font-size:10px;letter-spacing:1px;line-height:1.3}
@media(max-width:1150px){.header-identity{gap:13px}.anniversary-mark{padding-left:13px}.anniversary-top strong{font-size:32px}.header-actions>.button{display:none}}
@media(max-width:900px){.header-identity{gap:10px}.anniversary-mark{padding-left:10px}.anniversary-top{gap:5px}.anniversary-top strong{font-size:29px}.anniversary-top>span{font-size:8px;letter-spacing:.7px}.anniversary-dates{font-size:9px;letter-spacing:.5px}}
@media(max-width:700px){.header-inner{gap:12px}.header-actions{gap:12px}.anniversary-top strong{font-size:27px}.anniversary-dates{font-size:8px}.anniversary-mark{gap:4px}}
@media(max-width:370px){.header-identity{gap:6px}.anniversary-mark{padding-left:7px}.anniversary-top{gap:4px}.anniversary-top strong{font-size:24px}.anniversary-top>span{font-size:7px}.header-inner{gap:8px}.header-actions{gap:7px}.header .lang{gap:6px}}

.anniversary-label{font-size:8px;line-height:1.2;letter-spacing:1.1px;text-transform:uppercase}
@media(max-width:900px){.anniversary-label{font-size:7px;letter-spacing:.7px}}
@media(max-width:370px){.anniversary-label{font-size:6px;letter-spacing:.5px}}

/* Five partners: consistent monochrome treatment and balanced responsive rows. */
.partner-strip>.container{display:grid;grid-template-columns:1fr 1fr;gap:12px 30px}
.partner-strip p{grid-column:1;grid-row:1;max-width:none}
.partner-note{grid-column:2;grid-row:1;justify-self:end;max-width:none}
.partner-logos{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:34px;align-items:center;width:100%;min-width:0}
.partner-logos .partner-logo{width:100%;max-width:160px;height:75px;justify-self:center;object-fit:contain;filter:url(#partner-ink);opacity:1}
.partner-logos .cbre-logo{max-width:128px}
.partner-logos .bouwinvest-logo{max-width:195px}
.partner-logos .vesteda-logo{max-width:145px}
.partner-logos .bpd-logo{max-width:130px}
.partner-logos .syntrus-logo{max-width:195px}
@media(max-width:900px){.partner-logos{gap:24px}.partner-strip>.container{gap:12px 20px}.partner-note{font-size:11px}}
@media(max-width:700px){.partner-strip>.container{display:grid;grid-template-columns:1fr;gap:14px}.partner-strip p{grid-column:1;grid-row:1;text-align:center}.partner-note{display:none}.partner-logos{grid-column:1;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:18px;row-gap:0}.partner-logos .partner-logo{grid-column:span 2;height:58px}.partner-logos .bpd-logo,.partner-logos .syntrus-logo{grid-column:span 3;height:70px;max-width:150px}.partner-logos .bpd-logo{max-width:115px}}

/* BPD facets retain their source tonal separation within the green palette. */
.partner-logos .bpd-logo{filter:url(#partner-bpd-tonal)}

/* Restrained metallic gold on the anniversary number only. */
.anniversary-top strong{color:#a77b2f}
@supports (background-clip:text) or (-webkit-background-clip:text){
.anniversary-top strong{background:linear-gradient(115deg,#8e6729 0%,#ba903f 23%,#eed18a 42%,#a77c2f 61%,#d7b35c 80%,#936b2b 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.has-cinematic-hero .header:not(.scrolled) .anniversary-top strong{background-image:linear-gradient(115deg,#c09543 0%,#dfbd6c 24%,#fff0bf 43%,#be9140 61%,#edd28b 81%,#c59b4c 100%)}
}
@media(forced-colors:active){.anniversary-top strong{background:none;-webkit-text-fill-color:currentColor;color:CanvasText}}

/* Six partners, with readable wordmarks at narrow widths. */
.partner-logos{grid-template-columns:repeat(6,minmax(0,1fr));gap:28px}
.partner-logos .reggeborgh-logo{max-width:210px}
@media(min-width:701px) and (max-width:1000px){.partner-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 35px}}
@media(max-width:700px){.partner-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.partner-logos .partner-logo{grid-column:auto;height:65px}.partner-logos .reggeborgh-logo{max-width:190px}}

/* Partner logos are accessible external links; destinations follow site language. */
.partner-link{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;border-radius:3px;transition:transform .2s ease}
.partner-link:hover{transform:translateY(-2px)}
.partner-case-link{display:inline-block;width:240px;max-width:100%;margin-top:28px;border-radius:3px}
.partner-case-link .case-client-logo{width:100%;margin:0}
@media(max-width:700px){.partner-case-link{width:215px;margin-top:20px}}
@media(prefers-reduced-motion:reduce){.partner-link{transition:none}.partner-link:hover{transform:none}}

/* GRESB explanation and enlarged standalone mark */
.sector-recognition>div:first-child{max-width:680px}
.sector-recognition>div>p{font-size:17px;line-height:1.7;color:var(--muted);margin:0 0 25px}
.sector-recognition .gresb-badge img{width:230px;height:180px;max-width:none;max-height:none;object-fit:contain}
#gresb{scroll-margin-top:140px}
@media(max-width:700px){.sector-recognition .gresb-badge img{width:190px;height:150px}.sector-recognition>div>p{font-size:16px}}

/* Balance the desktop logo row by logo width, rather than equal-width cells. */
@media(min-width:1001px){
 .partner-logos{display:flex;justify-content:space-between;align-items:center;gap:28px}
 .partner-logos .partner-link{flex:0 1 var(--partner-width,160px);width:auto}
 .partner-logos .partner-link:has(.cbre-logo){--partner-width:128px}
 .partner-logos .partner-link:has(.bouwinvest-logo){--partner-width:195px}
 .partner-logos .partner-link:has(.bpd-logo){--partner-width:130px}
 .partner-logos .partner-link:has(.syntrus-logo){--partner-width:195px}
 .partner-logos .partner-link:has(.reggeborgh-logo){--partner-width:210px}
 .partner-logos .partner-logo{width:100%;max-width:100%}
}

/* Keep the sharp skyline visible while quieting cables behind homepage copy. */
.homepage-hero:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(6,21,18,.28) 0%,rgba(6,21,18,.22) 30%,rgba(6,21,18,0) 58%)}

/* Mobile usability: readable hero, comfortable controls and a complete menu. */
.header .nav-contact{display:none}
@media(max-width:900px){
 .header{height:92px}.header .brand{width:116px;height:80px}
 .header-inner{gap:12px}.header-actions{margin-left:auto;gap:8px}
 .header .lang{gap:2px}.header .lang a{min-width:32px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;opacity:.8}.header .lang a.active{opacity:1}
 .mobile-toggle{display:block;width:44px;min-width:44px;height:44px;padding:10px}
 .header .nav{display:none;position:absolute;top:91px;left:0;right:0;margin:0;padding:18px 24px 24px;background:var(--surface);color:var(--ink);max-height:calc(100dvh - 92px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 15px 25px #14362818}
 .header .nav.mobile-open{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .header .nav>a,.header .nav-dropdown>button{font-size:17px;min-height:52px;padding:14px 0}
 .header .nav-dropdown>button{width:100%;justify-content:space-between}
 .header .dropdown-panel{position:static;min-width:0;margin:0 0 8px;padding:4px 12px;border:0;box-shadow:none;background:#e9eee7}
 .header .dropdown-panel a{min-height:46px;font-size:15px;padding:12px}
 .header .nav-contact{display:block;border-top:1px solid var(--line);margin-top:8px;font-weight:600}
 .has-cinematic-hero .header:not(.scrolled) .nav>a:hover,.has-cinematic-hero .header:not(.scrolled) .nav-dropdown>button:hover{color:var(--green)}
 body:has(.nav.mobile-open){overflow:hidden}
 .homepage-hero .hero-backdrop .hero-photograph{object-position:78% center}
}
@media(max-width:700px){
 .homepage-hero{height:auto;min-height:max(680px,100svh);max-height:none}
 .homepage-hero .cinematic-content{height:auto;min-height:inherit;padding-top:136px;padding-bottom:142px}
 .homepage-hero:after{background:linear-gradient(90deg,rgba(5,27,19,.73),rgba(5,27,19,.45)),linear-gradient(0deg,#071a17b3,transparent 60%,#071a1740)}
 .cinematic-hero .hero-description{font-size:16px;line-height:1.65;max-width:34ch}
 .cinematic-hero .hero-buttons{gap:16px}
 .cinematic-hero .hero-button{font-size:14px;min-height:48px}
 .cinematic-hero .text-link{font-size:14px;min-height:44px;align-items:center;padding:8px 0}
 .specialty-hero,.is-specialism .specialty-hero{height:auto;min-height:max(660px,85svh);max-height:none}
 .specialty-hero .cinematic-content{height:auto;min-height:inherit;padding-top:136px;padding-bottom:112px}
 .specialty-hero .hero-buttons{align-items:flex-start;flex-direction:column;gap:10px}
 .hero-baseline{font-size:10px;gap:12px;padding-top:12px;align-items:center}
 .hero-baseline>a{min-height:44px;gap:12px;font-size:10px}
 .hero-baseline>span{max-width:54%}
 .section h2,.contact-band h2,.portfolio-copy h2,.inner-hero h1,.article-head h1{font-size:clamp(32px,9vw,39px);overflow-wrap:anywhere;hyphens:auto}
 .section h3,.prose h2,.prose h3{overflow-wrap:anywhere;hyphens:auto}
 .section p,.sector-excerpt,.approach-step>p,.faq-answer{font-size:16px;line-height:1.75}
 .text-link,.sector-more{min-height:44px;align-items:center}
 .ticker-toggle,.history-controls button{min-width:44px;min-height:44px}
 .ticker-all-news{min-height:44px;align-items:center}
 .filter-row button{min-height:44px;font-size:13px}
 .search-box input,.calc-field input{font-size:16px;min-height:48px}
 .calc-field{flex-wrap:wrap}.calc-field input{flex:1 1 120px}.calc-field button{min-height:48px;font-size:14px}
 .footer-col a{min-height:44px;display:flex;align-items:center;margin-bottom:0;font-size:14px;overflow-wrap:anywhere}
 .footer-col:last-child{grid-column:1/-1}
 .sector-page-nav{max-width:100%}.sector-page-nav a{min-height:44px;display:inline-flex;align-items:center}
 .history-years button{min-height:44px}
}
@media(max-width:380px){
 .header .container{width:calc(100% - 32px)}.header .brand{width:86px;height:64px}
 .header-inner{gap:8px}.header-actions{gap:4px}.header-identity{gap:6px}.anniversary-mark{padding-left:7px}
 .header .lang{gap:2px}.header .lang a{min-width:32px}
 .stat{gap:18px}.stat strong{font-size:46px}
}

/* Full-height specialism heroes use clear imagery with text-focused shading. */
.is-specialism .specialty-hero{height:auto;min-height:max(720px,100svh);max-height:none}
.is-specialism .specialty-hero .cinematic-content{height:auto;min-height:inherit}
.is-specialism .specialty-hero:after{background:linear-gradient(90deg,rgba(6,21,18,.84) 0%,rgba(6,21,18,.66) 42%,rgba(6,21,18,.16) 100%),linear-gradient(0deg,rgba(4,17,13,.65),transparent 28%,transparent 72%,rgba(4,17,13,.35))}
@media(max-width:700px){
 .is-specialism .specialty-hero{min-height:max(680px,100svh)}
 .is-specialism .specialty-hero:after{background:linear-gradient(90deg,rgba(6,21,18,.78),rgba(6,21,18,.58)),linear-gradient(0deg,rgba(4,17,13,.5),transparent 35%,transparent 70%,rgba(4,17,13,.3))}
 .is-specialism .specialty-hero .hero-backdrop img{object-position:50% center}
}
/* Colour comes from the original artwork; SVG keying removes its white paper. */
.partner-logos .bouwinvest-logo,.partner-logos .reggeborgh-logo{filter:url(#partner-remove-white) url(#partner-ink)}
.section.dark .case-client-logo{filter:url(#partner-remove-white) brightness(0) invert(1)}
.partner-logos .partner-link:focus-visible .partner-logo{filter:none}
.partner-logos .partner-link:focus-visible :is(.bouwinvest-logo,.reggeborgh-logo){filter:url(#partner-remove-white)}
@media(hover:hover){
 .partner-logos .partner-link:hover .partner-logo{filter:none}
 .partner-logos .partner-link:hover :is(.bouwinvest-logo,.reggeborgh-logo){filter:url(#partner-remove-white)}
}
@media(hover:none){
 .partner-logos .partner-link:active .partner-logo{filter:none}
 .partner-logos .partner-link:active :is(.bouwinvest-logo,.reggeborgh-logo){filter:url(#partner-remove-white)}
}