@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#171d31;--ink:#23314a;--yellow:#ffbd2e;--paper:#f7f7f2;--muted:#647083}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.7}a{color:inherit;text-underline-offset:4px}button,input,textarea{font:inherit}svg{width:26px;height:26px;flex-shrink:0}header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 6%;background:var(--navy);color:white;border-bottom:1px solid #ffffff18}.brand img{width:178px;max-height:70px;object-fit:contain}nav{display:flex;gap:32px;align-items:center;font-size:14px}nav>a,summary{text-decoration:none;cursor:pointer;white-space:nowrap}nav>a:hover,summary:hover{color:var(--yellow)}nav details{position:relative}summary{list-style:none}summary:after{content:'⌄';margin-left:8px;color:var(--yellow)}nav details>div{position:absolute;top:40px;left:-20px;z-index:10;width:240px;padding:12px;background:var(--navy);border:1px solid #ffffff30;box-shadow:0 15px 30px #0003}nav details a{display:block;padding:10px;text-decoration:none}nav details a:hover{background:#ffffff10}.nav-contact{border:1px solid #ffffff50;padding:10px 18px;display:flex;align-items:center;gap:20px}.nav-contact svg{width:18px}.menu-toggle{display:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}.hero{display:grid;grid-template-columns:1.12fr 1fr;background:var(--navy);color:white;min-height:650px;padding:55px 6% 0;overflow:hidden;position:relative}.hero-copy{z-index:1;padding:30px 0 90px}.eyebrow{font-size:12px;letter-spacing:3px;text-transform:uppercase;display:flex;align-items:center;gap:12px}.eyebrow span{height:8px;width:8px;border-radius:50%;background:var(--yellow)}h1,h2{font-family:Manrope,Arial,sans-serif;font-weight:700;letter-spacing:-1.4px;line-height:1.2}.hero h1{font-size:clamp(45px,5.4vw,83px);margin:32px 0}.hero h1 em{font-style:normal;color:var(--yellow)}.hero-intro{max-width:540px;font-size:20px;line-height:1.7;color:#dce0e8;margin-bottom:36px}.button,.wsite-button{background:var(--yellow);color:var(--navy);font-size:14px;font-weight:700;padding:17px 25px;text-decoration:none;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border:0;cursor:pointer;transition:background .2s,transform .2s}.button:hover,.wsite-button:hover{background:#ffd166;transform:translateY(-2px)}.button svg{width:22px}.hero-portrait{position:relative;display:flex;align-items:end;justify-content:center}.hero-portrait>img{position:relative;width:100%;max-width:540px;height:590px;object-fit:contain;object-position:bottom;z-index:1}.orbit{position:absolute;width:510px;height:510px;border:1px solid #ffbd2e66;border-radius:50%;top:30px;left:50%;transform:translateX(-50%)}.orbit:before{content:'';position:absolute;inset:30px;border:1px solid #ffffff15;border-radius:50%}.orbit:after{content:'';position:absolute;inset:65px;background:#ffffff04;border-radius:50%}.signature{position:absolute;bottom:40px;right:0;z-index:2;background:var(--navy);border-left:3px solid var(--yellow);padding:12px 30px;letter-spacing:2px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0 6%;position:relative;padding:55px 0 65px}.service-card{padding:22px 35px 28px;border-right:1px solid #d9ddd9;display:flex;flex-direction:column}.service-card:first-child{padding-left:0}.service-card:last-child{border:0;padding-right:0}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.icon{display:inline-flex;width:58px;height:58px;border:1px solid #d5d9d7;align-items:center;justify-content:center;border-radius:14px;background:#fff}.icon svg{width:30px;height:30px}.number{font-size:12px;letter-spacing:3px;color:#8d969f}.service-text{font-size:15px;line-height:2.05;margin-bottom:24px;flex:1}.service-text strong,.service-text b{display:block;font-family:Manrope,Arial,sans-serif;font-size:23px;letter-spacing:-.5px;margin-bottom:16px;color:var(--navy)}.service-card .wsite-button{background:transparent;border-top:1px solid #d9ddd9;padding:20px 0 0;justify-content:start;font-size:13px;gap:12px}.service-card .wsite-button:hover{color:#805300;transform:none}.perspective{padding:65px 10%;background:#e8ecea;display:grid;grid-template-columns:72px 1fr;gap:35px}.perspective .paragraph{font-size:18px;line-height:1.8}.perspective strong{font-size:25px;color:var(--navy)}.perspective-icons{display:flex;flex-direction:column;justify-content:space-between;padding:10px 0 20px}.perspective-icons .icon{background:transparent}.page-heading{background:var(--navy);color:var(--yellow);padding:42px 9% 42px;position:relative}.page-heading svg{width:44px;height:44px}.content-page{max-width:1140px;margin:0 auto;padding:65px 32px 85px}.text-block{margin-bottom:36px;font-size:18px;line-height:1.9}.text-block h1,.text-block h2{font-size:44px;color:var(--navy);margin:0 0 25px}.text-block strong{color:var(--navy)}.text-block a{color:#806000}.text-block .paragraph>span>strong:first-child{font-family:Manrope,Arial,sans-serif;font-size:30px}.text-block br+br{display:block;content:'';margin-top:15px}.page-photo{margin:30px 0 50px;max-width:100%;border-radius:8px;overflow:hidden}.page-photo img{width:100%;max-height:560px;object-fit:cover;display:block}.consultancy .page-photo img{object-position:50% 30%}.interim-management .page-photo img{object-position:50% 25%}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:15px 0 50px}.gallery-item{display:flex;align-items:center;justify-content:center;background:var(--navy);padding:20px;border-radius:6px;min-height:120px}.gallery-item img{max-width:100%;max-height:100px;object-fit:contain}.gallery.recommendations{grid-template-columns:1fr 1fr}.gallery.recommendations .gallery-item{padding:0;min-height:0;background:white}.gallery.recommendations img{max-height:none;width:100%}.page-cta{margin:30px 0}.download{padding:25px;background:#e6eae6;display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:40px}.download span{overflow-wrap:anywhere;font-size:14px}.download a{font-weight:700}.download svg{color:#61806a}.publicaties .text-block:last-child{padding:35px;background:white;border:1px solid #dce1dc}.publicaties .text-block a:hover{color:#142238}.map iframe{width:100%;height:300px;border:0}form{max-width:740px;margin:40px 0;padding:35px;background:white;border:1px solid #dce1dc}form p{font-size:13px}label{display:block;margin-bottom:20px;font-weight:600;font-size:15px}input,textarea{display:block;width:100%;padding:13px;border:1px solid #ced5d0;background:#f9faf7;margin-top:8px;border-radius:3px;color:var(--ink)}input:focus,textarea:focus{outline:2px solid #e8ac26}fieldset{padding:0;border:0}legend{font-weight:600;margin-bottom:8px}.name-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.name-fields label{font-size:13px;font-weight:400}footer{background:var(--navy);color:#afb6c2;display:flex;align-items:center;justify-content:space-between;padding:38px 6%;gap:35px;font-size:12px}footer img{width:145px}footer p{text-align:right}body.page-over-mij .page-photo img{object-position:center 35%}@media(min-width:1000px){.consultancy .page-photo,.interim-management .page-photo{float:right;width:43%;margin:0 0 35px 40px}.content-page:after{content:'';display:block;clear:both}}@media(max-width:1000px){nav{gap:18px}.hero{grid-template-columns:1.2fr 1fr;min-height:580px}.hero-portrait>img{height:510px}.hero h1{font-size:54px}.hero-intro{font-size:17px}.orbit{width:370px;height:370px}.service-card{padding:20px}.service-text{font-size:14px}.service-text strong{font-size:20px}}@media(max-width:760px){header{padding:18px 6%;flex-wrap:wrap}.brand img{width:145px}.menu-toggle{display:block;background:transparent;color:white;border:1px solid #ffffff40;padding:6px 12px;font-size:23px}nav{display:none;width:100%;align-items:stretch;flex-direction:column;gap:0}nav.open{display:flex}nav>a,summary{padding:13px 0}nav details>div{position:static;width:100%;box-shadow:none}.nav-contact{padding:12px 15px}.hero{grid-template-columns:1fr;padding-top:20px}.hero-copy{padding:20px 0 20px}.hero h1{font-size:clamp(42px,10vw,62px)}.hero-intro{font-size:17px;max-width:95%}.eyebrow{font-size:10px;letter-spacing:2px}.hero-portrait{height:380px}.hero-portrait>img{height:380px;max-width:420px}.orbit{top:20px}.signature{bottom:25px;font-size:13px}.services{grid-template-columns:1fr;padding:25px 0}.service-card,.service-card:first-child,.service-card:last-child{padding:26px 0;border-right:0;border-bottom:1px solid #d9ddd9}.service-card:last-child{border-bottom:0}.service-text{font-size:16px}.service-text strong{font-size:25px}.perspective{padding:40px 6%;grid-template-columns:1fr}.perspective-icons{flex-direction:row;justify-content:start;gap:20px;padding:0}.perspective .paragraph{font-size:16px}.content-page{padding:40px 6% 50px}.text-block{font-size:16px}.text-block h1,.text-block h2{font-size:32px}.gallery{grid-template-columns:1fr 1fr}.gallery.recommendations{grid-template-columns:1fr}.gallery-item{padding:15px}.page-photo img{max-height:400px}form{padding:22px}.name-fields{grid-template-columns:1fr;gap:0}footer{flex-direction:column;align-items:start}footer p{text-align:left}.publicaties .text-block:last-child{padding:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none!important}}

