:root{--ink:#13243a;--paper:#f3f6f9;--warm:#607c9c;--sand:#dce5ee;--sage:#315f88;--accent:#7fa8d1;--white:#fff;--line:rgba(19,36,58,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Manrope",sans-serif;font-weight:500;letter-spacing:-.05em}em{font-family:Georgia,serif;font-weight:400}.site-header{height:92px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4.5vw;position:absolute;z-index:10;width:100%;color:#fff;border-bottom:1px solid rgba(255,255,255,.22)}.brand{display:flex;align-items:center;gap:10px;font:600 23px/1 "Manrope";letter-spacing:-1px}.brand>span>span{font-weight:400}.brand-mark{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:2}.desktop-nav{display:flex;gap:34px;font-size:14px}.desktop-nav a,.footer-links a{position:relative}.desktop-nav a:after,.footer-links a:after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:1px;background:currentColor;transition:.3s}.desktop-nav a:hover:after,.footer-links a:hover:after{width:100%}.header-cta{justify-self:end;border:1px solid rgba(255,255,255,.65);padding:13px 18px;border-radius:2px;font-size:14px}.header-cta span,.button span{margin-left:16px}.menu-toggle{display:none}.hero{height:min(900px,100vh);min-height:720px;background:url("assets/inkantoren-hero.png") center/cover;position:relative;color:#fff;display:flex;align-items:flex-end;padding:0 4.5vw 9vh}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,23,20,.74) 0%,rgba(19,23,20,.28) 52%,rgba(19,23,20,.06)),linear-gradient(0deg,rgba(0,0,0,.3),transparent 45%)}.hero-content{position:relative;z-index:1;max-width:840px}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:600}.eyebrow.light:before{content:"";display:inline-block;width:36px;height:1px;background:#fff;margin:0 13px 4px 0}.hero h1{font-size:clamp(64px,8.4vw,132px);line-height:.86;margin:25px 0 34px}.hero h1 em{color:#d8c7ba}.hero-intro{max-width:540px;font-size:20px;line-height:1.5;color:rgba(255,255,255,.86)}.hero-actions{display:flex;align-items:center;gap:34px;margin-top:35px}.button{display:inline-flex;align-items:center;padding:16px 20px;font-size:13px;font-weight:600;border-radius:2px;transition:.25s}.button:hover{transform:translateY(-2px)}.button-light{background:#fff;color:var(--ink)}.button-dark{background:var(--ink);color:#fff}.text-link{font-size:13px;font-weight:600;border-bottom:1px solid;padding-bottom:6px}.text-link span{margin-left:15px}.text-link.light{color:#fff}.hero-index{position:absolute;z-index:1;right:4.5vw;bottom:9vh;display:flex;align-items:center;gap:12px;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.hero-index div{width:70px;height:1px;background:#fff}.section-pad{padding:120px 8vw}.section-label{display:flex;gap:18px;align-items:center}.section-label span{opacity:.45}.manifesto{display:grid;grid-template-columns:1fr 2.2fr;gap:8vw}.manifesto-copy h2{font-size:clamp(42px,5.4vw,82px);line-height:1.08;margin:0 0 55px}.manifesto-copy h2 em{color:#8d776b}.manifesto-copy>p{font-size:18px;line-height:1.65;max-width:680px;margin-left:24%;color:#555}.manifesto-copy .text-link{display:inline-block;margin:28px 0 0 24%}.services{background:#e5e2dc;padding-top:115px}.services-head{padding-top:0;padding-bottom:70px;display:grid;grid-template-columns:1fr 2.2fr;gap:8vw}.services-head h2,.approach h2,.projects h2{font-size:clamp(52px,6.5vw,96px);line-height:.98;margin:0}.services-head em,.approach em,.projects em{color:#8d776b}.service-grid{display:grid;grid-template-columns:repeat(3,1fr)}.service-card{height:520px;padding:42px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.dark-card{background:var(--ink);color:#fff}.warm-card{background:var(--warm);color:#fff}.image-card{color:#fff;background:linear-gradient(rgba(25,30,26,.42),rgba(25,30,26,.75)),url("assets/inkantoren-hero.png") 75%/cover}.service-number{font-size:11px;opacity:.7}.service-icon{font:400 60px/1 Georgia}.service-card h3{font-size:33px;line-height:1.1;margin-bottom:20px}.service-card p{line-height:1.6;color:rgba(255,255,255,.76);max-width:360px}.service-card>a{position:absolute;right:35px;bottom:37px;font-size:24px}.approach{display:grid;grid-template-columns:1fr 1.2fr;gap:10vw;align-items:center}.approach-visual{height:650px;background:var(--sand);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.roundel{width:300px;height:300px;border:1px solid rgba(34,35,34,.25);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.roundel:before,.roundel:after{content:"";position:absolute;background:rgba(34,35,34,.2)}.roundel:before{width:1px;height:380px}.roundel:after{height:1px;width:380px}.roundel b{font:500 90px/1 Manrope;letter-spacing:-.12em;z-index:1}.roundel>span{position:absolute;top:18px;font-size:10px;letter-spacing:.35em}.stat{position:absolute;left:35px;bottom:32px}.stat strong{font:500 48px/1 Manrope;display:block}.stat span{font-size:12px;text-transform:uppercase;letter-spacing:.12em}.approach-copy>.section-label{margin-bottom:55px}.approach-copy>p{font-size:17px;line-height:1.7;color:#555;max-width:570px;margin:42px 0}.approach ul{padding:0;margin:0;list-style:none;border-top:1px solid var(--line)}.approach li{padding:19px 0;border-bottom:1px solid var(--line);font-size:15px}.approach li span{font-size:10px;opacity:.45;margin-right:28px}.projects{background:var(--ink);color:#fff}.projects-top{display:grid;grid-template-columns:2fr 1fr;gap:12vw;align-items:end;margin-bottom:75px}.projects-top .section-label{margin-bottom:45px}.projects-top p{line-height:1.7;color:rgba(255,255,255,.6)}.reference{display:grid;grid-template-columns:1.55fr 1fr;min-height:500px}.reference-image{background:linear-gradient(135deg,rgba(97,110,96,.1),rgba(20,23,20,.35)),url("assets/inkantoren-hero.png") center/cover}.reference-content{background:#f1f0ea;color:var(--ink);padding:65px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.reference-content h3{font-size:48px;margin:28px 0}.reference-content>p:not(.eyebrow){line-height:1.65;color:#555;margin-bottom:35px}.cta{min-height:630px;background:var(--sage);color:#fff;position:relative;overflow:hidden;padding:110px 8vw;display:flex;align-items:center}.cta-copy{position:relative;z-index:1}.cta h2{font-size:clamp(55px,7.2vw,108px);line-height:.98;margin:30px 0 45px}.cta h2 em{color:#e4d7cd}.cta-shape{position:absolute;right:-8vw;top:-18%;width:48vw;height:48vw;border:1px solid rgba(255,255,255,.25);border-radius:50%;display:grid;place-items:center}.cta-shape:before{content:"";position:absolute;width:70%;height:70%;border:1px solid rgba(255,255,255,.2);border-radius:50%}.cta-shape span{font:500 11vw Manrope;letter-spacing:-.12em;opacity:.18}footer{background:#181918;color:#fff;padding:75px 5vw 30px;display:grid;grid-template-columns:1.4fr 1fr .6fr;gap:7vw}.footer-brand{align-self:start}.footer-links{display:flex;flex-direction:column;gap:13px;font-size:14px;align-items:flex-start}.footer-bottom{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.15);padding-top:25px;margin-top:55px;display:flex;justify-content:space-between;color:rgba(255,255,255,.5);font-size:11px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.site-header{height:74px;padding:0 20px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:block;justify-self:end;background:none;border:0;width:32px}.menu-toggle span{display:block;height:1px;background:#fff;margin:7px 0}.desktop-nav.open{display:flex;position:absolute;top:74px;left:0;right:0;padding:25px;background:var(--ink);flex-direction:column}.hero{min-height:700px;padding:0 22px 65px;background-position:62% center}.hero h1{font-size:58px}.hero-intro{font-size:17px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-index{display:none}.section-pad{padding:80px 22px}.manifesto,.services-head,.approach,.projects-top{grid-template-columns:1fr}.manifesto{gap:45px}.manifesto-copy h2{font-size:43px}.manifesto-copy>p,.manifesto-copy .text-link{margin-left:0}.services{padding-top:75px}.services-head{padding-bottom:50px;gap:40px}.services-head h2,.approach h2,.projects h2{font-size:53px}.service-grid{grid-template-columns:1fr}.service-card{height:420px;padding:32px}.approach{gap:65px}.approach-visual{height:450px;order:2}.roundel{width:230px;height:230px}.projects-top{gap:35px}.reference{grid-template-columns:1fr}.reference-image{min-height:320px}.reference-content{padding:45px 28px}.cta{min-height:570px;padding:80px 22px}.cta h2{font-size:54px}.cta-shape{width:90vw;height:90vw;right:-40vw;top:5%}footer{grid-template-columns:1fr;padding:60px 22px 25px}.footer-bottom{flex-direction:column;gap:10px}.footer-links{margin-top:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
.hero .reveal{opacity:1;transform:none}
.brand-monogram{width:34px;height:34px;border:1px solid currentColor;display:grid;place-items:center;font:600 13px/1 "Manrope";letter-spacing:-.08em}
.hero-overlay{background:linear-gradient(90deg,rgba(10,29,51,.82) 0%,rgba(20,51,80,.38) 54%,rgba(20,51,80,.08)),linear-gradient(0deg,rgba(7,23,41,.42),transparent 45%)}
.hero h1 em,.manifesto-copy h2 em,.services-head em,.approach em,.projects em{color:var(--accent)}
.dark-card,.projects{background:#13243a}
.warm-card{background:#607c9c}
.language-switch{display:inline-flex;align-items:center;gap:8px;margin-left:4px;font-size:11px;font-weight:600;letter-spacing:.12em}.language-switch i{display:block;width:1px;height:13px;background:rgba(255,255,255,.45)}.language-switch a{opacity:.55}.language-switch a.active,.language-switch a:hover{opacity:1}.language-switch a:after{display:none}.language-switch a.active{border-bottom:1px solid currentColor;padding-bottom:3px}
.language-dropdown{position:relative;justify-self:end;z-index:30}.language-dropdown-toggle{width:58px;height:46px;padding:0 9px;border:1px solid rgba(255,255,255,.5);border-radius:2px;background:rgba(14,38,62,.18);color:#fff;display:flex;align-items:center;justify-content:space-between;cursor:pointer;backdrop-filter:blur(6px)}.language-flag{font-size:22px;line-height:1;letter-spacing:0}.language-chevron{font-size:17px;line-height:1;transition:transform .2s ease}.language-dropdown.open .language-chevron{transform:rotate(180deg)}.language-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:168px;padding:6px;background:#fff;color:#10283f;border:1px solid rgba(16,40,63,.12);border-radius:3px;box-shadow:0 14px 35px rgba(5,21,36,.2)}.language-dropdown-menu[hidden]{display:none}.language-dropdown-menu a{display:flex;align-items:center;gap:11px;padding:10px 12px;color:#10283f;font-size:13px;font-weight:600;letter-spacing:.02em;text-decoration:none;border-radius:2px}.language-dropdown-menu a:hover,.language-dropdown-menu a:focus{background:#eef3f7;outline:none}.language-dropdown-menu a[aria-current="page"]{background:#10283f;color:#fff}.language-dropdown-menu a:after{display:none}
@media(max-width:800px){.language-switch{margin:10px 0 0;align-self:flex-start}.language-switch i{height:12px}}
.transformation-card{color:#fff;background:linear-gradient(180deg,rgba(8,24,41,.3),rgba(8,24,41,.84)),url("assets/voor-na-01-exterieur.png") 73% center/cover}.workplace-card{color:#fff;background-image:linear-gradient(180deg,rgba(8,24,41,.24),rgba(8,24,41,.86)),url("assets/voor-na-08-verpauperd-interieur-gemeubileerd.png");background-position:right center;background-size:auto 100%;background-repeat:no-repeat;background-color:#13243a}
.image-card{color:#fff;background-image:linear-gradient(180deg,rgba(8,24,41,.25),rgba(8,24,41,.84)),url("assets/voor-na-07-parkeeromgeving.png");background-position:right center;background-size:auto 100%;background-repeat:no-repeat;background-color:#13243a}
.service-card{display:grid;grid-template-rows:auto 1fr 178px;align-items:start}.service-card .service-icon{align-self:center}.service-card>div:nth-of-type(3){align-self:start;min-height:178px;padding-right:30px}.service-card h3{min-height:73px}.service-card p{margin-bottom:0}
.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card{min-width:0}.service-card h3{overflow-wrap:anywhere}
@media(max-width:800px){.service-grid{grid-template-columns:1fr}.service-card{grid-template-rows:auto 1fr 166px}.service-card>div:nth-of-type(3){min-height:166px}.service-card h3{min-height:73px}}
.reference-content{background:#edf2f7}
.cta{background:#315f88}
.cta h2 em{color:#b9d2ea}
.cta-referral-note{margin-left:10px;font-size:.78em;font-weight:500;letter-spacing:.06em;text-transform:none;white-space:nowrap;opacity:.82}
@media(max-width:520px){.cta-referral-note{display:block;margin:8px 0 0}}
footer{background:#0b192a}
.reference-image{background-image:linear-gradient(135deg,rgba(19,36,58,.05),rgba(19,36,58,.2)),url("assets/the-core-group-kromme-schaft.jpg");background-position:center;background-size:cover}
.ks3-reference{grid-template-columns:minmax(0,1.45fr) minmax(390px,.85fr);min-height:650px;background:#edf2f7}
.ks3-gallery{position:relative;min-width:0;overflow:hidden;background:#0b192a;color:#fff}
.ks3-slides,.ks3-slide{position:absolute;inset:0;margin:0}
.ks3-slide{opacity:0;transform:scale(1.025);transition:opacity .7s ease,transform 1.1s ease;pointer-events:none}
.ks3-slide.active{opacity:1;transform:scale(1);pointer-events:auto}
.ks3-slide img{width:100%;height:100%;object-fit:cover;display:block}
.ks3-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,20,35,.64),transparent 38%)}
.ks3-slide figcaption{position:absolute;z-index:1;left:34px;bottom:84px;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.ks3-controls{position:absolute;z-index:2;left:34px;right:34px;bottom:26px;display:flex;align-items:center;justify-content:space-between}
.ks3-count{display:flex;gap:7px;align-items:baseline}.ks3-count strong{font:500 25px/1 "Manrope"}.ks3-count span{font-size:11px;opacity:.6}
.ks3-buttons{display:flex;gap:8px}.ks3-buttons button{width:44px;height:44px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(12,32,52,.2);color:#fff;font-size:18px;cursor:pointer;transition:.25s}.ks3-buttons button:hover{background:#fff;color:#13243a}
.ks3-progress{position:absolute;z-index:2;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.18)}.ks3-progress span{display:block;width:14.285%;height:100%;background:#a9cce9;transition:transform .5s ease}
.ks3-content{padding:52px 48px}.ks3-content h3{font-size:24px;margin:24px 0 5px;color:#617892}.ks3-content h4{font:500 47px/1.05 "Manrope";letter-spacing:-.05em;margin:0 0 24px;color:#13243a}.ks3-content>p:not(.eyebrow){font-size:15px;margin-bottom:28px}
.ks3-stats{display:grid;grid-template-columns:1fr 1fr;width:100%;border-top:1px solid rgba(19,36,58,.15);margin-bottom:30px}.ks3-stats div{padding:18px 10px 16px 0;border-bottom:1px solid rgba(19,36,58,.15)}.ks3-stats div:nth-child(odd){border-right:1px solid rgba(19,36,58,.15)}.ks3-stats div:nth-child(even){padding-left:20px}.ks3-stats strong{display:block;font:500 25px/1.1 "Manrope"}.ks3-stats span{display:block;margin-top:5px;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#667481}
@media(max-width:900px){.ks3-reference{grid-template-columns:1fr}.ks3-gallery{min-height:480px}.ks3-content{padding:42px 28px}.ks3-content h4{font-size:40px}}
@media(max-width:520px){.ks3-gallery{min-height:390px}.ks3-slide figcaption{left:22px;bottom:76px}.ks3-controls{left:22px;right:22px}.ks3-stats strong{font-size:22px}}
.ks3-reference{width:min(100%,1120px);min-height:520px;margin:0 auto;grid-template-columns:minmax(0,1.35fr) minmax(360px,.85fr);box-shadow:0 22px 55px rgba(5,24,43,.2)}
.ks3-gallery{min-height:520px}
.ks3-content{padding:38px 40px}.ks3-content h3{margin-top:19px}.ks3-content h4{font-size:40px;margin-bottom:18px}.ks3-content>p:not(.eyebrow){font-size:14px;line-height:1.55;margin-bottom:20px}.ks3-stats{margin-bottom:0}.ks3-stats div{padding-top:14px;padding-bottom:13px}.ks3-stats strong{font-size:22px}
@media(max-width:900px){.ks3-reference{grid-template-columns:1fr;max-width:680px}.ks3-gallery{min-height:420px}.ks3-content{padding:34px 28px}}
@media(max-width:520px){.ks3-gallery{min-height:320px}.ks3-content h4{font-size:34px}}
.values-editorial{width:min(100%,1120px);margin:110px auto 0;padding-top:72px;border-top:1px solid rgba(255,255,255,.2);color:#fff}
.values-heading{display:grid;grid-template-columns:1.2fr 1fr;column-gap:100px;align-items:end;margin-bottom:55px}.values-heading .eyebrow{grid-column:1/-1;margin-bottom:30px}.values-heading h3{font-size:clamp(48px,6vw,82px);line-height:.98;margin:0;color:#fff}.values-heading h3 em{color:#a9cce9}.values-heading>p:last-child{font-size:16px;line-height:1.7;color:rgba(255,255,255,.68);margin:0 0 7px}
.values-showcase{position:relative;height:560px;overflow:hidden;background:#0b192a}.values-photo{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .7s ease}.values-photo.active{opacity:1}.values-photo img{width:100%;height:100%;display:block;object-fit:cover}.values-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,20,37,.62),transparent 45%)}.values-photo figcaption{position:absolute;z-index:1;left:38px;bottom:35px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.values-photo figcaption span{opacity:.55;margin-right:18px}
.values-photo-energy .energy-label{position:absolute;z-index:2;bottom:24px;width:126px;padding:11px 12px 12px;border:1px solid rgba(255,255,255,.42);border-radius:3px;box-shadow:0 14px 35px rgba(2,13,25,.28);color:#fff;background:rgba(7,29,50,.9);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.values-photo-energy .energy-label-before{left:24px}.values-photo-energy .energy-label-after{right:24px}.energy-title,.energy-label small{display:block;text-transform:uppercase;letter-spacing:.1em}.energy-title{font-size:8px;font-weight:700;margin-bottom:4px}.energy-label small{font-size:7px;opacity:.62;margin-bottom:7px}.energy-scale{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.energy-scale b{display:block;height:12px;min-width:30px;padding:0 7px;color:#fff;font-size:7px;line-height:12px;font-weight:700;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,0 100%);opacity:.72}.energy-scale b:nth-child(1){width:48px}.energy-scale b:nth-child(2){width:54px}.energy-scale b:nth-child(3){width:60px}.energy-scale b:nth-child(4){width:66px}.energy-scale b:nth-child(5){width:72px}.energy-scale b:nth-child(6){width:78px}.energy-scale b:nth-child(7){width:84px}.energy-scale b:nth-child(8){width:90px}.energy-scale b:nth-child(9){width:96px}.energy-scale b:nth-child(10){width:102px}.energy-scale [data-grade="appp"],.energy-scale [data-grade="app"],.energy-scale [data-grade="ap"]{background:#16874f}.energy-scale [data-grade="a"]{background:#43a846}.energy-scale [data-grade="b"]{background:#78b83a}.energy-scale [data-grade="c"]{background:#c1c52b}.energy-scale [data-grade="d"]{background:#e3bd18}.energy-scale [data-grade="e"]{background:#e6951d}.energy-scale [data-grade="f"]{background:#db5521}.energy-scale [data-grade="g"]{background:#c62828}.energy-scale b.current{height:24px;width:114px;font-size:16px;line-height:24px;opacity:1;box-shadow:0 3px 10px rgba(0,0,0,.24)}.values-photo-energy figcaption{top:27px;bottom:auto;left:28px;right:auto;white-space:nowrap;text-align:left;text-shadow:0 2px 12px rgba(0,0,0,.55)}
.values-nav{position:absolute;z-index:3;right:32px;top:24px;display:flex;align-items:center;gap:26px}.values-dots{display:flex;gap:8px}.values-dots i{width:22px;height:2px;background:rgba(255,255,255,.35)}.values-dots i.active{background:#fff}.values-nav button{width:42px;height:42px;margin-left:7px;border:1px solid rgba(255,255,255,.55);background:transparent;color:#fff;border-radius:50%;font-size:17px;cursor:pointer}.values-nav button:hover{background:#fff;color:#13243a}
.values-list{display:grid;grid-template-columns:1fr 1fr;margin-top:60px;border-top:1px solid rgba(255,255,255,.18)}.values-list article{display:grid;grid-template-columns:42px 1fr;column-gap:18px;padding:34px 32px 34px 0;border-bottom:1px solid rgba(255,255,255,.18)}.values-list article:nth-child(odd){border-right:1px solid rgba(255,255,255,.18)}.values-list article:nth-child(even){padding-left:32px}.values-list article>span{grid-row:1/3;font-size:10px;color:#a9cce9;letter-spacing:.12em}.values-list h4{font:500 22px/1.2 "Manrope";letter-spacing:-.03em;margin:0 0 10px}.values-list p{font-size:13px;line-height:1.65;color:rgba(255,255,255,.6);margin:0;max-width:420px}
@media(max-width:800px){.values-editorial{margin-top:80px;padding-top:55px}.values-heading{grid-template-columns:1fr;gap:28px}.values-heading .eyebrow{margin-bottom:0}.values-showcase{height:430px}.values-list{grid-template-columns:1fr}.values-list article:nth-child(odd){border-right:0}.values-list article:nth-child(even){padding-left:0}.values-nav{right:20px}.values-photo figcaption{left:22px;right:150px}}
@media(max-width:520px){.values-showcase{height:350px}.values-heading h3{font-size:43px}.values-photo figcaption{font-size:9px;bottom:28px}.values-dots{display:none}.values-list article{padding-right:0}}
@media(max-width:520px){.values-photo-energy .energy-label{bottom:14px;width:98px;padding:8px}.values-photo-energy .energy-label-before{left:10px}.values-photo-energy .energy-label-after{right:10px}.energy-title{font-size:6px}.energy-label small{font-size:6px;margin-bottom:5px}.energy-scale{gap:1px}.energy-scale b{height:8px;line-height:8px;font-size:5px}.energy-scale b:nth-child(1){width:34px}.energy-scale b:nth-child(2){width:39px}.energy-scale b:nth-child(3){width:44px}.energy-scale b:nth-child(4){width:49px}.energy-scale b:nth-child(5){width:54px}.energy-scale b:nth-child(6){width:59px}.energy-scale b:nth-child(7){width:64px}.energy-scale b:nth-child(8){width:69px}.energy-scale b:nth-child(9){width:74px}.energy-scale b:nth-child(10){width:79px}.energy-scale b.current{height:18px;width:88px;font-size:12px;line-height:18px}.values-photo-energy figcaption{top:15px;bottom:auto;left:14px;right:auto}}
.site-footer{padding:78px 5vw 30px;grid-template-columns:1.25fr .8fr 1fr 1.15fr;gap:5vw}.footer-column{min-width:0}.footer-column h3{margin:2px 0 25px;font:600 11px/1.2 "DM Sans",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.52)}.footer-identity p{margin:28px 0 0;max-width:210px;font-size:14px;line-height:1.6;color:rgba(255,255,255,.58)}.footer-links{margin:0;gap:14px}.footer-links h3{margin-bottom:11px}.footer-links a{width:max-content;font-size:14px}.footer-partners a span{margin-left:7px;opacity:.55}.footer-contact address{margin:0 0 27px;font-style:normal;font-size:14px;line-height:1.75;color:rgba(255,255,255,.72)}.footer-contact-button{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.52);padding:13px 15px;font-size:12px;font-weight:600;transition:.25s}.footer-contact-button span{margin-left:22px}.footer-contact-button:hover{background:#fff;color:#0b192a}.site-footer .footer-bottom{margin-top:40px}.site-footer .footer-bottom a{width:max-content}
@media(max-width:900px){.site-footer{grid-template-columns:1fr 1fr;gap:55px 9vw}.site-footer .footer-bottom{grid-column:1/-1}}
@media(max-width:560px){.site-footer{grid-template-columns:1fr;gap:42px;padding:58px 22px 25px}.site-footer .footer-bottom{grid-column:1}.footer-links{margin-top:0}.footer-column h3{margin-bottom:18px}}
.contact-detail-page{background:#0b192a;color:#fff}.contact-detail{min-height:100vh;padding:180px 8vw 90px;display:grid;grid-template-columns:1.4fr .7fr;gap:10vw;align-items:center;background:linear-gradient(135deg,rgba(11,25,42,.96),rgba(49,95,136,.78)),url("assets/inkantoren-hero.png") center/cover}.contact-detail h1{font-size:clamp(56px,7vw,108px);line-height:.96;margin:28px 0 0}.contact-detail h1 em{color:#b9d2ea}.contact-detail-card{padding:42px;border:1px solid rgba(255,255,255,.3);background:rgba(11,25,42,.56);backdrop-filter:blur(10px)}.contact-detail-card h2{font-size:28px;margin:0 0 28px}.contact-detail-card address{font-style:normal;font-size:17px;line-height:1.8;margin-bottom:32px}.contact-detail-page .site-header{position:absolute}
@media(max-width:800px){.contact-detail{grid-template-columns:1fr;padding:135px 22px 65px;gap:55px}.contact-detail h1{font-size:54px}.contact-detail-card{padding:30px}}
.desktop-nav>a.active-page:after{width:100%}.about-page{background:#f5f4ef}.about-hero{min-height:720px;padding:180px 8vw 90px;display:flex;align-items:flex-end;color:#fff;background:linear-gradient(90deg,rgba(8,24,41,.82),rgba(8,24,41,.18)),url("assets/voor-na-01-exterieur.png") 72% center/cover}.about-hero-copy{max-width:840px}.about-hero h1{font-size:clamp(64px,8vw,120px);line-height:.9;margin:26px 0 32px}.about-hero h1 em{color:#b9d2ea}.about-hero-copy>p:last-child{max-width:600px;font-size:19px;line-height:1.65;color:rgba(255,255,255,.8)}.about-intro{display:grid;grid-template-columns:1fr 2.2fr;gap:8vw}.about-intro h2,.about-team h2,.about-cta h2{font-size:clamp(48px,6vw,88px);line-height:1.02;margin:0}.about-intro h2 em,.about-team h2 em{color:#607c9c}.about-intro div:last-child>p{max-width:720px;margin:42px 0 0 18%;font-size:17px;line-height:1.75;color:#555}.about-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding-top:0}.about-principles article{min-height:390px;padding:42px;background:#13243a;color:#fff;display:flex;flex-direction:column}.about-principles article:nth-child(2){background:#315f88}.about-principles article:nth-child(3){background:#607c9c}.about-principles article>span{font-size:10px;opacity:.5}.about-principles h3{margin:auto 0 22px;font-size:34px}.about-principles p{line-height:1.65;color:rgba(255,255,255,.72);margin:0}.about-team{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:start}.about-team>div:last-child>p{font-size:17px;line-height:1.7;color:#555;margin-bottom:32px}.about-team ul{list-style:none;padding:0;margin:0;border-top:1px solid #ccd4dc}.about-team li{padding:18px 0;border-bottom:1px solid #ccd4dc;font-size:14px}.about-cta{padding:110px 8vw;background:#315f88;color:#fff}.about-cta h2{margin:28px 0 45px}.about-cta h2 em{color:#b9d2ea}
@media(max-width:800px){.about-hero{min-height:650px;padding:140px 22px 65px}.about-hero h1{font-size:58px}.about-intro,.about-team{grid-template-columns:1fr;gap:45px}.about-intro div:last-child>p{margin-left:0}.about-principles{grid-template-columns:1fr}.about-principles article{min-height:330px}.about-cta{padding:80px 22px}.about-cta h2{font-size:52px}}
.about-compact-intro{min-height:610px;padding:170px 8vw 90px;display:grid;grid-template-columns:1.2fr 1fr;gap:10vw;align-items:end;color:#fff;background:linear-gradient(90deg,rgba(8,24,41,.94),rgba(49,95,136,.72)),url("assets/inkantoren-hero.png") center/cover}.about-compact-intro h1{font-size:clamp(62px,7vw,106px);line-height:.92;margin:28px 0 0}.about-compact-intro h1 em{color:#b9d2ea}.about-compact-intro>p{max-width:600px;margin:0 0 10px;font-size:18px;line-height:1.75;color:rgba(255,255,255,.8)}.team-book{background:#f5f4ef}.team-book-heading{display:grid;grid-template-columns:1fr 2.2fr;gap:8vw;align-items:end;margin-bottom:55px}.team-book-heading h2{font-size:clamp(48px,5.5vw,80px);line-height:1.03;margin:0}.team-book-heading h2 em{color:#607c9c}.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.team-person{min-width:0}.team-portrait{aspect-ratio:4/5;display:grid;place-items:center;background:linear-gradient(145deg,#dce5ed,#9fb4c8);overflow:hidden}.team-portrait:before{content:"";position:absolute}.team-portrait span{font:500 clamp(42px,5vw,72px)/1 "Manrope",sans-serif;letter-spacing:-.08em;color:#13243a;opacity:.76}.team-person h3{font-size:20px;letter-spacing:-.03em;margin:18px 0 0}.team-person:nth-child(even) .team-portrait{background:linear-gradient(145deg,#d7e0e8,#7f9eb8)}
@media(max-width:900px){.about-compact-intro{grid-template-columns:1fr;gap:38px;padding:145px 22px 70px}.about-compact-intro h1{font-size:58px}.team-book-heading{grid-template-columns:1fr;gap:30px}.team-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.team-grid{gap:12px}.team-person h3{font-size:16px}.team-portrait span{font-size:38px}}

/* Definitieve, onderling afgestemde teamportretten. */
.team-portrait img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center 30%;
  filter:brightness(.96) contrast(1.03);
}
.team-portrait img[alt="Bram van Lith"]{
  object-position:center 24%;
  transform:translateY(4%) scale(1.16);
  transform-origin:center 24%;
}
.team-portrait img[alt="Hans van Lith"]{
  object-position:center 55%;
  transform:scale(1.16);
  transform-origin:center 42%;
}
.team-portrait img[alt="Rik Gijtenbeek"]{
  object-position:center 30%;
  transform:scale(1.16);
  transform-origin:center 30%;
}
.team-portrait.studio-portrait{
  position:relative;
  background:#070909;
  box-shadow:0 16px 34px rgba(11,25,42,.16);
}
.team-portrait.studio-portrait:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.16),transparent 25%,transparent 72%,rgba(0,0,0,.18));
  box-shadow:inset 0 0 54px rgba(0,0,0,.34);
}
.contact-detail-page .contact-detail{grid-template-columns:.8fr 1.2fr;min-height:100vh;padding-top:145px}.contact-form-card{width:100%;padding:38px 42px}.contact-form-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.contact-form-heading h2{margin:0}.contact-form-heading p{margin:0;font-size:10px;color:rgba(255,255,255,.55);text-align:right}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:20px 22px}.contact-form label{display:flex;flex-direction:column;gap:8px}.contact-form label>span{font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.68)}.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.38);border-radius:0;background:transparent;color:#fff;padding:9px 0 11px;font:400 15px/1.4 "DM Sans",sans-serif;outline:none}.contact-form textarea{resize:vertical;min-height:104px}.contact-form input:focus,.contact-form textarea:focus{border-bottom-color:#fff}.contact-form input:invalid:not(:placeholder-shown),.contact-form textarea:invalid:not(:placeholder-shown){border-bottom-color:#e5a29b}.contact-message{grid-column:1/-1}.contact-submit{grid-column:1/-1;justify-self:start;margin-top:4px;border:1px solid rgba(255,255,255,.62);background:#fff;color:#13243a;padding:14px 17px;font:600 12px/1 "DM Sans",sans-serif;cursor:pointer}.contact-submit span{margin-left:28px}.contact-submit:hover{background:#b9d2ea}
@media(max-width:900px){.contact-detail-page .contact-detail{grid-template-columns:1fr;padding-top:135px}.contact-form-card{padding:32px}}
@media(max-width:560px){.contact-form{grid-template-columns:1fr}.contact-message,.contact-submit{grid-column:1}.contact-form-heading{display:block}.contact-form-heading p{text-align:left;margin-top:8px}.contact-form-card{padding:26px 22px}}
.header-language{justify-self:end;margin:0;padding:12px 14px;border:1px solid rgba(255,255,255,.5);border-radius:2px}.header-language i{background:rgba(255,255,255,.42)}
@media(max-width:800px){.site-header{grid-template-columns:1fr auto auto;column-gap:14px}.header-language{display:inline-flex;align-self:center;margin:0;padding:9px 10px}.menu-toggle{align-self:center;display:flex;height:44px;margin-left:0;padding:0;flex-direction:column;justify-content:center}}
@media(max-width:800px){.language-dropdown{align-self:center}.language-dropdown-toggle{width:52px;height:42px;padding:0 7px}.language-dropdown-menu{top:calc(100% + 6px)}.language-flag{font-size:21px}}
@media(max-width:420px){.header-language{gap:6px;padding:8px;font-size:10px}.brand{font-size:20px}.brand-monogram{width:30px;height:30px}}
@media(max-width:420px){.site-header{column-gap:9px}.language-dropdown-toggle{width:48px;height:40px}.language-dropdown-menu{min-width:158px}.language-dropdown-menu a{padding:9px 10px}.language-flag{font-size:20px}}
/* Ruimere tussenkoppen op de hoofdpagina. */
.manifesto>.section-label,
.services-head .section-label,
.approach-copy>.section-label,
.projects-top .section-label,
.values-heading>.eyebrow,
.cta-copy>.eyebrow{
  font-size:15px;
  line-height:1.35;
  letter-spacing:.13em;
}

@media(max-width:700px){
  .manifesto>.section-label,
  .services-head .section-label,
  .approach-copy>.section-label,
  .projects-top .section-label,
  .values-heading>.eyebrow,
  .cta-copy>.eyebrow{font-size:13px}
}
/* Uitsluitend de nieuwe situaties in 'Wat we doen'. */
.transformation-card{
  background-image:linear-gradient(180deg,rgba(8,24,41,.3),rgba(8,24,41,.84)),url("assets/service-na-transformatie.png");
  background-position:center;
  background-size:cover;
}
.workplace-card{
  background-image:linear-gradient(180deg,rgba(8,24,41,.24),rgba(8,24,41,.86)),url("assets/service-na-werkplek.png");
  background-position:center;
  background-size:cover;
}
.image-card{
  background-image:linear-gradient(180deg,rgba(8,24,41,.25),rgba(8,24,41,.84)),url("assets/service-na-duurzaamheid.png");
  background-position:center;
  background-size:cover;
}

/* Laat de kaarten en tekstblokken meegroeien bij smallere vensters. */
.service-card{
  height:auto;
  min-height:520px;
  grid-template-rows:auto minmax(90px,1fr) auto;
}
.service-card>div:nth-of-type(3){
  min-height:0;
  padding-right:0;
}
.service-card h3{
  min-height:0;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}
.service-card h3 .keep-word{white-space:nowrap}

@media(max-width:1100px) and (min-width:801px){
  .service-card h3{font-size:30px}
  .service-card p{font-size:15px}
}

/* Op telefoon en tablet staat de volledige tekst onder de kaartfoto. */
@media(max-width:1100px){
  .service-grid{grid-template-columns:1fr}
  .service-card{
    display:block;
    min-height:0;
    padding:0;
    overflow:hidden;
    background-position:center top;
    background-size:cover;
  }
  .service-card .service-number{
    position:absolute;
    z-index:1;
    top:28px;
    left:28px;
  }
  .service-card .service-icon{
    display:flex;
    height:clamp(280px,52vw,430px);
    align-items:center;
    justify-content:center;
  }
  .service-card>div:nth-of-type(3){
    position:relative;
    z-index:1;
    min-height:0;
    padding:30px 28px 34px;
    background:#13243a;
  }
  .service-card h3{
    min-height:0;
    overflow-wrap:normal;
    word-break:normal;
    hyphens:none;
  }
}

@media(max-width:800px){
  .service-card{
    min-height:0;
  }
}

@media(max-width:420px){
  .service-card{
    min-height:0;
    padding:0;
  }
  .service-card h3{font-size:29px}
}
/* Vergrote tussenkoppen op de Over ons-pagina. */
.team-book-heading .section-label,
.about-compact-intro .eyebrow{
  font-size:15px;
  line-height:1.35;
  letter-spacing:.13em;
}

@media(max-width:700px){
  .team-book-heading .section-label,
  .about-compact-intro .eyebrow{font-size:13px}
}
/* Beter zichtbare taalwisselaar boven fotografie. */
.header-language{
  padding:8px;
  gap:5px;
  border:1px solid rgba(255,255,255,.9);
  background:rgba(8,24,41,.74);
  box-shadow:0 7px 22px rgba(0,0,0,.24);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.header-language a{
  min-width:34px;
  padding:7px 6px;
  text-align:center;
  opacity:.82;
}
.header-language a.active{
  padding:7px 6px;
  border-bottom:0;
  background:#fff;
  color:#13243a;
  opacity:1;
}
.header-language i{height:18px;background:rgba(255,255,255,.72)}

/* Duidelijke, maar rustige bediening voor de voor/na-slideshow. */
.values-nav button{
  width:46px;
  height:46px;
  border:1px solid rgba(255,255,255,.82);
  background:rgba(8,24,41,.62);
  color:#fff;
  box-shadow:0 4px 12px rgba(0,0,0,.22);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
  font-size:20px;
  line-height:1;
  transition:background .2s,color .2s,transform .2s;
}
.values-nav button:hover{
  background:#fff;
  color:#13243a;
  transform:translateY(-2px);
}
.values-nav button:focus-visible{
  outline:3px solid #7fa8d1;
  outline-offset:3px;
}
.values-dots i{height:3px;box-shadow:0 1px 5px rgba(0,0,0,.45)}

@media(max-width:520px){
  .values-nav button{width:42px;height:42px;font-size:18px}
  .header-language{padding:6px}
  .header-language a{min-width:31px;padding:6px 5px}
  .header-language a.active{padding:6px 5px}
}

/* Projectenpagina. */
.project-page{background:#f3f6f9}
.project-hero{min-height:720px;padding:180px 8vw 80px;display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end;color:#fff;position:relative;background:linear-gradient(90deg,rgba(8,24,41,.92),rgba(19,36,58,.5)),url("assets/inkantoren-hero.png") center/cover}
.project-hero h1{font-size:clamp(64px,7.5vw,112px);line-height:.9;margin:28px 0 0}.project-hero h1 em{color:#b9d2ea}.project-hero>p{max-width:560px;margin:0 0 12px;font-size:18px;line-height:1.75;color:rgba(255,255,255,.8)}
.project-tally{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:48px;border-top:1px solid rgba(255,255,255,.28);border-bottom:1px solid rgba(255,255,255,.28)}.project-tally span{padding:24px 26px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;border-right:1px solid rgba(255,255,255,.28)}.project-tally span:last-child{border-right:0}.project-tally b{font:500 30px/1 Manrope;letter-spacing:-.04em;margin-right:16px;color:#b9d2ea}
.project-intro{display:grid;grid-template-columns:1fr 2.2fr;gap:8vw;align-items:end;margin-bottom:58px}.project-intro h2{font-size:clamp(50px,6vw,88px);line-height:1;margin:0}.project-intro h2 em{color:#607c9c}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:430px;gap:16px}.project-card{position:relative;overflow:hidden;padding:34px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:#13243a}.project-card:not(.project-card-light){background-image:linear-gradient(180deg,rgba(8,24,41,.15),rgba(8,24,41,.82)),var(--project-image);background-position:center;background-size:cover}.project-card-large{grid-row:span 2}.project-card-wide{grid-column:1/-1}.project-card:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.12);pointer-events:none}.project-status{position:relative;z-index:1;align-self:flex-start;padding:9px 12px;background:rgba(8,24,41,.76);font-size:9px;text-transform:uppercase;letter-spacing:.13em;backdrop-filter:blur(7px)}.project-card>div{position:relative;z-index:1}.project-card p{font-size:10px;text-transform:uppercase;letter-spacing:.16em;margin:0 0 12px;opacity:.7}.project-card h3{font-size:clamp(34px,4vw,58px);line-height:1;margin:0 0 14px}.project-card>div>span{font-size:14px;color:rgba(255,255,255,.72)}.project-card-light{color:#13243a;background:#dce5ee}.project-card-blue{background:#b7cce0}.project-card-light:after{border-color:rgba(19,36,58,.12)}.project-card-light .project-status{background:#fff;color:#13243a}.project-card-light>div>span{color:rgba(19,36,58,.68)}.status-live{border-left:3px solid #7fa8d1}.status-potential{border-left:3px solid #607c9c}.status-done{border-left:3px solid #a9cce9}.project-note{max-width:760px;margin:30px 0 0 auto;font-size:12px;line-height:1.65;color:#687889}
.project-card .project-soon{display:flex;width:max-content;align-items:center;margin-top:24px;padding:12px 17px;border:1px solid rgba(19,36,58,.48);color:#13243a;font-size:10px;font-weight:600;line-height:1;text-transform:uppercase;letter-spacing:.14em;background:rgba(255,255,255,.3);cursor:default}.project-card .project-soon:after{content:"→";margin-left:22px;opacity:.48}.project-card-light .project-soon{color:#13243a}
.project-cta{min-height:540px;padding:100px 8vw;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(11,25,42,.94),rgba(49,95,136,.62)),url("assets/ks3-green.jpg") center/cover}.project-cta h2{font-size:clamp(55px,7vw,102px);line-height:.95;margin:28px 0 42px}.project-cta h2 em{color:#b9d2ea}
@media(max-width:800px){.project-hero{grid-template-columns:1fr;gap:35px;min-height:760px;padding:145px 22px 55px}.project-hero h1{font-size:58px}.project-tally{grid-template-columns:1fr;margin-top:20px}.project-tally span{border-right:0;border-bottom:1px solid rgba(255,255,255,.2);padding:17px 0}.project-intro{grid-template-columns:1fr;gap:34px}.project-intro h2{font-size:52px}.project-grid{grid-template-columns:1fr;grid-auto-rows:390px}.project-card-large{grid-row:span 1}.project-card-wide{grid-column:auto}.project-card{padding:28px}.project-cta{min-height:520px;padding:80px 22px}.project-cta h2{font-size:52px}}

/* Drie afzonderlijke projecthoofdstukken. */
.project-chapter{padding:72px 0 96px;border-top:1px solid rgba(19,36,58,.18)}
.project-chapter:first-of-type{margin-top:0}
.chapter-heading{display:grid;grid-template-columns:60px 1.2fr 1fr;gap:28px;align-items:end;margin-bottom:42px}
.chapter-heading>span{align-self:start;font:500 12px/1 Manrope;color:#607c9c;letter-spacing:.12em}
.chapter-heading h3{font-size:clamp(52px,6.5vw,96px);line-height:.98;margin:0}
.chapter-heading>p{max-width:420px;margin:0 0 5px;font-size:15px;line-height:1.65;color:#687889}
.development-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}
.development-card{background:#fff;box-shadow:0 16px 38px rgba(11,25,42,.09)}
.development-image{height:470px;padding:26px;background-image:linear-gradient(180deg,rgba(8,24,41,.1),rgba(8,24,41,.42)),var(--project-image);background-position:center;background-size:cover}
.development-card:nth-child(2) .development-image{height:390px}
.development-image>span{display:inline-block;padding:9px 12px;border-left:3px solid #7fa8d1;background:rgba(8,24,41,.78);color:#fff;font-size:9px;text-transform:uppercase;letter-spacing:.13em}
.development-copy{padding:28px 30px 32px}.development-copy p,.exploration-card p,.completed-copy>p:first-of-type{margin:0 0 12px;font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#607c9c}.development-copy h4,.exploration-card h4,.completed-copy h4{font:500 clamp(30px,3.8vw,52px)/1 Manrope;letter-spacing:-.05em;margin:0 0 14px}.development-copy>span,.exploration-card div>span{font-size:14px;color:#687889}
.exploration-chapter{margin-left:-8vw;margin-right:-8vw;padding:86px 8vw 96px;background:#13243a;color:#fff;border-top:0}.exploration-chapter .chapter-heading>span,.exploration-chapter .chapter-heading>div>p{color:#a9cce9}.exploration-chapter .chapter-heading>p{color:rgba(255,255,255,.62)}
.exploration-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.exploration-card{min-height:270px;padding:0;background:#fff;color:#13243a;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;box-shadow:0 18px 45px rgba(0,0,0,.14)}
.exploration-card:nth-child(2){background:#edf2f7}.exploration-location{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(19,36,58,.14)}.exploration-location .place-index{font:500 11px/1 Manrope;color:#607c9c;letter-spacing:.12em}.exploration-location p{margin:0;color:#607c9c}.exploration-copy{align-self:center;padding:30px 24px 18px}.exploration-copy h4{margin-bottom:12px}.exploration-copy>span{color:#687889}
.exploration-card .project-soon{display:flex;justify-content:space-between;width:auto;margin:0 24px 24px;padding:13px 0 11px;border:0;border-top:1px solid rgba(19,36,58,.28);background:transparent;color:#13243a;font-size:9px;letter-spacing:.18em}.exploration-card .project-soon:after{content:"Beschikbaar zodra het project start";margin-left:20px;font-weight:400;letter-spacing:.04em;text-transform:none;color:#718092;opacity:1}.exploration-chapter .project-note{color:rgba(255,255,255,.5)}
html[lang="en"] .exploration-card .project-soon:after{content:"Available when the project starts"}
.completed-chapter{padding-bottom:20px}.completed-feature{display:grid;grid-template-columns:1.45fr .75fr;min-height:560px;background:#dce5ee}.completed-image{min-height:500px;background:linear-gradient(135deg,rgba(19,36,58,.04),rgba(19,36,58,.22)),url("assets/the-core-group-kromme-schaft.jpg") center/cover}.completed-copy{padding:54px 46px;display:flex;flex-direction:column;justify-content:center}.completed-label{align-self:flex-start;margin-bottom:36px;padding:9px 12px;border-left:3px solid #315f88;background:#fff;font-size:9px;text-transform:uppercase;letter-spacing:.13em}.completed-copy>p:nth-of-type(2){font-size:15px;line-height:1.65;color:#607084}.completed-meta{display:grid;grid-template-columns:1fr 1fr;margin-top:30px;border-top:1px solid rgba(19,36,58,.18)}.completed-meta span{padding:16px 12px 14px 0;border-bottom:1px solid rgba(19,36,58,.18);font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#607084}.completed-meta span:nth-child(even){padding-left:18px;border-left:1px solid rgba(19,36,58,.18)}.completed-meta b{display:block;margin-bottom:6px;font:500 22px/1 Manrope;color:#13243a;letter-spacing:-.04em}
@media(max-width:800px){.project-chapter{padding:58px 0 72px}.chapter-heading{grid-template-columns:42px 1fr;gap:18px}.chapter-heading>p{grid-column:2}.development-grid,.exploration-grid,.completed-feature{grid-template-columns:1fr}.development-image,.development-card:nth-child(2) .development-image{height:360px}.exploration-chapter{margin-left:-22px;margin-right:-22px;padding:66px 22px 72px}.exploration-card{min-height:280px}.completed-image{min-height:360px}.completed-copy{padding:38px 28px}}

/* Server-side toegang tot afgeschermde projectcampagnes. */
.exploration-card button.project-soon{font:600 9px/1 Manrope;text-align:left;cursor:pointer}.exploration-card button.project-soon:after{content:"Open beveiligde projectpagina →"}.exploration-card button.project-soon:hover{color:#315f88;border-top-color:#315f88}.project-access-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:24px;visibility:hidden;opacity:0;transition:opacity .2s,visibility .2s}.project-access-modal.open{visibility:visible;opacity:1}.project-access-backdrop{position:absolute;inset:0;background:rgba(5,16,29,.8);backdrop-filter:blur(7px)}.project-access-dialog{position:relative;width:min(520px,100%);padding:48px;background:#f3f6f9;color:#13243a;box-shadow:0 24px 70px rgba(0,0,0,.28)}.project-access-close{position:absolute;top:14px;right:18px;border:0;background:transparent;color:#13243a;font:300 34px/1 Manrope;cursor:pointer}.project-access-dialog .eyebrow{color:#607c9c}.project-access-dialog h2{font-size:clamp(36px,5vw,54px);line-height:1;margin:16px 0}.project-access-intro{color:#596a7a;line-height:1.6}.project-access-form{display:grid;gap:12px;margin-top:30px}.project-access-form label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em}.project-access-form input{width:100%;padding:15px 16px;border:1px solid #aeb9c4;background:#fff;color:#13243a;font:500 16px Manrope}.project-access-form input:focus{outline:2px solid #607c9c;outline-offset:2px}.project-access-submit{padding:15px 18px;border:0;background:#13243a;color:#fff;font:600 11px Manrope;text-transform:uppercase;letter-spacing:.12em;cursor:pointer}.project-access-submit:hover{background:#315f88}.project-access-error{min-height:22px;margin:2px 0 0;color:#a23535;font-size:13px}.project-access-error:empty{visibility:hidden}html[lang="en"] .exploration-card button.project-soon:after{content:"Open protected project page →"}@media(max-width:600px){.project-access-modal{padding:12px}.project-access-dialog{padding:42px 22px 26px}}

/* Projectpagina Zeist */
.exploration-card .project-soon-live{background:#13243a;color:#fff;padding:14px 16px;border-top:0;transition:.25s}.exploration-card .project-soon-live:after{content:"Open project →";color:rgba(255,255,255,.65)}.exploration-card .project-soon-live:hover{background:#315f88}
.zeist-page{background:#f3f6f9}.zeist-hero{height:min(900px,100vh);min-height:760px;position:relative;color:#fff;display:flex;align-items:flex-end;padding:0 8vw 80px;overflow:hidden}.zeist-hero-image,.zeist-hero-shade{position:absolute;inset:0}.zeist-hero-image{background:url("assets/zeist-villa.jpg") center/cover;transform:scale(1.01)}.zeist-hero-shade{background:linear-gradient(90deg,rgba(7,22,38,.88) 0%,rgba(7,22,38,.42) 53%,rgba(7,22,38,.12)),linear-gradient(0deg,rgba(7,22,38,.55),transparent 55%)}.zeist-hero-copy{position:relative;z-index:1;max-width:900px}.zeist-back{display:inline-block;margin-bottom:46px;font-size:12px;letter-spacing:.06em;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:6px}.zeist-hero h1{font-size:clamp(64px,7.7vw,116px);line-height:.9;margin:25px 0 32px}.zeist-hero h1 em{color:#b9d2ea}.zeist-hero-copy>p:last-child{max-width:650px;font-size:18px;line-height:1.65;color:rgba(255,255,255,.82)}.zeist-status{position:absolute;z-index:1;right:8vw;bottom:82px;border-left:1px solid rgba(255,255,255,.5);padding-left:22px}.zeist-status span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.18em;opacity:.65;margin-bottom:8px}.zeist-status strong{font:500 15px Manrope}.zeist-intro{display:grid;grid-template-columns:1fr 2.2fr;gap:8vw}.zeist-intro-copy h2,.zeist-potential h2,.zeist-approach h2,.zeist-disclaimer h2{font-size:clamp(52px,6.2vw,92px);line-height:.98;margin:0}.zeist-intro-copy h2 em,.zeist-potential h2 em,.zeist-approach h2 em,.zeist-disclaimer h2 em{color:#607c9c}.zeist-lead{margin:58px 0 0 18%;display:grid;grid-template-columns:1fr 1fr;gap:45px}.zeist-lead p{font-size:16px;line-height:1.75;color:#596a7a}.zeist-facts{display:grid;grid-template-columns:repeat(3,1fr);background:#0b192a;color:#fff}.zeist-facts>div{min-height:290px;padding:55px 4vw;border-right:1px solid rgba(255,255,255,.15)}.zeist-facts>div:last-child{border-right:0}.zeist-facts span{font-size:10px;text-transform:uppercase;letter-spacing:.17em;color:#9dbbd6}.zeist-facts strong{display:block;font:500 clamp(38px,4vw,62px)/1 Manrope;margin:28px 0 24px}.zeist-facts p{max-width:350px;font-size:14px;line-height:1.65;color:rgba(255,255,255,.62)}.zeist-potential{display:grid;grid-template-columns:1.05fr 1fr;gap:8vw;align-items:center}.zeist-potential-image{height:680px;overflow:hidden}.zeist-potential-image img{width:100%;height:100%;object-fit:cover}.zeist-potential-copy .section-label{margin-bottom:46px}.zeist-potential-copy>p{font-size:16px;line-height:1.75;color:#596a7a;margin:42px 0}.zeist-potential ul{list-style:none;padding:0;margin:0;border-top:1px solid #c9d1d9}.zeist-potential li{padding:20px 0;border-bottom:1px solid #c9d1d9}.zeist-potential li span{display:inline-block;width:48px;font-size:10px;color:#607c9c}.zeist-approach{background:#dce5ee}.zeist-approach-head{display:grid;grid-template-columns:1fr 2.2fr;gap:8vw;margin-bottom:75px}.zeist-step-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(19,36,58,.25)}.zeist-step-grid article{padding:35px 30px 10px 0;margin-right:30px;border-right:1px solid rgba(19,36,58,.2)}.zeist-step-grid article:last-child{border-right:0}.zeist-step-grid article>span{font-size:10px;color:#607c9c}.zeist-step-grid h3{font-size:28px;line-height:1.08;margin:70px 0 22px}.zeist-step-grid p{font-size:14px;line-height:1.7;color:#596a7a}.zeist-image-break{height:720px;position:relative;color:#fff;display:flex;align-items:flex-end;padding:70px 8vw;overflow:hidden}.zeist-image-break:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,22,38,.78),transparent 65%)}.zeist-image-break img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.zeist-image-break div{position:relative;z-index:1;max-width:900px}.zeist-image-break p{font-size:10px;text-transform:uppercase;letter-spacing:.18em}.zeist-image-break h2{font-size:clamp(48px,6vw,88px);line-height:1;margin:20px 0 0}.zeist-disclaimer{display:grid;grid-template-columns:1fr 2.2fr;gap:8vw}.zeist-disclaimer>div:last-child>p{max-width:680px;font-size:17px;line-height:1.75;color:#596a7a;margin:42px 0 35px}
.zeist-choice{background:#f3f6f9}.zeist-choice-intro{display:grid;grid-template-columns:1fr 2.2fr;gap:8vw}.zeist-choice-intro h2{font-size:clamp(52px,6.2vw,92px);line-height:.98;margin:0}.zeist-choice-intro h2 em{color:#607c9c}.zeist-choice-intro>p{grid-column:2;max-width:760px;margin:42px 0 60px;font-size:17px;line-height:1.75;color:#596a7a}.zeist-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-left:31%}.zeist-choice-grid article{padding:45px;background:#fff;border-top:4px solid #315f88}.zeist-choice-grid article:nth-child(2){background:#dce5ee;border-color:#8aa9c7}.zeist-choice-grid article>span{font-size:10px;letter-spacing:.15em;color:#607c9c}.zeist-choice-grid h3{font-size:40px;margin:38px 0 18px}.zeist-choice-grid p{min-height:82px;line-height:1.65;color:#596a7a}.zeist-choice-grid ul{list-style:none;padding:22px 0 0;margin:25px 0 0;border-top:1px solid #c9d1d9}.zeist-choice-grid li{padding:9px 0;font-size:13px}.zeist-choice-grid li:before{content:"→";margin-right:13px;color:#607c9c}.zeist-calculator-teaser{margin:18px 0 0 31%;padding:38px 42px;background:#0b192a;color:#fff;display:grid;grid-template-columns:1.1fr 1fr auto;gap:40px;align-items:center}.zeist-calculator-teaser span{font-size:9px;text-transform:uppercase;letter-spacing:.17em;color:#9dbbd6}.zeist-calculator-teaser h3{font-size:27px;line-height:1.2;margin:12px 0 0}.zeist-calculator-teaser p{margin:0;font-size:13px;line-height:1.65;color:rgba(255,255,255,.62)}.zeist-calculator-teaser .button{white-space:nowrap;background:#fff;color:#0b192a}
.zeist-choice-short{display:grid;grid-template-columns:1fr 2.2fr;gap:8vw;background:#f3f6f9}.zeist-choice-short h2{font-size:clamp(52px,6.2vw,92px);line-height:.98;margin:0}.zeist-choice-short h2 em{color:#607c9c}.zeist-choice-short p{max-width:560px;margin:34px 0 30px;font-size:17px;line-height:1.7;color:#596a7a}
.zeist-hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.zeist-hero-link{font-size:13px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.65);padding-bottom:6px}.zeist-hero-actions .button-light{background:#fff;color:#0b192a}
.zeist-hero-copy>p:nth-of-type(2){max-width:650px;font-size:18px;line-height:1.65;color:rgba(255,255,255,.82)}
@media(max-width:800px){.zeist-hero{min-height:760px;padding:0 22px 55px}.zeist-hero h1{font-size:56px}.zeist-hero-copy>p:last-child{font-size:16px}.zeist-status{display:none}.zeist-hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.zeist-intro,.zeist-potential,.zeist-approach-head,.zeist-disclaimer,.zeist-choice-intro,.zeist-choice-short{grid-template-columns:1fr;gap:40px}.zeist-intro-copy h2,.zeist-potential h2,.zeist-approach h2,.zeist-disclaimer h2,.zeist-choice-intro h2,.zeist-choice-short h2{font-size:50px}.zeist-lead{margin:42px 0 0;grid-template-columns:1fr;gap:12px}.zeist-facts{grid-template-columns:1fr}.zeist-facts>div{min-height:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.15);padding:40px 22px}.zeist-potential-image{height:420px}.zeist-potential-image{order:2}.zeist-step-grid{grid-template-columns:1fr}.zeist-step-grid article{border-right:0;border-bottom:1px solid rgba(19,36,58,.2);margin:0;padding:30px 0}.zeist-step-grid h3{margin:28px 0 15px}.zeist-image-break{height:600px;padding:55px 22px}.zeist-image-break h2{font-size:46px}.zeist-choice-intro>p{grid-column:auto;margin:0 0 20px}.zeist-choice-grid{grid-template-columns:1fr;margin-left:0}.zeist-choice-grid article{padding:32px 26px}.zeist-choice-grid p{min-height:0}.zeist-calculator-teaser{margin:18px 0 0;padding:32px 26px;grid-template-columns:1fr;gap:24px}}

/* Zeist audience routing and campaign variants */
.modal-open{overflow:hidden}.interest-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;visibility:hidden;opacity:0;transition:opacity .25s,visibility .25s}.interest-modal.open{visibility:visible;opacity:1}.interest-backdrop{position:absolute;inset:0;background:rgba(5,16,29,.78);backdrop-filter:blur(7px)}.interest-dialog{position:relative;width:min(980px,100%);max-height:calc(100vh - 48px);overflow:auto;background:#f3f6f9;color:#13243a;padding:58px}.interest-close{position:absolute;right:24px;top:20px;border:0;background:transparent;color:#13243a;font:300 34px/1 Manrope;cursor:pointer}.interest-dialog .eyebrow{color:#607c9c}.interest-dialog h2{font-size:clamp(42px,5vw,72px);line-height:.98;margin:18px 0}.interest-intro{max-width:600px;color:#596a7a;line-height:1.65}.interest-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:38px}.interest-options a{display:flex;min-height:270px;flex-direction:column;padding:34px;background:#fff;border-top:4px solid #315f88;transition:transform .2s,background .2s}.interest-options a:last-child{background:#dce5ee;border-color:#8aa9c7}.interest-options a:hover{transform:translateY(-4px)}.interest-options span{font-size:9px;text-transform:uppercase;letter-spacing:.17em;color:#607c9c}.interest-options strong{font:500 28px/1.1 Manrope;margin:42px 0 16px}.interest-options p{font-size:14px;line-height:1.6;color:#596a7a;margin:0}.interest-options i{margin-top:auto;padding-top:24px;font-style:normal;font-size:11px;font-weight:600;letter-spacing:.06em}.investor-hero .zeist-hero-image{background-image:url("assets/zeist-villa.jpg")}.investor-page .zeist-hero h1 em{color:#c8b68f}.investor-page .zeist-facts span,.investor-page .zeist-potential li span{color:#c8b68f}.investor-page .zeist-approach{background:#e5e1d8}.investor-contact{background:#edeae4}.campaign-cta-row{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.campaign-text-link{font-size:13px;font-weight:600;border-bottom:1px solid #607c9c;padding-bottom:5px}.campaign-disclaimer{font-size:11px!important;line-height:1.6!important;color:#7a8490!important;margin-top:24px!important}.project-soon-live,.zeist-route-trigger{cursor:pointer}
@media(max-width:700px){.interest-modal{padding:12px}.interest-dialog{padding:44px 22px 24px;max-height:calc(100vh - 24px)}.interest-options{grid-template-columns:1fr;margin-top:28px}.interest-options a{min-height:215px;padding:25px}.interest-options strong{margin:24px 0 12px;font-size:24px}.campaign-cta-row{align-items:flex-start;flex-direction:column}}
.interest-dialog{width:min(1180px,100%)}.interest-options-three{grid-template-columns:repeat(3,1fr)}.interest-options-three a{min-height:285px;padding:30px}.interest-options-three strong{font-size:25px}.tenant-page .zeist-hero h1 em{color:#b8d6c5}.tenant-page .zeist-approach{background:#dfe9e3}.tenant-contact{background:#edf2ef}.buyer-hero-copy{max-width:980px}.buyer-hero-copy>p:nth-of-type(2){max-width:760px}
.tenant-calculator-button{display:inline-flex;margin:38px 0 0 18%}
.tenant-hero .zeist-hero-copy:after{content:"";display:block;height:76px}
@media(max-width:800px){.tenant-hero .zeist-hero-copy:after{height:104px}.tenant-calculator-button{margin:30px 0 0}}
@media(max-width:900px){.interest-options-three{grid-template-columns:1fr}.interest-options-three a{min-height:190px}.interest-dialog{padding:44px 28px}}

/* Privacy, cookies en juridische pagina's. */
.cookie-banner{position:fixed;z-index:2000;left:24px;right:24px;bottom:24px;display:none;grid-template-columns:1fr auto;gap:28px;align-items:center;max-width:980px;margin:auto;padding:24px 26px;background:#0b192a;color:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:0 20px 60px rgba(0,0,0,.34)}
.cookie-banner.visible{display:grid}.cookie-banner strong{display:block;margin-bottom:7px;font:500 18px/1.2 Manrope}.cookie-banner p{margin:0;max-width:720px;font-size:13px;line-height:1.6;color:rgba(255,255,255,.76)}.cookie-banner a{text-decoration:underline;text-underline-offset:3px}.cookie-banner button{border:1px solid rgba(255,255,255,.7);background:#fff;color:#0b192a;padding:13px 18px;font:600 12px/1 DM Sans;cursor:pointer}.cookie-banner button:focus-visible{outline:3px solid #7fa8d1;outline-offset:3px}
.privacy-page{background:#f5f4ef}.privacy-main{padding:170px 8vw 110px}.privacy-hero{display:grid;grid-template-columns:1fr 1.6fr;gap:8vw;padding-bottom:70px;border-bottom:1px solid #ccd4dc}.privacy-hero h1{font-size:clamp(56px,7vw,104px);line-height:.92;margin:24px 0 0}.privacy-hero h1 em{color:#607c9c}.privacy-hero>div:last-child{align-self:end}.privacy-hero p{max-width:620px;font-size:17px;line-height:1.7;color:#596a7a}.privacy-updated{font-size:11px!important;text-transform:uppercase;letter-spacing:.12em;color:#607c9c!important}.privacy-content{max-width:900px;margin:70px auto 0}.privacy-content section{padding:38px 0;border-bottom:1px solid #ccd4dc}.privacy-content h2{font-size:32px;margin:0 0 18px}.privacy-content h3{font-size:20px;margin:28px 0 10px}.privacy-content p,.privacy-content li{font-size:15px;line-height:1.75;color:#4f6070}.privacy-content ul{padding-left:20px}.privacy-content a{text-decoration:underline;text-underline-offset:3px}.privacy-note{padding:22px 24px!important;background:#dce5ee;border:0!important}
@media(max-width:700px){.cookie-banner{left:12px;right:12px;bottom:12px;grid-template-columns:1fr;padding:20px}.cookie-banner button{justify-self:start}.privacy-main{padding:130px 22px 80px}.privacy-hero{grid-template-columns:1fr;gap:34px}.privacy-hero h1{font-size:56px}.privacy-content{margin-top:45px}}