:root{--ink:#32324b;--orange:#bf5e1a;--light-orange:#f0a55a;--olive:#a6a687;--paper:#fbfbf9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;color:var(--ink);background:#fff;font:400 17px/1.78 Lexend,Arial,sans-serif}img{display:block;max-width:100%;height:auto}a{color:var(--orange);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.wrap{width:min(1140px,calc(100% - 80px));margin:auto}h1,h2,h3,p{margin:0 0 22px}h1,h2,h3{font-weight:400;line-height:1.35;color:var(--orange)}h1{font-size:clamp(28px,3vw,40px);line-height:1.35}h2{font-size:30px;margin-bottom:30px}h3{font-size:20px;margin-bottom:16px}p:last-child{margin-bottom:0}.eyebrow{font-size:13px;letter-spacing:.11em;color:var(--ink);margin-bottom:12px}.section{padding:90px 0}header{background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #a6a68725}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:25px;min-height:115px}.brand{flex:0 0 265px}.brand img{width:265px}nav{display:flex;gap:22px;align-items:center}nav a{font-size:14px;color:var(--ink);white-space:nowrap}nav a:hover{color:var(--orange)}.menu-toggle{display:none}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;padding:15px}.skip:focus{top:10px}.hero{background:var(--paper)}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:stretch}.hero-copy{padding:55px 62px 55px 0}.hero-copy p{font-size:17px;line-height:1.78}.hero-photo{position:relative;display:flex;align-items:center;justify-content:center;background:#e0e0d6;overflow:visible}.hero-photo>img:first-child{width:100%;height:100%;object-fit:cover;object-position:48% center}.hero-photo .brand-seal{position:absolute;left:-47px;top:43%;width:95px;height:95px;object-fit:contain}.button{display:inline-block;border:0;border-radius:25px;background:var(--orange);color:#fff;font:400 15px/1.5 Lexend,sans-serif;padding:13px 28px;cursor:pointer}.button:hover{background:#a44e13;text-decoration:none}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:95px;align-items:center}.portrait-column{text-align:center;position:relative;padding:30px 15px}.portrait-column:before{content:'';position:absolute;inset:0;z-index:-1;background:url('images/background-1-logo.png') center/contain no-repeat}.portrait{width:260px;aspect-ratio:1;object-fit:cover;border-radius:50%;margin:0 auto 25px}.person-name{color:#77775c}.portrait-column>a{display:block;font-size:16px}.text-link{display:inline-block;border-bottom:1px solid var(--orange);font-size:15px;margin-top:15px}.experience{background:var(--paper)}.section-heading{display:grid;grid-template-columns:.85fr 1.15fr;gap:95px;align-items:start;margin-bottom:45px}.section-heading>p{margin:0}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.experience-grid article{padding:25px 0;border-top:2px solid var(--olive)}.education{display:grid;grid-template-columns:1fr 1fr;gap:55px;border-top:1px solid #a6a68770;margin-top:20px;padding-top:35px}.education ul{padding-left:22px;margin:0}.client-logos{background:var(--olive);padding:28px 24px;margin-top:45px}.client-logos img{width:100%}.service-intro{margin-bottom:25px}.service-intro img{width:100%;height:260px;object-fit:cover;object-position:center 62%}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.service{border-top:1px solid var(--olive);padding-top:22px}.service h3{font-size:18px}.service p{font-size:16px;line-height:1.8}.number{display:block;color:var(--orange);font-size:14px;margin-bottom:15px}.meet{background:var(--olive)}.meet-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.meet-grid>img{width:100%;height:340px;object-fit:cover}.meet-grid>div{padding:35px 0}.meet h2{color:var(--ink)}.strength-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:45px;row-gap:35px;margin-top:45px}.strength-grid article{display:flex;gap:15px}.check{color:var(--orange);font-size:24px}.strength-grid h3{font-size:19px}.strength-grid p{font-size:16px}.coaching{margin-top:70px;gap:65px;background:var(--paper);align-items:stretch}.coaching>img{width:100%;height:100%;object-fit:cover;min-height:340px}.coaching>div{padding:35px 35px 35px 0}.partnerships{background:var(--paper)}.partner{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;padding:30px 0;border-top:1px solid #a6a68780}.partner-person{display:flex;align-items:center;gap:20px}.partner-person img{width:100px;height:100px;object-fit:cover;object-position:center 25%;border-radius:50%}.partner-person h3{margin-bottom:8px}.partner-person a,.partner-person span{font-size:14px;overflow-wrap:anywhere}.together-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:25px}.together-gallery img{width:100%;aspect-ratio:1.71;object-fit:cover}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:95px}.contact-details{margin-top:35px}.contact-details p{margin-bottom:12px}.contact-details a{display:block}.contact-mark{width:100px;margin-top:35px}.cw-form label{font-size:15px}.cw-form p{margin:0 0 20px}.cw-form input:not([type=checkbox]):not([type=submit]),.cw-form textarea{width:100%;border:1px solid #a6a68770;border-radius:0;background:var(--paper);padding:12px 15px;color:var(--ink);font-size:17px;margin-top:7px}.cw-form textarea{min-height:190px;resize:vertical}.cw-form input[type=checkbox]{width:18px;height:18px;margin:0 9px 0 0;accent-color:var(--orange)}.cw-form input[type=submit]{border:0;background:var(--orange);color:#fff;border-radius:25px;padding:12px 35px;font-size:15px;cursor:pointer}.cw-form input[type=submit]:disabled{opacity:.6}.hidden-fields-container{display:none}.cw-form-response-output:empty{display:none}.cw-form-response-output{font-size:15px;padding:15px;background:var(--paper)}footer{background:var(--olive);color:var(--ink);padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:70px}.footer-grid a{display:block;color:var(--ink);font-size:14px}.footer-grid nav{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footer-logo{width:280px;margin-bottom:25px}.footer-grid p{font-size:15px;margin-bottom:5px}.rsc-logo{width:150px;margin-top:24px}.footer-bottom{margin-top:35px;border-top:1px solid #ffffff60;padding-top:20px;display:flex;justify-content:space-between;font-size:13px}.footer-bottom a{color:var(--ink)}
@media(min-width:1500px){.wrap{width:1200px}.hero-photo>img:first-child{max-height:760px}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.header-inner{min-height:100px}.brand{flex-basis:230px}.brand img{width:230px}nav{gap:13px}nav a{font-size:13px}.split,.section-heading,.contact-grid{gap:50px}.service-grid{grid-template-columns:repeat(2,1fr)}.partner{gap:40px}.partner-person{align-items:flex-start;flex-direction:column}}
@media(max-width:900px){html{scroll-padding-top:100px}.header-inner{min-height:90px}.menu-toggle{display:block;border:1px solid var(--orange);background:#fff;color:var(--orange);border-radius:22px;padding:9px 15px;font-size:14px;cursor:pointer}header nav{display:none;position:absolute;left:0;right:0;top:90px;background:#fff;padding:24px;box-shadow:0 12px 18px #32324b15}header nav.open{display:flex;flex-direction:column;align-items:flex-start;gap:18px}header nav a{font-size:16px}.hero-copy{padding:40px 35px 40px 0}.hero-photo .brand-seal{width:65px;height:65px;left:-32px}.strength-grid{grid-template-columns:repeat(2,1fr)}.section{padding:65px 0}.footer-grid{gap:35px}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.brand{flex-basis:215px}.brand img{width:215px}h1{font-size:32px}h2{font-size:27px}body{font-size:16px}.hero-grid,.split,.section-heading,.experience-grid,.education,.meet-grid,.contact-grid,.partner{grid-template-columns:1fr;gap:30px}.hero-copy{padding:35px 0 15px}.hero-photo{max-width:420px;width:100%;margin:0 auto 30px;aspect-ratio:1}.hero-photo .brand-seal{left:auto;right:15px;top:auto;bottom:-22px}.section{padding:55px 0}.portrait{width:230px}.section-heading{margin-bottom:30px;gap:5px}.experience-grid{gap:5px}.education{gap:20px}.client-logos{overflow:auto;padding:20px 15px}.client-logos img{min-width:680px}.service-grid{grid-template-columns:1fr;gap:25px}.service h3{font-size:20px}.service-intro img{height:210px}.meet-grid{gap:0}.meet-grid>img{height:240px}.meet-grid>div{padding:30px 0 40px}.strength-grid{grid-template-columns:1fr;gap:25px}.coaching{margin-top:40px;gap:0}.coaching>img{min-height:0;height:250px}.coaching>div{padding:25px}.partner{gap:25px}.partner-person{flex-direction:row;align-items:center}.partner-person img{width:80px;height:80px}.together-gallery{grid-template-columns:1fr;gap:20px}.contact-mark{display:none}.footer-grid{grid-template-columns:1fr;gap:35px}.footer-grid nav{display:grid;grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;gap:10px}.cw-form textarea{min-height:150px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Diensten: acht keuzes en één rustig wisselend detailblok. */
.service-browser{display:grid;grid-template-columns:1fr 1.1fr;gap:45px;margin-top:35px;align-items:stretch}.service-choices{display:flex;flex-direction:column}.service-choice{display:flex;align-items:center;gap:20px;width:100%;border:0;border-bottom:1px solid #a6a68770;padding:18px 16px;text-align:left;font:400 16px/1.55 Lexend,sans-serif;color:var(--ink);background:#fff;cursor:pointer}.service-choice:first-child{border-top:1px solid #a6a68770}.service-choice .number{margin:0;flex:0 0 25px}.service-choice:hover{background:var(--paper)}.service-choice[aria-selected=true]{background:var(--orange);color:#fff}.service-choice[aria-selected=true] .number{color:#fff}.service-choice:focus-visible{outline-offset:-4px;outline-color:var(--ink)}.service-details{background:var(--paper);border-top:4px solid var(--olive);padding:38px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.service-panels{display:grid;align-items:start}.service-panel{grid-area:1/1;min-width:0;animation:service-in .4s ease-out}.service-panel[hidden]{display:block;visibility:hidden;pointer-events:none;animation:none}.service-panel h3{font-size:27px;line-height:1.4;overflow-wrap:anywhere}.service-panel p{font-size:18px;line-height:1.9}.detail-number{display:block;color:var(--orange);font-size:15px;letter-spacing:.12em;margin-bottom:30px}.service-controls{border-top:1px solid #a6a68770;padding-top:20px;margin-top:35px;display:flex;align-items:center;gap:20px;justify-content:space-between}.service-playback{font-size:13px;line-height:1.6;margin:0}.service-pause{background:transparent;border:1px solid var(--orange);border-radius:22px;color:var(--orange);padding:8px 16px;cursor:pointer;font-size:14px;white-space:nowrap}.service-intro img{height:360px;object-position:center 55%}.meet-grid>img{height:auto;aspect-ratio:1.5;object-fit:cover}@keyframes service-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.service-browser{gap:25px}.service-details{padding:25px}.service-panel h3{font-size:23px}.service-panel p{font-size:16px}.service-choice{font-size:15px;gap:12px;padding:16px 12px}.service-controls{flex-wrap:wrap;gap:12px}}@media(max-width:650px){.service-browser{grid-template-columns:1fr;gap:25px}.service-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.service-choice{border:1px solid #a6a68770;align-items:flex-start;flex-direction:column;gap:5px;font-size:14px;padding:12px}.service-choice .number{flex-basis:auto;font-size:12px}.service-intro img{height:auto;aspect-ratio:1.5}.service-details{padding:25px}.service-panel h3{font-size:23px}.service-controls{margin-top:25px}}@media(prefers-reduced-motion:reduce){.service-panel{animation:none}}
.together-gallery figure{margin:0}.together-gallery figcaption{font-size:12px;line-height:1.6;margin-top:8px;color:var(--ink)}.whatsapp-float{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:30;display:flex;align-items:center;gap:10px;padding:14px 20px;background:var(--orange);color:#fff;border:2px solid #fff;border-radius:40px;box-shadow:0 4px 18px #32324b33;font-size:15px;line-height:1.4;min-height:56px}.whatsapp-float svg{width:25px;height:25px;flex:none}.whatsapp-float:hover{background:var(--ink);color:#fff;text-decoration:none}.whatsapp-float:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.footer-bottom{padding-bottom:70px}@media(max-width:650px){.whatsapp-float{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:56px;height:56px;padding:13px}.whatsapp-float span{display:none}}

.hero-photo>img:first-child{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%}@media(max-width:650px){.hero-photo>img:first-child{object-position:50% 55%}}

.portrait-closeup{position:relative;overflow:hidden;border-radius:50%}.portrait-closeup>img{position:absolute;max-width:none;width:255%;height:auto;left:-91%;top:-10%;}

.hero-photo>img:first-child{object-position:50% 0%}.portrait-closeup>img{width:233%;left:-64%;top:-108%;}

/* Preserve the original reference bar, now below Contact. */
.references{padding:0 0 45px;background:#fff}.references .client-logos{margin-top:0}.privacy-acceptance{margin-bottom:20px}.policy{padding:65px 0 85px}.policy .wrap{max-width:1140px}.policy h1{margin-bottom:35px}.policy h2{margin-top:35px;margin-bottom:20px}.policy h3{margin-top:25px}.policy ul{padding-left:24px}.policy details{margin:15px 0;padding:18px 22px;border:1px solid #a6a68770}.policy summary{cursor:pointer;color:var(--orange)}.policy a{overflow-wrap:anywhere}.cookie-choice{background:var(--paper);padding:25px;border-top:2px solid var(--olive)}
@media(max-width:650px){.header-inner{gap:10px}.brand{min-width:0;flex:0 1 215px}.menu-toggle{flex-shrink:0}.policy{padding:40px 0 55px}}

/* CW brand accents — 22 September 2026 */
.references{background:var(--orange);padding-top:20px;padding-bottom:20px}
.references .client-logos{background:var(--orange)}
footer{background:var(--orange);color:#fff}
footer .footer-grid a,footer .footer-bottom a{color:#fff}
footer a:hover{text-decoration:underline}
footer :focus-visible{outline-color:#fff}
footer .footer-bottom{border-top-color:rgba(255,255,255,.4)}
#over-mij{background:#f8f4ed}
#mijn-diensten{background:#f2ece2}
#over-mij .portrait-column{isolation:isolate}
.hero{position:relative;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url('images/background-1-logo.png') no-repeat max(20px,calc(50% - 560px)) 50%;background-size:min(42vw,560px);opacity:.9}
.hero>.hero-grid{position:relative;z-index:1}
@media(max-width:650px){.hero::before{background-position:center 75px;background-size:90vw;opacity:.8}}

/* Orange reference logos on the same beige as About. */
.references,.references .client-logos{background:#f8f4ed}
.references .client-logos img{filter:url(#cw-logo-orange)}
.contact-portrait{width:180px;margin:30px 0 25px}
@media(max-width:650px){.contact-portrait{width:160px}}

/* Mobile photos: preserve source proportions without stretching. */
@media (max-width:650px) {
  .hero-photo { aspect-ratio:auto; }
  .hero-photo > img:first-child {
    position:static;
    inset:auto;
    width:100%;
    height:auto;
    aspect-ratio:auto;
    object-fit:contain;
  }
  .together-gallery img {
    width:100%;
    height:auto;
    aspect-ratio:auto;
    object-fit:contain;
  }
  .partner-person > img {
    flex:0 0 80px;
    width:80px;
    height:80px;
    aspect-ratio:1;
    object-fit:cover;
  }
}