/* Balanced photos beside their related text */
header{position:sticky;top:0;z-index:50}nav{gap:24px;font-size:13px}nav a[aria-current="page"]{color:var(--yellow)}
.hero{min-height:560px;grid-template-columns:1.25fr .85fr}.hero-copy{padding-bottom:55px}.hero-portrait>img{height:470px;max-width:350px}.hero .orbit{width:385px;height:385px;top:45px}.hero h1{font-size:clamp(45px,5.1vw,74px)}.signature{bottom:28px;right:8px}
.editorial-row{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:48px;align-items:start;margin-bottom:48px}.editorial-row.photo-left{grid-template-columns:330px minmax(0,1fr)}.editorial-copy{min-width:0}.photo-left .editorial-copy{grid-column:2;grid-row:1}.photo-left .page-photo{grid-column:1;grid-row:1}
.content-page .editorial-row .page-photo{float:none;width:100%;margin:0;border-radius:9px;background:#e8ecea;box-shadow:0 12px 28px #14223812}
.content-page .editorial-row .page-photo img{width:100%;height:auto;max-height:440px;object-fit:contain;object-position:center;display:block}.over-mij .editorial-row .page-photo img{max-height:465px}.warehouse-scan .editorial-row{grid-template-columns:minmax(0,1fr) 360px}.warehouse-scan .editorial-row.photo-left{grid-template-columns:360px minmax(0,1fr)}.warehouse-scan .editorial-row .page-photo img{max-height:300px}.editorial-row .text-block{font-size:17px;line-height:1.85}.editorial-row .text-block:last-child{margin-bottom:0}.opdrachtgevers .gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.opdrachtgevers .gallery-item{min-height:155px;padding:25px}.opdrachtgevers .gallery-item img{max-height:100px}
@media(max-width:1100px){nav{gap:15px;font-size:12px}.brand img{width:145px}.editorial-row{gap:30px;grid-template-columns:minmax(0,1fr) 300px}.editorial-row.photo-left{grid-template-columns:300px minmax(0,1fr)}.warehouse-scan .editorial-row{grid-template-columns:minmax(0,1fr) 300px}.warehouse-scan .editorial-row.photo-left{grid-template-columns:300px minmax(0,1fr)}}
@media(max-width:900px) and (min-width:761px){header{padding:20px 3%;gap:15px}nav{gap:10px;font-size:11px}.nav-contact{padding:8px 10px;gap:8px}.brand img{width:120px}}
@media(max-width:760px){nav{font-size:14px}.hero{grid-template-columns:1fr}.hero-copy{padding-bottom:20px}.hero-portrait{height:320px}.hero-portrait>img{height:320px;max-width:270px}.hero .orbit{width:300px;height:300px;top:15px}.hero h1{font-size:clamp(42px,10vw,62px)}.editorial-row,.editorial-row.photo-left,.warehouse-scan .editorial-row,.warehouse-scan .editorial-row.photo-left{grid-template-columns:1fr;gap:25px}.photo-left .editorial-copy,.photo-left .page-photo{grid-column:auto;grid-row:auto}.content-page .editorial-row .page-photo{max-width:330px;justify-self:center}.content-page .editorial-row .page-photo img{max-height:360px}.opdrachtgevers .gallery{grid-template-columns:1fr 1fr;gap:15px}.opdrachtgevers .gallery-item{min-height:120px;padding:18px}}

/* Text wraps beside photos and uses the full width below them. */
.content-page .editorial-row,.content-page .editorial-row.photo-left{display:block;margin-bottom:48px}
.content-page .editorial-row::after{content:"";display:block;clear:both}
.content-page .editorial-row .page-photo{float:right;width:330px;max-width:42%;margin:0 0 25px 40px;grid-column:auto;grid-row:auto}
.content-page .editorial-row.photo-left .page-photo{float:left;margin:0 40px 25px 0}
.content-page.warehouse-scan .editorial-row .page-photo{width:360px}
.content-page .editorial-row .text-block{display:block;clear:none}
@media(max-width:1100px){.content-page .editorial-row .page-photo{width:300px;margin-left:30px}.content-page .editorial-row.photo-left .page-photo{margin-left:0;margin-right:30px}}
@media(max-width:760px){.content-page .editorial-row .page-photo,.content-page .editorial-row.photo-left .page-photo{float:none;width:100%;max-width:330px;margin:0 auto 28px}.content-page.warehouse-scan .editorial-row .page-photo{width:100%;max-width:360px}.content-page .editorial-row .text-block{width:100%}}

/* Interim Management portrait: sculpted photo window and offset brand frame. */
.content-page.interim-management .editorial-row .creative-portrait{position:relative;isolation:isolate;overflow:visible;background:transparent;border-radius:0;box-shadow:none;padding:18px 12px 20px 18px;margin-bottom:32px}
.creative-portrait::before{content:"";position:absolute;z-index:-2;inset:22px 1px 10px 26px;background:var(--navy);border-radius:112px 12px 16px 16px;transform:rotate(3deg)}
.creative-portrait::after{content:"";position:absolute;z-index:-1;left:0;top:0;width:112px;height:112px;border-radius:50%;background:var(--yellow)}
.portrait-window{position:relative;overflow:hidden;border-radius:100px 10px 10px 10px;border:5px solid var(--paper);background:var(--navy);box-shadow:0 12px 24px #14223820}
.content-page.interim-management .editorial-row .creative-portrait img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:4 / 5;object-fit:cover;object-position:76% 50%}
.portrait-window::after{content:"";position:absolute;right:14px;bottom:14px;width:44px;height:44px;border-right:3px solid var(--yellow);border-bottom:3px solid var(--yellow);pointer-events:none}
@media(max-width:760px){.content-page.interim-management .editorial-row .creative-portrait{max-width:310px;margin:0 auto 32px;padding:16px 12px 20px 16px}.creative-portrait::after{width:95px;height:95px}.content-page.interim-management .editorial-row .creative-portrait img{max-height:none}}

/* Coordinated brand frames on the remaining service and profile photos. */
.content-page:is(.over-mij,.consultancy,.warehouse-scan) .editorial-row .creative-portrait{position:relative;isolation:isolate;overflow:visible;background:transparent;border-radius:0;box-shadow:none;padding:18px 12px 20px 18px;margin-bottom:32px}
.content-page:is(.over-mij,.consultancy,.warehouse-scan) .editorial-row .creative-portrait img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center}
.content-page.warehouse-scan .portrait-window{border-top-left-radius:65px}
.content-page.warehouse-scan .creative-portrait::before{border-top-left-radius:75px}
.content-page.warehouse-scan .creative-portrait::after{width:85px;height:85px}
.content-page.warehouse-scan .warehouse-panorama .portrait-window{border-top-left-radius:40px}
.content-page.warehouse-scan .warehouse-panorama::before{border-top-left-radius:50px}
.content-page.warehouse-scan .warehouse-panorama::after{width:65px;height:65px}
@media(max-width:760px){.content-page:is(.over-mij,.consultancy,.warehouse-scan) .editorial-row .creative-portrait{max-width:310px;margin:0 auto 32px;padding:16px 12px 20px 16px}.content-page:is(.over-mij,.consultancy,.warehouse-scan) .editorial-row .creative-portrait img{max-height:none}}

/* Give the Warehouse Scan photos more weight alongside the text. */
.content-page.warehouse-scan .editorial-row .creative-portrait{width:480px;max-width:48%;margin-left:38px;margin-bottom:34px}
.content-page.warehouse-scan .editorial-row.photo-left .creative-portrait{margin-left:0;margin-right:38px}
@media(min-width:761px) and (max-width:1000px){.content-page.warehouse-scan .editorial-row .creative-portrait{width:420px;max-width:46%;margin-left:28px}.content-page.warehouse-scan .editorial-row.photo-left .creative-portrait{margin-left:0;margin-right:28px}}
@media(max-width:760px){.content-page.warehouse-scan .editorial-row .creative-portrait,.content-page.warehouse-scan .editorial-row.photo-left .creative-portrait{width:100%;max-width:420px;margin:0 auto 32px}}

/* Taller crop for the warehouse overview supplied by the user. */
.content-page.warehouse-scan .editorial-row .warehouse-panorama img{aspect-ratio:2 / 1;width:100%;height:auto;max-height:none;object-fit:cover;object-position:50% 50%}

/* Mobile interaction and compatibility refinements. */
img{max-width:100%}.text-block,.service-text{overflow-wrap:break-word}.gallery-item{min-width:0}.gallery-item a{display:block;max-width:100%}.gallery-item img{height:auto}header.menu-open{max-height:100vh;overflow-y:auto}@supports(height:100dvh){header.menu-open{max-height:100dvh}}
@media(max-width:760px){input,textarea{font-size:16px}nav>a,nav summary,nav details a{min-height:44px}.content-page .text-block{overflow-wrap:anywhere}.download{min-width:0}.download span{max-width:100%}}

/* Keep calls to action aligned directly below their text. */
.content-page .text-block .page-cta{margin:20px 0 0;text-align:left}.content-page .text-block .page-cta .button{color:var(--navy);max-width:100%}

footer{justify-content:flex-end}

/* New wordmark: retain its original 4:1 proportions. */
.brand img{display:block;width:240px;height:auto;max-height:none;aspect-ratio:4 / 1;object-fit:contain}@media(max-width:1100px){.brand img{width:200px}}@media(max-width:760px){.brand img{width:200px;max-width:55vw}}

/* Larger, page-centered main navigation. */
@media(min-width:761px){
 header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:30px;padding:20px 6%}header .brand{align-self:center}
 header nav{width:100%;justify-content:center;gap:30px;font-size:17px;flex-wrap:wrap}
 header nav>a,header nav summary{font-weight:500}
}
@media(max-width:760px){header nav{font-size:17px;text-align:center}header nav>a,header nav summary{text-align:center}header nav .nav-contact{justify-content:center}}

@media(min-width:761px) and (max-width:1200px){header{gap:20px}header nav{gap:16px 20px}}

/* Readable recommendation cards, inspired by the supplied reference. */
.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0 0 32px;align-items:start}
.reference-card{position:relative;min-width:0;background:var(--navy);color:#f7f7f2;border:1px solid #303b55;border-radius:24px;padding:32px 26px 26px;box-shadow:0 12px 30px #171d310c;display:flex;flex-direction:column}
.reference-mark{font-family:Georgia,serif;font-size:70px;line-height:.8;color:var(--yellow);height:46px;display:block}
.reference-quote{font-size:16px;line-height:1.7;min-height:238px;margin:10px 0 24px}
.reference-short,.reference-detail p{margin:0}
.reference-detail summary{white-space:normal;list-style:none;cursor:pointer}
.reference-detail summary::-webkit-details-marker{display:none}
.reference-detail summary:after{display:none}
.reference-excerpt{display:block}
.reference-more,.reference-less{font-size:14px;color:#83cbed;margin-top:18px;display:block}
.reference-less{display:none}.reference-detail[open] .reference-excerpt,.reference-detail[open] .reference-more{display:none}.reference-detail[open] .reference-less{display:block;margin:0 0 16px}
.reference-author{border-top:1px solid #ffffff26;padding-top:20px;display:flex;align-items:center;gap:12px}
.reference-avatar{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:50%;background:#26394b;color:#83cbed;font-weight:700;font-size:14px}
.reference-author h3{font-size:16px;line-height:1.4;margin:0 0 4px;color:white}
.reference-author p{font-size:12px;line-height:1.5;margin:0;color:#bac3d1}
.reference-source{font-size:11px;line-height:1.5;color:#83cbed;text-decoration:none;margin-top:18px;align-self:flex-start}
.reference-source:hover{text-decoration:underline}
@media(max-width:1000px){.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.reference-grid{grid-template-columns:1fr;gap:18px}.reference-card{padding:28px 24px}.reference-quote{min-height:0}}

.reference-photo{width:48px;height:48px;flex-basis:48px;overflow:hidden;background:#fff}.reference-photo svg{display:block;width:48px;height:48px;flex-shrink:0;stroke:none}