/* If it all works out — gedeelde huisstijl voor alle pagina's */
@font-face{font-family:Manrope;src:url("assets/fonts/manrope-500.woff2") format("woff2");font-weight:400 500;font-display:swap}
@font-face{font-family:Manrope;src:url("assets/fonts/manrope-700.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url("assets/fonts/manrope-800.woff2") format("woff2");font-weight:800;font-display:swap}

:root{
  --ink:#151515;--paper:#f5f2ee;--sand:#ece6e0;--white:#fff;--copper:#c36d47;--copper-dark:#9b4e31;--wine:#582733;
  --pale:#e9bca9;--line:#1515152b;--max:1240px;
  /* De grote welving: één maat, zodat aansluitende bogen precies in elkaar overlopen */
  --curve:clamp(120px,18vw,260px);
  /* Kleine welving voor kaarten, foto's en kaders: altijd rechtsonder */
  --curve-sm:clamp(44px,6vw,90px);
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;line-height:1.65;font-size:16px}
a{color:inherit}
img{display:block;max-width:100%}
h1,h2,h3{text-wrap:balance}
:focus-visible{outline:3px solid var(--copper);outline-offset:3px}
.skip{position:fixed;top:-5rem;left:1rem;background:#fff;padding:1rem;z-index:100}
.skip:focus{top:1rem}

/* Header */
header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - var(--max))/2));border-bottom:1px solid var(--line);background:rgba(244,244,242,.95);backdrop-filter:blur(12px);position:sticky;top:env(safe-area-inset-top,0px);z-index:20}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-weight:800;letter-spacing:-.03em}
.brand i{width:21px;height:21px;background:var(--copper);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
nav{display:flex;gap:1.6rem;align-items:center}
nav a{text-decoration:none;font-weight:700;font-size:.82rem}
nav a:hover,nav a[aria-current]{color:var(--copper-dark)}
.navcta{border:1px solid;padding:.6rem .9rem;border-radius:0 14px}
.navcta:hover{background:var(--ink);color:var(--white)!important}
.menu{display:none;background:none;border:0;font:inherit;font-weight:800;cursor:pointer;color:var(--ink)}

/* Basisbouwstenen */
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.69rem;font-weight:800;margin:0 0 1.3rem}
.pale{color:var(--pale)}
.lead{font-size:clamp(1.05rem,1.8vw,1.3rem);max-width:700px;margin:2.2rem 0}
.intro{font-size:1.12rem;margin-top:0}
.narrow{max-width:850px}
.label{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:var(--copper-dark);font-weight:800}
.actions{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}
.btn{min-height:50px;padding:.8rem 1.15rem;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;font:inherit;font-size:.84rem;font-weight:800;cursor:pointer;border-radius:0 18px}
.dark{background:var(--ink);color:var(--white)}
.dark:hover{background:var(--copper-dark)}
.copper{background:var(--copper);color:var(--white)}
.copper:hover{background:#d57a53}
form .copper{width:100%}
.arrow{text-decoration:none;font-weight:800}
.arrow:hover{text-decoration:underline;text-underline-offset:5px}
.light-arrow{display:inline-block;margin-top:1rem;color:var(--white)}
.sectionhead{display:grid;grid-template-columns:.55fr 1.45fr;gap:4rem}
.sectionhead h2,.narrow h2,.about h2,.contact h2{font-size:clamp(2.5rem,5vw,5rem);line-height:1.03;letter-spacing:-.06em;margin:0}

main{overflow:hidden;background:var(--white)}
main>section{position:relative;isolation:isolate}
main>section>*{position:relative;z-index:1}

/* ===== Hero met welving (Voor mezelf + Voor organisaties) ===== */
.org-page .org-hero,.personal-hero{width:100%;min-height:720px;margin:0;padding:0;background:var(--wine);color:var(--white);display:block;border-bottom-right-radius:var(--curve);overflow:hidden}
.org-hero-inner{width:min(100%,var(--max));min-height:720px;margin:0 auto;padding:88px 24px 76px;display:flex;flex-direction:column;justify-content:center}
.org-kicker{width:max-content;max-width:100%;margin:0 0 64px;padding:12px 22px;border:1px solid rgba(255,255,255,.333);border-radius:0 22px;display:inline-flex;align-items:center;gap:12px;color:var(--pale);font-size:.78rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.org-kicker svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.org-page .org-hero h1,.personal-hero h1{max-width:1120px;margin:0;font-size:clamp(3.7rem,7.2vw,7.25rem);line-height:.96;letter-spacing:-.068em}
.org-page .org-hero h1 em,.personal-hero h1 em{display:block;font-style:normal;color:var(--copper)}
.org-hero-bottom{margin-top:54px;padding-top:30px;border-top:1px solid rgba(255,255,255,.208);display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:end}
.org-page .org-hero .lead,.personal-hero .lead{max-width:720px;margin:0;color:#f4e9e5;font-size:1.06rem}
.org-page .org-hero .actions,.personal-hero .actions{justify-content:flex-start;gap:1.6rem}
.org-page .org-hero .arrow,.personal-hero .arrow{color:var(--white)}
.org-hero-btn{background:var(--copper);color:var(--white)}
.org-hero-btn:hover{background:var(--white);color:var(--wine)}

/* De S-welving: onder de ronde hoek van de hero komt de kleur van het volgende blok,
   zodat de boog rechtsonder en de boog linksboven één doorlopende lijn vormen. */
.curve-join{background:linear-gradient(to bottom,transparent calc(100% - var(--curve)),var(--ink) calc(100% - var(--curve)))}
.org-problems,.private-routes{background:var(--ink);color:var(--white);width:auto;margin:-1px 0 0 clamp(46px,7vw,96px);border-radius:var(--curve) 0 0;overflow:hidden;scroll-margin-top:84px}
.org-problems .sectionhead,.private-routes .route-intro{padding-left:clamp(0px,8vw,120px)}

/* ===== Voor mezelf ===== */
.route-section{padding:100px max(24px,calc((100vw - var(--max))/2))}
.route-intro{display:grid;grid-template-columns:.45fr 1.55fr;gap:4rem;align-items:start}
.private-routes .route-intro h1,.route-intro h2{font-size:clamp(2.8rem,5vw,5rem);line-height:1.02;letter-spacing:-.06em;margin:0}
.choice-routes{display:grid;grid-template-columns:repeat(2,1fr);max-width:960px;margin:5rem 0 0 auto;border-top:1px solid rgba(255,255,255,.22)}
.choice-routes article{padding:2rem;min-height:400px;border-right:1px solid rgba(255,255,255,.22);display:flex;flex-direction:column}
.choice-routes article:first-child{padding-left:0}
.choice-routes article:last-child{border-right:0}
.choice-routes span{font-size:.72rem;color:var(--copper);font-weight:800}
.choice-routes h3{font-size:2rem;letter-spacing:-.045em;margin:4.5rem 0 .7rem;line-height:1.2}
.choice-routes p{color:#d8d3d0;margin:0 0 2rem}
.choice-routes a{margin-top:auto;font-weight:800;text-decoration:none}
.choice-routes a:hover{text-decoration:underline;text-underline-offset:5px}

/* Over mij-blok met foto */
.about{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:var(--white);width:calc(100% - clamp(18px,6vw,96px));border-radius:0 clamp(110px,16vw,230px) clamp(110px,16vw,230px) 0;overflow:hidden}
.concept-about{background:var(--sand)}
.portrait{min-height:740px;overflow:hidden;position:relative;background:var(--sand)}
.portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.about>div:last-child{padding:8vw;display:flex;flex-direction:column;justify-content:center;background:var(--sand)}
.about p:not(.eyebrow){font-size:1.04rem;max-width:62ch}
.about blockquote{border-left:4px solid var(--copper);padding-left:1.4rem;margin:2rem 0 0;font-size:1.2rem;font-weight:700}
.signature{text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:var(--copper-dark);margin-top:1.3rem;font-size:.78rem!important}

/* Werkwijze */
.process{max-width:var(--max);margin:auto;padding:125px 24px}
.concept-process{padding-top:105px;padding-bottom:105px}
.concept-process .sectionhead{margin-bottom:4rem}
.process::before{content:"";position:absolute;z-index:0;width:clamp(240px,34vw,520px);aspect-ratio:1/1;border:clamp(42px,6vw,92px) solid rgba(88,39,51,.04);border-radius:50%;right:clamp(-350px,-18vw,-160px);top:8%}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:4.5rem}
.concept-process .steps{margin-top:0}
.steps article{background:var(--paper);padding:2.2rem;min-height:310px}
.steps b{font-size:.7rem;color:var(--copper)}
.steps h3{font-size:1.6rem;margin:5rem 0 .6rem;letter-spacing:-.04em}
.steps p{margin:0;color:#4a4541}

/* Reflact */
.reflact-section{background:var(--wine);color:var(--white);padding:105px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr 1fr;gap:8vw}
.reflact-section h2{font-size:clamp(2.8rem,5vw,5rem);line-height:1.02;letter-spacing:-.06em;margin:0}
.reflact-intro{font-size:1.15rem;margin-top:0}
.reflact-section ul{list-style:none;padding:0;margin:2.5rem 0}
.reflact-section li{display:grid;grid-template-columns:110px 1fr;gap:1rem;padding:1.1rem 0;border-top:1px solid rgba(255,255,255,.22)}
.reflact-section li:last-child{border-bottom:1px solid rgba(255,255,255,.22)}
.reflact-section li b{color:var(--pale)}
.reflact-section li span{color:#e7dedd}

/* Ervaringen */
.testimonial{padding:110px 0 110px max(24px,calc((100vw - var(--max))/2));border-top:1px solid var(--line);overflow:hidden}
.testimonial-head{max-width:var(--max);padding-right:max(24px,calc((100vw - var(--max))/2));display:flex;justify-content:space-between;align-items:center}
.testimonial-head span{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#756d68}
.review-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:1rem max(24px,calc((100vw - var(--max))/2)) 2rem 0;scrollbar-width:thin;scrollbar-color:var(--copper) transparent}
.review-card{flex:0 0 min(760px,82vw);min-height:430px;margin:0;padding:clamp(30px,4vw,58px);background:var(--white);border-top:6px solid var(--copper);display:flex;flex-direction:column;scroll-snap-align:start;box-shadow:0 1px 0 var(--line)}
.review-card h2{font-size:clamp(2rem,3.6vw,3.8rem);line-height:1.04;letter-spacing:-.055em;margin:0}
.review-card>p{font-size:1.08rem;line-height:1.75;margin:2.2rem 0 0}
.review-card cite{display:block;padding-top:1.4rem;margin-top:auto;border-top:1px solid var(--line);font-size:.78rem;font-weight:800;font-style:normal}
.review-card>p+cite{margin-top:2rem}

/* Nieuwsbrief */
.newsletter{max-width:var(--max);margin:auto;padding:80px 24px;display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:end;border-top:1px solid var(--line)}
.org-newsletter{background:var(--paper);max-width:none;padding-inline:max(24px,calc((100vw - var(--max))/2))}
.newsletter h2{font-size:clamp(2.5rem,4.8vw,4.7rem);line-height:1.02;letter-spacing:-.06em;margin:0 0 1.25rem}
.newsletter>div>p:last-child{max-width:590px;margin-bottom:0}
.newsletter form{padding:0;background:transparent}
.newsletter form>label{display:block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.55rem}
.newsletter-fields{display:grid;grid-template-columns:1fr auto}
.newsletter-fields input{margin:0;min-height:56px;border-color:var(--ink)}
.newsletter-fields .btn{min-height:56px;padding-inline:1.6rem}
.newsletter-note,#newsletter-status{font-size:.72rem;margin:.7rem 0 0;color:#5f5853}
#newsletter-status{min-height:1.2rem;color:var(--ink)}

/* Contact */
.contact{background:var(--ink);color:var(--white);padding:115px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-left:clamp(18px,6vw,96px);border-top-left-radius:clamp(110px,16vw,230px);overflow:hidden}
.contact::after{content:"";position:absolute;z-index:0;width:clamp(260px,38vw,560px);height:clamp(420px,58vw,800px);border:1px solid rgba(255,255,255,.07);border-radius:999px 999px 0 0;right:clamp(-260px,-12vw,-110px);bottom:-56%}
.contact>div>p:not(.eyebrow){font-size:1.08rem}
.contact-steps{list-style:none;padding:0;margin:2rem 0;border-top:1px solid rgba(255,255,255,.19)}
.contact-steps li{display:grid;gap:.15rem;padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.19)}
.contact-steps b{font-size:.9rem}
.contact-steps span{font-size:.83rem;color:#cfc6c0}
.promise{color:#cfc6c0;margin-top:2rem;font-size:.78rem!important}
.promise::first-letter{color:var(--copper)}
form{background:var(--white);color:var(--ink);padding:2rem}
.contact form{align-self:start}
form>label:not(.consent){display:block;font-size:.75rem;font-weight:800;margin-bottom:1rem}
input,textarea{display:block;width:100%;min-height:47px;border:1px solid #b9b0aa;background:#fff;color:var(--ink);padding:.7rem;font:inherit;margin-top:.35rem;border-radius:0}
input:focus,textarea:focus{outline:3px solid rgba(195,109,71,.25);border-color:var(--copper-dark)}
.consent{display:grid;grid-template-columns:auto 1fr;gap:.7rem;font-size:.72rem;margin:1.2rem 0}
.consent input{width:auto;min-height:auto;margin-top:.2rem}
#status{font-size:.76rem;min-height:1rem;margin-bottom:0}

/* FAQ, patroon, privacy */
.faq{max-width:var(--max);margin:auto;padding:125px 24px;display:grid;grid-template-columns:1.05fr .95fr;gap:8vw}
.org-faq{padding-top:110px;padding-bottom:110px}
.faq::before{content:"";position:absolute;z-index:0;width:clamp(240px,36vw,520px);aspect-ratio:1/1;border:clamp(45px,7vw,105px) solid rgba(195,109,71,.04);border-radius:50%;left:clamp(-360px,-20vw,-170px);bottom:-36%}
.faq details{border-top:1px solid var(--line);padding:1.2rem 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq a{font-weight:800;text-underline-offset:3px}
summary{font-weight:800;cursor:pointer;list-style:none;position:relative;padding-right:2rem}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:0;color:var(--copper-dark)}
details[open] summary::after{content:"–"}
.pattern{background:var(--wine);color:var(--white);padding:105px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr 1fr;gap:8vw}
.pattern h2{font-size:clamp(2.7rem,5vw,5rem);line-height:1.02;letter-spacing:-.06em;margin:0}
.pattern p:not(.eyebrow){font-size:1.08rem;color:#eee1de;margin-top:0}
.privacy{max-width:850px;margin:auto;padding:80px 24px 120px;background:transparent;overflow:visible}
.privacy h1{font-size:clamp(3rem,7vw,5rem);line-height:1;letter-spacing:-.06em}
.privacy h2{margin-top:2.5rem}

/* ===== Voor organisaties ===== */
.org-problems{padding:110px max(24px,calc((100vw - var(--max))/2))}
.org-route-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:54px;border-top:1px solid rgba(255,255,255,.208)}
.org-route-grid a{min-height:300px;padding:28px;text-decoration:none;border-right:1px solid rgba(255,255,255,.208);display:flex;flex-direction:column;transition:background .2s}
.org-route-grid a:first-child{padding-left:0}
.org-route-grid a:last-child{border-right:0}
.org-route-grid a:hover{background:rgba(255,255,255,.043)}
.org-route-grid b{font-size:.72rem;color:var(--copper)}
.org-route-grid h3{margin:68px 0 12px;font-size:1.75rem;letter-spacing:-.04em}
.org-route-grid p{margin:0;color:#d3d3d3;max-width:300px}
.org-route-grid span{margin-top:auto;color:var(--pale);font-size:.8rem;font-weight:800}
.org-promise,.org-process{max-width:var(--max);margin:auto;padding:120px 24px;display:grid;grid-template-columns:1fr 1fr;gap:8vw}
.org-why{border-bottom:1px solid var(--line)}
.org-promise h2,.org-process h2,.org-trust h2{font-size:clamp(2.7rem,5vw,5rem);line-height:1.02;letter-spacing:-.06em;margin:0}
.org-offers{background:var(--wine);color:var(--white);padding:110px max(24px,calc((100vw - var(--max))/2));margin:0 clamp(12px,3vw,48px);border-radius:0 clamp(80px,11vw,160px)}
.org-offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.2);margin-top:4rem}
.org-offer-grid article{background:var(--white);color:var(--ink);padding:2rem;min-height:440px}
.org-offer-grid h3{font-size:1.7rem;line-height:1.15;letter-spacing:-.04em;margin:.7rem 0 1rem}
.org-offer-grid ul{padding-left:1.15rem;margin-top:2rem}
.org-offer-grid li{margin:.65rem 0}
.org-wide-offers{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:1px;background:rgba(255,255,255,.208)}
.org-wide-offers article{scroll-margin-top:110px;background:var(--white);color:var(--ink);padding:36px;display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;min-height:250px}
.org-wide-offers h3{font-size:2rem;line-height:1.1;letter-spacing:-.04em;margin:.5rem 0}
.org-wide-offers p{margin-top:0}
.org-steps{border-top:1px solid var(--line)}
.org-steps article{display:grid;grid-template-columns:52px 1fr;gap:1rem;padding:1.4rem 0;border-bottom:1px solid var(--line)}
.org-steps span{color:var(--copper-dark);font-weight:800;font-size:.75rem}
.org-steps h3{font-size:1.35rem;margin:0 0 .4rem}
.org-steps p{margin:0;color:#4a4541}
.org-trust{background:var(--ink);color:var(--white);padding:95px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr 1fr;gap:8vw}
.org-trust p:not(.eyebrow){font-size:1.08rem;color:#d6d6d6}
.trust-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.trust-columns article{border:1px solid rgba(255,255,255,.23);padding:1.5rem}
.trust-label{text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:.72rem!important;color:var(--copper)!important}
.trust-columns ul{list-style:none;padding:0;margin:1.2rem 0 0}
.trust-columns li{border-top:1px solid rgba(255,255,255,.15);padding:.9rem 0}
.trust-columns li::before{content:"+";color:var(--copper);font-weight:800;margin-right:.65rem}
.trust-columns article:last-child li::before{content:"–"}

/* ===== Wie ben ik ===== */
.profile-hero{max-width:var(--max);min-height:720px;margin:auto;padding:85px 24px 90px;display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:end}
.profile-intro h1{font-size:clamp(3.6rem,6.7vw,6.8rem);line-height:.94;letter-spacing:-.07em;margin:0}
.profile-intro>p:last-child{max-width:720px;font-size:1.12rem;margin-top:2.4rem}
.profile-hero figure{margin:0}
.profile-hero img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top}
.profile-hero figcaption{padding-top:12px;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.profile-experience,.profile-vision{padding:110px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr 1fr;gap:8vw}
.profile-experience{background:var(--ink);color:var(--white);margin-right:clamp(18px,5vw,72px);border-bottom-right-radius:clamp(100px,15vw,220px)}
.profile-experience h2,.profile-vision h2,.profile-style h2{font-size:clamp(2.7rem,5vw,5rem);line-height:1.02;letter-spacing:-.06em;margin:0}
.profile-copy p{color:#d8d8d8}
.profile-copy .intro{color:var(--white)}
.profile-expertise{max-width:var(--max);margin:auto;padding:120px 24px}
.expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:4.5rem}
.expertise-grid article{background:var(--paper);padding:2rem;min-height:310px}
.expertise-grid span{font-size:.72rem;color:var(--copper-dark);font-weight:800}
.expertise-grid h3{font-size:1.7rem;letter-spacing:-.04em;margin:4.5rem 0 .8rem}
.expertise-grid p{margin:0}
.profile-vision{background:var(--wine);color:var(--white);margin-left:clamp(18px,5vw,72px);border-top-left-radius:clamp(100px,15vw,220px)}
.profile-vision p{color:#eadfdd}
.profile-vision blockquote{margin:2.5rem 0 0;padding:1.5rem 0 0 1.5rem;border-left:5px solid var(--copper);font-size:1.3rem;font-weight:700;color:var(--white)}
.profile-style{max-width:var(--max);margin:auto;padding:120px 24px;display:grid;grid-template-columns:1fr 1fr;gap:8vw}
.profile-style ul{list-style:none;padding:0;margin:0}
.profile-style li{padding:1.25rem 0;border-bottom:1px solid var(--line);display:grid;gap:.4rem}
.profile-style span{color:#514b47}
.profile-contact{background:var(--ink);color:var(--white);padding:100px max(24px,calc((100vw - var(--max))/2));margin-left:clamp(18px,5vw,72px);border-top-left-radius:clamp(90px,13vw,190px)}
.profile-contact h2{font-size:clamp(2.8rem,5.5vw,5.4rem);line-height:1;letter-spacing:-.06em;margin:0;max-width:850px}
.profile-contact>p:not(.eyebrow){font-size:1.08rem;max-width:680px}
.profile-contact .actions{margin-top:2rem}

/* ===== Aanpak ===== */
.inspiration-intro{max-width:var(--max);margin:auto;padding:110px 24px 90px}
.inspiration-intro h1{font-size:clamp(3.5rem,7vw,7rem);line-height:.93;letter-spacing:-.07em;margin:0;max-width:1080px}
.inspiration-intro>p:last-child{font-size:1.15rem;max-width:700px;margin:2rem 0 0}
.inspiration-cta{max-width:var(--max);margin:0 auto 110px;padding:70px;background:var(--white);border-top:6px solid var(--copper);box-shadow:0 20px 55px rgba(0,0,0,.05)}
.inspiration-cta h2{font-size:clamp(2.5rem,5vw,4.8rem);line-height:1;letter-spacing:-.06em;margin:.5rem 0 1.3rem}
.inspiration-cta>p:not(.eyebrow){max-width:720px}

/* ===== Inspiratie ===== */
.yearth-inspired{background:#f7f6f4}
.editorial-landing-hero{background:var(--wine);color:var(--white);padding:110px max(24px,calc((100vw - var(--max))/2)) 0;min-height:640px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.editorial-landing-hero::after{content:"";position:absolute;width:560px;height:560px;border:92px solid rgba(255,255,255,.04);border-radius:50%;right:-210px;top:-110px}
.editorial-hero-main{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end}
.editorial-hero-main h1{font-size:clamp(4rem,8vw,7.8rem);line-height:.88;letter-spacing:-.075em;margin:.8rem 0 0}
.editorial-hero-main h1 em{font-style:normal;color:var(--copper)}
.editorial-hero-lead{font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.55;max-width:540px;margin:0 0 .8rem}
.editorial-promises{display:grid;grid-template-columns:repeat(3,1fr);margin-top:6rem;border-top:1px solid rgba(255,255,255,.333)}
.editorial-promises p{min-height:145px;margin:0;padding:1.8rem 2rem 2rem 0;border-right:1px solid rgba(255,255,255,.333);display:grid;grid-template-columns:38px 1fr;gap:1rem;align-items:start}
.editorial-promises p:not(:first-child){padding-left:2rem}
.editorial-promises p:last-child{border-right:0}
.editorial-promises span{font-size:.72rem;font-weight:800;color:#e7ad94}
.journal-library{max-width:var(--max);margin:auto;padding:110px 24px 125px}
.journal-heading{display:flex;justify-content:space-between;gap:3rem;align-items:end;margin-bottom:3.5rem}
.journal-heading h2{font-size:clamp(3.4rem,6vw,6.2rem);line-height:.95;letter-spacing:-.07em;margin:0}
.journal-heading>p{max-width:430px;margin:0;font-size:1.04rem}
.journal-filters{margin-bottom:3rem;border-block:1px solid var(--line)}
.filter-row{display:grid;grid-template-columns:130px 1fr;gap:2rem;padding:1.25rem 0;align-items:start}
.filter-row+.filter-row{border-top:1px solid var(--line)}
.filter-label{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;padding-top:.75rem}
.filter-buttons{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px}
.filter-buttons button{min-height:48px;padding:10px 18px;border:1px solid var(--ink);border-radius:0 14px;background:transparent;color:var(--ink);font:inherit;font-size:.78rem;font-weight:800;cursor:pointer}
.filter-buttons button:hover,.filter-buttons button.is-active{background:var(--ink);color:var(--white)}
.topic-filters{display:flex;flex-wrap:wrap;gap:8px}
.topic-filters button{min-height:48px;padding:9px 15px;border:1px solid var(--ink);border-radius:0 14px;background:transparent;color:var(--ink);font:inherit;font-size:.75rem;font-weight:800;cursor:pointer}
.topic-filters button b{color:var(--copper-dark);margin-right:.4rem}
.topic-filters button:hover,.topic-filters button.is-active{background:var(--ink);color:var(--white)}
.topic-filters button.is-active b,.topic-filters button:hover b{color:var(--copper)}
.filter-result{border-top:1px solid var(--line);margin:0;padding:.8rem 0;text-align:right;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#6d625d}
.filter-empty{padding:3rem;border:1px solid var(--line);text-align:center;font-weight:700}
.journal-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.journal-card{grid-column:span 4;min-height:500px;background:var(--white);border:1px solid #d8d4d0}
.journal-card>a{height:100%;padding:1.7rem;display:flex;flex-direction:column;text-decoration:none}
.journal-card-top{display:flex;justify-content:space-between;gap:1rem;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding-bottom:1rem;border-bottom:1px solid}
.journal-card-copy{display:flex;flex-direction:column;flex:1 1 0%}
.journal-date{font-size:.69rem;line-height:1.4;text-transform:uppercase;letter-spacing:.07em;font-weight:800;color:#8a4a32;margin:2rem 0 .8rem}
.journal-card h3{font-size:clamp(1.7rem,2.4vw,2.45rem);line-height:1.04;letter-spacing:-.05em;margin:0 0 1rem}
.journal-card-copy>p:not(.journal-date){font-size:.98rem;line-height:1.6;margin:0}
.journal-card b{margin-top:auto;padding-top:2rem;display:flex;justify-content:space-between;gap:1rem;align-items:center}
.journal-card b i{font-style:normal;width:42px;height:42px;border:1px solid;border-radius:50%;display:grid;place-items:center}
.journal-card:hover b i{background:var(--ink);color:var(--white)}
.journal-featured{grid-column:span 7;grid-row:span 2;min-height:820px;background:var(--ink);color:var(--white)}
.journal-featured>a{padding:2.2rem}
.journal-featured h3{font-size:clamp(3rem,5vw,5.2rem);margin-top:auto}
.journal-featured .journal-card-copy>p:not(.journal-date){font-size:1.08rem;max-width:620px}
.journal-featured .journal-date,.journal-wine .journal-date{color:#e7ad94}
.journal-featured:hover b i{background:var(--white);color:var(--ink)}
.journal-compact{grid-column:span 5;min-height:401px}
.journal-compact h3{font-size:clamp(1.8rem,3vw,3rem)}
.journal-copper{background:var(--copper)}
.journal-copper .journal-date{color:#4d2417}
.journal-wine{background:var(--wine);color:var(--white)}
.journal-wine:hover b i{background:var(--white);color:var(--wine)}
.journal-tool{background:var(--ink);color:var(--white);margin-right:clamp(18px,5vw,72px);padding:95px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr 1fr;gap:8vw;border-bottom-right-radius:clamp(90px,13vw,190px)}
.journal-tool h2,.journal-close h2{font-size:clamp(2.8rem,5vw,5.2rem);line-height:.98;letter-spacing:-.06em;margin:0}
.journal-tool>div:last-child{align-self:end}
.journal-tool>div:last-child p{font-size:1.12rem;color:#ddd;max-width:580px}
.journal-tool .btn{margin-top:1.2rem}
.journal-close{max-width:var(--max);margin:auto;padding:120px 24px}
.journal-close>p:not(.eyebrow){font-size:1.08rem;max-width:660px}
.journal-close .actions{margin-top:2rem}

/* ===== Artikelen ===== */
.article-shell{background:var(--white)}
.article-hero{background:var(--wine);color:var(--white);padding:75px max(24px,calc(50vw - 490px)) 85px}
.article-hero.copper-hero{background:var(--copper);color:var(--ink)}
.back-link{display:inline-block;margin-bottom:4rem;font-weight:800;text-decoration:none}
.back-link:hover{text-decoration:underline;text-underline-offset:5px}
.article-hero h1{font-size:clamp(3.1rem,6.5vw,6.5rem);line-height:.96;letter-spacing:-.07em;margin:.7rem 0 2rem}
.article-byline{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:0 0 1.8rem;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.article-byline span+span::before{content:"·";margin-right:1.25rem}
.article-lead{font-size:clamp(1.15rem,2vw,1.45rem);max-width:790px}
.article-body{max-width:760px;margin:auto;padding:90px 24px}
.article-body p,.article-body li{font-size:1.08rem;line-height:1.82}
.article-body h2{font-size:clamp(2rem,4vw,3.15rem);line-height:1.08;letter-spacing:-.05em;margin:4.5rem 0 1.4rem}
.article-body blockquote{font-size:1.55rem;line-height:1.45;font-weight:700;margin:4rem -80px;padding:2rem 0 2rem 2rem;border-left:6px solid var(--copper)}
.article-body li{margin:.65rem 0}
.dropcap::first-letter{float:left;font-size:4.8rem;line-height:.78;font-weight:800;color:var(--copper-dark);padding:.15rem .6rem 0 0}
.article-end{max-width:980px;margin:0 auto 110px;padding:65px;background:var(--paper);border:0;border-bottom-right-radius:var(--curve-sm)}
.article-end h2{font-size:clamp(2.4rem,5vw,4.7rem);line-height:1;letter-spacing:-.06em;margin:.5rem 0 1.3rem}
.article-end>p:not(.eyebrow){max-width:690px}
.article-tool-cta{display:block;max-width:920px;margin:0 auto 80px;padding:44px 48px;background:var(--wine);color:var(--white);border-top:6px solid var(--copper)}
.article-tool-cta .eyebrow{color:var(--pale);margin-bottom:1rem}
.article-tool-cta h2{margin:0 0 1rem;font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.05;letter-spacing:-.05em}
.article-tool-cta p:not(.eyebrow){max-width:660px;color:#f4e9e5}
.article-tool-cta .btn{margin-top:1rem}
.related-reading{max-width:980px;margin:0 auto 110px;padding:0 24px}
.related-reading h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.05em;margin-bottom:1.5rem}
.related-links{display:grid;grid-template-columns:repeat(2,1fr);border-top:2px solid var(--wine)}
.related-links a{padding:1.4rem 1rem 1.4rem 0;border-bottom:1px solid var(--line);font-weight:800;text-decoration:none}
.related-links a:hover{color:var(--copper-dark)}
.related-links a:nth-child(odd){border-right:1px solid var(--line)}
.related-links a:nth-child(even){padding-left:1rem}

/* ===== Werkcheck ===== */
.tool-main{min-height:80vh;background:var(--white)}
.tool-intro{max-width:var(--max);margin:auto;padding:75px 24px 110px;display:grid;grid-template-columns:1.45fr .55fr;gap:7vw;align-items:end}
.tool-intro .back-link{margin-bottom:4rem}
.tool-intro h1{font-size:clamp(3.7rem,7.2vw,7.1rem);line-height:.92;letter-spacing:-.072em;margin:0;max-width:930px}
.tool-lead{font-size:clamp(1.08rem,1.8vw,1.3rem);max-width:720px;margin:2rem 0 0}
.tool-intro aside{background:var(--wine);color:var(--white);padding:2rem;min-height:370px;display:flex;flex-direction:column;border-top:6px solid var(--copper)}
.tool-intro aside>span{font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;color:var(--pale);font-weight:800}
.tool-intro aside>strong{font-size:2.7rem;letter-spacing:-.05em;margin:2rem 0 0}
.tool-intro aside p{color:#eadfdd}
.tool-intro aside .btn{margin-top:auto}
.tool-boundary{grid-column:1/-1;margin:0;padding:1.2rem 0;border-top:1px solid var(--line);font-size:.82rem;color:#555}
.question-panel,.result-panel{max-width:1100px;margin:60px auto 110px;padding:clamp(28px,5vw,64px);background:var(--white);border:1px solid #d9d5d1;border-top:7px solid var(--wine);box-shadow:0 18px 50px rgba(45,32,27,.043);scroll-margin-top:110px}
.progress-head{display:flex;justify-content:space-between;gap:1rem;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:800}
.progress-head p{margin:0}
.progress-track{height:7px;background:#ece9e6;margin:1rem 0 4rem}
.progress-track span{display:block;height:100%;width:8.33%;background:var(--wine);transition:width .25s}
#question-fieldset{border:0;padding:0;margin:0}
#question-text{font-size:clamp(2rem,4.2vw,3.8rem);line-height:1.08;letter-spacing:-.055em;font-weight:800;max-width:890px;padding:0}
.question-help{margin:1.5rem 0 1rem;color:#555}
.answer-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.answer-scale label{cursor:pointer;position:relative}
.answer-scale input{position:absolute;opacity:0;width:1px;height:1px}
.answer-scale span{min-height:105px;border:1px solid #cfcac6;border-radius:0 14px;background:var(--white);display:flex;flex-direction:column;justify-content:space-between;padding:1rem;transition:.16s}
.answer-scale b{font-size:1.55rem}
.answer-scale small{font-size:.69rem;line-height:1.25}
.answer-scale label:hover span,.answer-scale input:focus-visible+span{border-color:var(--wine);box-shadow:inset 0 -4px var(--wine)}
.answer-scale input:checked+span{border-color:var(--wine);box-shadow:inset 0 -7px var(--wine)}
.answer-error{color:#8e2c20;font-weight:700;min-height:1.7rem;font-size:.82rem}
.question-actions{display:flex;justify-content:space-between;align-items:center;margin-top:2rem}
.tool-back{background:none;border:0;padding:.8rem 0;font:inherit;font-weight:800;cursor:pointer;color:var(--ink)}
.tool-back:disabled{opacity:.3;cursor:default}
.result-heading{max-width:850px}
.result-heading h2{font-size:clamp(2.7rem,5.5vw,5.3rem);line-height:1;letter-spacing:-.062em;margin:.5rem 0 1.5rem}
.result-heading>p:last-child{font-size:1.1rem;max-width:740px}
.result-layout{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:4rem}
.score-card,.interpretation-card{padding:2.2rem}
.score-card{background:var(--white);border:1px solid #d9d5d1}
.score-card h3,.interpretation-card h3,.next-step-card h3,.result-followup h3{font-size:1.8rem;line-height:1.15;letter-spacing:-.04em;margin:.3rem 0 1.5rem}
.score-row{margin:1.35rem 0}
.score-row>div:first-child{display:flex;justify-content:space-between;font-size:.83rem;font-weight:800;margin-bottom:.5rem;font-variant-numeric:tabular-nums}
.score-track{height:11px;background:#ece9e6}
.score-track span{display:block;height:100%;background:var(--wine);width:0;transition:width .6s}
.agency-score{margin-top:2rem;padding:1.4rem;background:var(--white);border:1px solid #dedad6;display:grid;grid-template-columns:1fr auto;gap:.4rem 1rem}
.agency-score span{font-size:.75rem;text-transform:uppercase;letter-spacing:.09em;font-weight:800}
.agency-score strong{font-size:1.7rem;font-variant-numeric:tabular-nums}
.agency-score p{grid-column:1/-1;margin:.4rem 0 0;font-size:.83rem}
.agency-score .agency-explanation{color:#5e5853;margin-top:.7rem;padding-bottom:.8rem;border-bottom:1px solid var(--line)}
.interpretation-card{background:var(--wine);color:var(--white)}
.interpretation-card>p:not(.eyebrow){color:#eadfdd}
.watch-out{margin-top:2rem;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.23)}
.watch-out strong{text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:var(--pale)}
.watch-out p{color:#eadfdd}
.next-step-card{display:grid;grid-template-columns:1.15fr .85fr;gap:4rem;padding:3rem;margin-top:1rem;border:1px solid #d9d5d1;border-top:6px solid var(--wine)}
.reflection-box{background:var(--white);border:1px solid #dedad6;padding:1.6rem}
.reflection-box span{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:800;color:var(--copper-dark)}
.reflection-box p{font-size:1.15rem;font-weight:700;line-height:1.45;margin:1rem 0 0}
.result-followup{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:4rem}
.result-followup>div{background:var(--white);border:1px solid #dedad6;padding:2rem}
.result-followup>div:last-child{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.result-followup .btn{margin-top:1rem}
.result-actions{display:flex;gap:2rem;justify-content:flex-end;align-items:flex-start;margin-top:2rem}
.result-actions button{font:inherit;font-weight:800;background:none;border:0;padding:.5rem 0;cursor:pointer;color:var(--ink)}
.result-disclaimer{font-size:.72rem;color:#666;margin-top:2rem;padding-top:1.2rem;border-top:1px solid var(--line)}

/* ===== Startpagina ===== */
.gateway-page{min-height:100vh;background:var(--paper)}
.gateway-page main{background:var(--paper)}
/* Homepage-header: zelfde plakkende balk als op andere pagina's, zodat tekst er niet doorheen loopt */
.gateway-header{border-bottom-color:transparent}
.gateway-hero{max-width:var(--max);margin:auto;min-height:calc(100vh - 84px);padding:40px 24px 60px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.gateway-hero::after{content:"";position:absolute;width:clamp(360px,50vw,760px);aspect-ratio:1/1;border:clamp(60px,8vw,120px) solid rgba(195,109,71,.07);border-radius:50%;right:clamp(-340px,-18vw,-150px);top:25px;z-index:-1}
.gateway-hero h1{font-size:clamp(3.8rem,7.5vw,7.3rem);line-height:.92;letter-spacing:-.075em;margin:0;max-width:1000px}
.gateway-hero h1 em{font-style:normal;color:var(--copper-dark)}
.gateway-lead{font-size:clamp(1.25rem,2vw,1.65rem);margin:1.5rem 0 2.5rem;max-width:760px}
.gateway-choices{display:grid;grid-template-columns:1fr 1fr;max-width:920px;gap:24px;position:relative;z-index:2}
.gateway-choices a{min-height:112px;padding:24px 30px;display:flex;align-items:center;justify-content:center;text-decoration:none;border-radius:0 34px;background:var(--copper);color:var(--white);transition:.2s}
.gateway-choices a:last-child{background:var(--wine)}
.gateway-choices a:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.08)}
.gateway-choices span{font-size:1rem;font-weight:700;line-height:1.2;letter-spacing:.18em;text-align:center;text-transform:uppercase}

/* Footer */
footer{padding:32px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr 1fr auto;gap:2rem;align-items:center;font-size:.73rem;border-top:1px solid var(--line);background:var(--paper)}
footer .brand{font-size:.9rem}
footer p{margin:0}
footer div{display:flex;gap:1rem;flex-wrap:wrap}
.footer-legal{padding:22px max(24px,calc((100vw - var(--max))/2));background:var(--wine);color:var(--white);display:flex;flex-wrap:wrap;justify-content:center;text-align:center;gap:.35rem .65rem;font-size:.78rem}
.footer-legal a{text-underline-offset:4px}

/* ===== Tussenformaat ===== */
@media (max-width:1180px) and (min-width:901px){nav{gap:1rem}nav a{font-size:.74rem}.navcta{padding:.55rem .7rem}}

/* ===== Tablet ===== */
@media (max-width:900px){
  :root{--curve:140px}
  header{height:72px;padding:0 20px}
  .menu{display:block}
  nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);padding:1.5rem 20px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}
  nav.open{display:flex}
  nav a{padding:.7rem 0;font-size:.95rem}
  .navcta,.navcta:hover{border:0;border-radius:0;padding:.7rem 0;background:none;color:inherit!important}
  .org-page .org-hero,.personal-hero,.org-hero-inner{min-height:auto}
  .org-hero-inner{padding:68px 20px 64px}
  .org-kicker{margin-bottom:48px}
  .org-hero-bottom{grid-template-columns:1fr;gap:28px}
  .org-page .org-hero .actions,.personal-hero .actions{justify-content:flex-start}
  .org-problems,.private-routes{margin:-1px 0 0 48px}
  .org-problems .sectionhead,.private-routes .route-intro{padding-left:24px}
  .sectionhead,.route-intro,.reflact-section,.contact,.faq,.pattern,.org-promise,.org-process,.org-trust,.trust-columns,
  .profile-hero,.profile-experience,.profile-vision,.profile-style,.editorial-hero-main,.journal-tool,.tool-intro,
  .result-layout,.next-step-card,.result-followup,.newsletter,.org-wide-offers{grid-template-columns:1fr}
  .choice-routes{grid-template-columns:1fr;max-width:none;margin-left:0}
  .choice-routes article,.choice-routes article:first-child{padding:2rem 0;min-height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.22)}
  .choice-routes h3{margin-top:2.5rem}
  .steps,.expertise-grid,.org-offer-grid,.org-route-grid,.editorial-promises{grid-template-columns:1fr}
  .steps article,.expertise-grid article,.org-offer-grid article{min-height:auto}
  .steps h3,.expertise-grid h3{margin-top:2.5rem}
  .about{grid-template-columns:1fr;width:calc(100% - 18px);border-radius:0 96px 96px 0;gap:14px}
  .portrait{min-height:500px}
  .about>div:last-child{padding:70px 24px}
  .reflact-section,.profile-experience,.profile-vision,.pattern,.org-promise,.org-process,.org-trust,.journal-tool{gap:3rem}
  .concept-process .sectionhead{margin-bottom:3rem}
  .testimonial{padding:78px 0 78px 20px}
  .testimonial-head,.review-track{padding-right:20px}
  .review-card{flex-basis:88vw;min-height:400px}
  .newsletter{gap:2.5rem;padding-inline:24px}
  .contact{margin-left:18px;border-top-left-radius:96px}
  .org-route-grid a,.org-route-grid a:first-child{min-height:auto;padding:24px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.208)}
  .org-route-grid h3{margin:28px 0 8px}
  .org-route-grid span{margin-top:24px}
  .org-wide-offers article{grid-template-columns:1fr;gap:12px}
  .profile-hero{min-height:auto;padding-top:70px}
  .profile-hero figure{max-width:540px}
  .editorial-promises p,.editorial-promises p:not(:first-child){min-height:auto;padding:1.2rem 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.333)}
  .journal-heading{display:grid}
  .filter-row{grid-template-columns:1fr;gap:.75rem}
  .filter-label{padding-top:0}
  .topic-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem}
  .topic-filters button{flex:0 0 auto}
  .journal-featured,.journal-compact,.journal-card{grid-column:span 12;grid-row:auto;min-height:0}
  .journal-featured{min-height:620px}
  .article-body blockquote{margin:3rem 0}
  .inspiration-cta,.article-end{margin-left:20px;margin-right:20px;padding:45px}
  .article-tool-cta{margin-left:24px;margin-right:24px}
  .tool-intro{padding-top:60px}
  .tool-intro .back-link{margin-bottom:3rem}
  .tool-intro aside{min-height:280px}
  .question-panel,.result-panel{margin-left:20px;margin-right:20px}
  .answer-scale{grid-template-columns:1fr}
  .answer-scale span{min-height:auto;display:grid;grid-template-columns:40px 1fr;align-items:center}
  .next-step-card{gap:1.5rem}
  .gateway-hero{padding:40px 20px 50px;min-height:calc(100vh - 72px)}
  .gateway-choices{grid-template-columns:1fr}
  footer{grid-template-columns:1fr 1fr}
}

/* ===== Telefoon ===== */
@media (max-width:650px){
  .article-byline{display:grid;gap:.3rem}
  .article-byline span+span::before{content:none}
  .related-links{grid-template-columns:1fr}
  .related-links a:nth-child(odd){border-right:0}
  .related-links a:nth-child(even){padding-left:0}
}
@media (max-width:560px){
  :root{--curve:118px}
  .btn{border-radius:0 15px}
  .actions{flex-direction:column;align-items:flex-start;gap:1rem}
  .org-hero-inner{padding-top:54px}
  .org-kicker{margin-bottom:38px;padding:10px 16px;font-size:.67rem}
  .org-kicker svg{width:23px;height:23px}
  .org-hero-bottom{margin-top:38px;padding-top:24px}
  .org-page .org-hero h1,.personal-hero h1{font-size:3.15rem}
  .org-page .org-hero h1 em,.personal-hero h1 em{display:inline}
  .org-page .org-hero .lead,.personal-hero .lead{font-size:.98rem}
  .org-problems,.private-routes{margin:-1px 0 0 46px;scroll-margin-top:72px}
  .route-section,.org-problems,.reflact-section,.process,.faq,.contact,.pattern,.org-promise,.org-process,.org-trust,
  .profile-experience,.profile-expertise,.profile-vision,.profile-style,.profile-contact{padding-top:78px;padding-bottom:78px}
  .route-intro,.sectionhead{gap:1rem}
  .sectionhead h2,.narrow h2,.about h2,.contact h2,.route-intro h2,.private-routes .route-intro h1,.reflact-section h2,.newsletter h2,
  .pattern h2,.org-promise h2,.org-process h2,.org-trust h2,.profile-experience h2,.profile-vision h2,.profile-style h2,
  .journal-tool h2,.journal-close h2{font-size:2.65rem}
  .choice-routes{margin-top:3rem}
  .choice-routes h3{font-size:1.75rem}
  .about{width:calc(100% - 10px);border-radius:0 72px 72px 0}
  .portrait{min-height:390px}
  .reflact-section li{grid-template-columns:1fr;gap:.35rem}
  .testimonial-head span{display:none}
  .review-card{flex-basis:calc(100vw - 40px);min-height:390px}
  .review-card h2{font-size:2rem}
  .newsletter{padding-top:68px;padding-bottom:68px}
  .newsletter-fields{grid-template-columns:1fr;gap:.75rem}
  .newsletter-fields .btn{width:100%}
  .contact{margin-left:10px;border-top-left-radius:72px}
  form{padding:1.25rem}
  .newsletter form{padding:0}
  .org-offers{padding-top:78px;padding-bottom:78px;margin-left:8px;margin-right:8px;border-radius:0 58px}
  .org-wide-offers article{padding:26px 22px}
  .profile-hero{padding:58px 20px 68px}
  .profile-intro h1{font-size:3.15rem}
  .profile-experience{margin-right:10px;border-bottom-right-radius:78px}
  .profile-vision,.profile-contact{margin-left:10px;border-top-left-radius:78px}
  .expertise-grid{margin-top:3rem}
  .inspiration-intro{padding-top:75px;padding-bottom:65px}
  .inspiration-intro h1{font-size:3.35rem}
  .inspiration-cta{padding:32px 24px;margin:0 20px 78px}
  .editorial-landing-hero{padding:72px 20px 0;min-height:auto}
  .editorial-hero-main h1{font-size:3.8rem}
  .editorial-hero-lead{font-size:1.05rem}
  .editorial-promises{margin-top:4rem}
  .journal-library{padding:78px 20px 88px}
  .journal-heading{margin-bottom:2rem}
  .journal-heading h2{font-size:3.3rem}
  .journal-heading>p{font-size:.95rem}
  .journal-filters{margin-bottom:2rem}
  .filter-buttons{flex-wrap:nowrap;overflow-x:auto}
  .filter-buttons button{flex:0 0 auto}
  .filter-result{text-align:left}
  .journal-grid{gap:12px}
  .journal-card>a,.journal-featured>a{padding:1.35rem}
  .journal-featured{min-height:560px}
  .journal-featured h3{font-size:2.8rem}
  .journal-card h3{font-size:2rem}
  .journal-tool{margin-right:10px;padding-top:78px;padding-bottom:78px;border-bottom-right-radius:78px}
  .journal-close{padding:82px 20px}
  .article-hero{padding-top:50px;padding-bottom:65px}
  .back-link{margin-bottom:2.5rem}
  .article-hero h1{font-size:3.25rem}
  .article-body{padding-top:60px;padding-bottom:60px}
  .article-body h2{margin-top:3.5rem}
  .article-body blockquote{font-size:1.3rem;padding-left:1.2rem}
  .article-end{padding:32px 24px;margin-bottom:78px}
  .article-tool-cta{margin:0 20px 60px;padding:32px 24px}
  .article-tool-cta h2{font-size:2.35rem}
  .tool-intro{padding:45px 20px 75px}
  .tool-intro h1{font-size:3.35rem}
  .question-panel,.result-panel{margin:28px 10px 78px;padding:26px 20px}
  .progress-track{margin-bottom:3rem}
  #question-text{font-size:2.15rem}
  .question-actions{gap:1rem}
  .score-card,.interpretation-card,.next-step-card{padding:1.5rem}
  .result-actions{align-items:flex-end;flex-direction:column;gap:.5rem}
  .gateway-hero{padding-top:32px;padding-bottom:40px}
  .gateway-hero h1{font-size:3.05rem}
  .gateway-lead{font-size:1.12rem;margin-bottom:1.8rem}
  .gateway-choices{gap:14px}
  .gateway-choices a{min-height:96px;padding:20px 24px;border-radius:0 28px}
  .gateway-choices span{font-size:.92rem}
  .footer-legal{flex-direction:column;align-items:center;gap:.3rem}
  .footer-legal span[aria-hidden="true"]{display:none}
  footer{grid-template-columns:1fr}
}
/* ===== De welving als terugkerend motief =====
   Groot: secties die aan één kant vastzitten krijgen een boog aan de open kant.
   Klein: losse kaders, kaarten en foto's hebben één welving rechtsonder.
   Knoppen en labels: de bladvorm (rechtsboven en linksonder). */
.inspiration-cta,.article-end,.article-tool-cta,.tool-intro aside,.question-panel,.result-panel,.review-card,.contact form,
.journal-card,.trust-columns article,.reflection-box,.interpretation-card,.score-card,.next-step-card,.filter-empty,
.steps,.expertise-grid,.org-offer-grid,.org-wide-offers,.gateway-about-cols article{border-bottom-right-radius:var(--curve-sm);overflow:hidden}
.profile-hero img{border-bottom-right-radius:var(--curve)}
.article-hero,.editorial-landing-hero{border-bottom-right-radius:var(--curve)}
.reflact-section,.pattern{margin-right:clamp(18px,6vw,96px);border-bottom-right-radius:clamp(110px,16vw,230px)}
.org-trust{margin-left:clamp(18px,6vw,96px);border-top-left-radius:clamp(110px,16vw,230px)}
.profile-hero figcaption{padding-right:var(--curve-sm)}

/* Reflact-keurmerk */
.reflact-badge{display:inline-flex;align-items:center;gap:.8rem;margin:1.6rem 0 0;padding:.75rem 1.1rem .75rem .8rem;border:1px solid var(--line);border-radius:0 22px;background:var(--white);color:var(--ink);max-width:100%}
.reflact-badge i{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--copper);position:relative}
.reflact-badge i::after{content:"";position:absolute;left:10px;top:7px;width:7px;height:12px;border:solid var(--white);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.reflact-badge span{display:grid;line-height:1.25}
.reflact-badge b{font-size:.8rem}
.reflact-badge small{font-size:.68rem;color:#6d625d;letter-spacing:.04em}
.reflact-badge.on-dark{background:transparent;border-color:rgba(255,255,255,.3);color:var(--white)}
.reflact-badge.on-dark small{color:var(--pale)}
.about .reflact-badge{margin-top:1.2rem}

/* Homepage: uitleg onder de keuzes */
.gateway-about{max-width:var(--max);margin:auto;padding:90px 24px 110px;border-top:1px solid var(--line);display:grid;gap:3rem}
.gateway-about-intro{max-width:760px}
.gateway-about h2{font-size:clamp(2rem,3.6vw,3.2rem);line-height:1.05;letter-spacing:-.05em;margin:0 0 1.2rem}
.gateway-about-intro p:last-child{font-size:1.08rem;margin:0}
.gateway-about-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.gateway-about-cols article{background:var(--white);padding:2rem 2rem 2.4rem;display:flex;flex-direction:column}
.gateway-about-cols h3{font-size:1.5rem;letter-spacing:-.04em;margin:0 0 .6rem}
.gateway-about-cols p{margin:0 0 1.4rem}
.gateway-about-cols .arrow{margin-top:auto}
.gateway-about-foot{display:grid;grid-template-columns:1.4fr .6fr;gap:2rem;align-items:center}
.gateway-about-foot p{margin:0;max-width:720px}
.gateway-about-foot .reflact-badge{margin:0;justify-self:end}
.gateway-about a:not(.arrow){font-weight:800;text-underline-offset:3px}
@media (max-width:900px){
  .reflact-section,.pattern{margin-right:18px;border-bottom-right-radius:96px}
  .org-trust{margin-left:18px;border-top-left-radius:96px}
  .gateway-about-cols,.gateway-about-foot{grid-template-columns:1fr}
  .gateway-about-foot .reflact-badge{justify-self:start}
}
@media (max-width:560px){
  .reflact-section,.pattern{margin-right:10px;border-bottom-right-radius:72px}
  .org-trust{margin-left:10px;border-top-left-radius:72px}
  .gateway-about{padding:64px 20px 78px}
  .gateway-about-cols article{padding:1.5rem 1.5rem 2rem}
}
/* Ankers niet onder de plakkende header laten vallen */
[id]{scroll-margin-top:96px}

/* ===== Inspiratie: kaarten met beeld ===== */
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.post-card{background:var(--white);border:1px solid #dcd7d2;border-radius:0 0 var(--curve-sm) 0;overflow:hidden;transition:transform .2s,box-shadow .2s}
.post-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(45,32,27,.08)}
.post-card>a{display:flex;flex-direction:column;height:100%;text-decoration:none}
.post-visual{position:relative;aspect-ratio:5/3;overflow:hidden;background:var(--paper)}
.post-visual svg{display:block;width:100%;height:100%}
.post-chip{position:absolute;left:20px;top:20px;background:var(--ink);color:var(--white);box-shadow:0 0 0 1px rgba(255,255,255,.45);font-size:.78rem;font-weight:800;padding:.45rem .9rem;border-radius:0 12px}
.post-body{padding:1.6rem 1.7rem 2rem;display:flex;flex-direction:column;flex:1}
.post-body h3{font-size:1.5rem;line-height:1.15;letter-spacing:-.04em;margin:0 0 .9rem}
.post-body>p:not(.post-meta){margin:0 0 1.6rem;color:#4a4541}
.post-meta{margin:auto 0 0;display:flex;justify-content:space-between;gap:1rem;align-items:center;padding-top:1rem;border-top:1px solid var(--line);font-size:.78rem}
.post-meta span{color:#6d625d;text-transform:uppercase;letter-spacing:.08em;font-weight:800;font-size:.68rem}
.post-card:hover .post-meta b{color:var(--copper-dark)}
@media (max-width:900px){.post-grid{grid-template-columns:1fr 1fr;gap:18px}}
@media (max-width:640px){.post-grid{grid-template-columns:1fr;gap:20px}.post-body{padding:1.4rem 1.4rem 1.8rem}.post-body h3{font-size:1.45rem}}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* ==========================================================================
   HUISSTIJLREGELS v2 — vaste linkerlijn en drie soorten knoppen
   Dit blok staat bewust onderaan en gaat voor alle eerdere regels.
   ========================================================================== */
:root{
  /* Eén linkerlijn voor alle tekst: op brede schermen gecentreerd, anders 24px van de rand */
  --gutter:max(24px,calc((100vw - var(--max)) / 2 + 24px));
  /* Hoe ver gekleurde vlakken inspringen. Nooit zo ver dat tekst minder dan 28px van de vlakrand komt. */
  --inset:clamp(0px,calc(var(--gutter) - 28px),96px);
  --btn-copper:#a95a38;      /* knopkoper: contrast 5,0:1 met wit (norm 4,5:1) */
  --btn-copper-hover:#8f4a2d;
}
@media (max-width:560px){:root{--gutter:20px}}

/* ---------- 1. De linkerlijn ---------- */
header,footer{padding-inline:var(--gutter)}

/* Secties die over de volle breedte lopen: tekst begint op de linkerlijn */
.process,.faq,.newsletter,.org-newsletter,.org-promise,.org-process,.profile-style,.profile-expertise,.journal-library,
.journal-close,.inspiration-intro,.gateway-hero,.gateway-about,.tool-intro,.profile-hero,.privacy,
.editorial-landing-hero,.article-hero,.org-offers,.testimonial,.org-hero-inner{
  max-width:none;width:auto;margin-inline:0;padding-inline:var(--gutter)}
.testimonial{padding-right:0}
.testimonial-head{max-width:none;padding-right:var(--gutter)}
.review-track{padding-right:var(--gutter)}

/* Gekleurde vlakken die links inspringen: het vlak schuift in, de tekst blijft op de lijn */
.private-routes,.org-problems,.contact,.org-trust,.profile-vision,.profile-contact{
  margin-left:var(--inset);padding-left:calc(var(--gutter) - var(--inset));padding-right:var(--gutter)}
/* Gekleurde vlakken die rechts inspringen */
.reflact-section,.pattern,.profile-experience,.journal-tool{
  margin-right:var(--inset);padding-left:var(--gutter);padding-right:calc(var(--gutter) - var(--inset))}
.org-offers{margin-inline:calc(var(--inset) / 2);padding-inline:calc(var(--gutter) - var(--inset) / 2)}
.about{width:calc(100% - var(--inset))}

/* Tekst onder een grote boog linksboven begint pas waar de boog ruimte laat */
.private-routes,.org-problems{padding-top:calc(var(--curve) * .62 + 24px)}
.contact,.org-trust,.profile-vision,.profile-contact{padding-top:clamp(96px,10vw,150px)}

/* Kop en label altijd onder elkaar op de linkerlijn, niet in twee kolommen */
.sectionhead,.route-intro{display:block;padding-left:0!important}
.sectionhead .eyebrow,.route-intro .eyebrow{margin-bottom:1rem}
.concept-process .sectionhead,.profile-expertise .sectionhead{margin-bottom:3.5rem}
.choice-routes{max-width:none;margin-left:0;margin-top:4rem}

/* Losse kaders beginnen op de linkerlijn */
.inspiration-cta,.article-end,.article-tool-cta,.related-reading,.question-panel,.result-panel{
  margin-left:var(--gutter);margin-right:var(--gutter)}
.inspiration-cta{max-width:none}
.article-end,.article-tool-cta,.related-reading{max-width:980px}
.related-reading{padding-inline:0}
.question-panel,.result-panel{max-width:1100px}

/* Artikelen en privacy: leeskolom links op de lijn, maximaal ±70 tekens breed */
.article-body{max-width:none;margin:0;padding-inline:var(--gutter)}
.article-body>*{max-width:760px}
.article-body blockquote{margin:3.5rem 0}
.privacy>*{max-width:760px}

/* ---------- 2. Drie soorten knoppen ---------- */
.btn{min-height:52px;padding:0 1.4rem;font-size:15px;font-weight:800;line-height:1.2;border-radius:0 18px;
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;border:1.5px solid transparent;
  transition:background .15s,color .15s,border-color .15s}
/* Hoofdknop: koper, één per scherm */
.btn-primary,.btn-primary:visited{background:var(--btn-copper);border-color:var(--btn-copper);color:#fff}
.btn-primary:hover{background:var(--btn-copper-hover);border-color:var(--btn-copper-hover);color:#fff}
/* Tweede knop: zwart omlijnd (op donker: wit omlijnd) */
.btn-secondary,.btn-secondary:visited{background:transparent;border-color:var(--ink);color:var(--ink)}
.btn-secondary:hover{background:var(--ink);color:#fff}
.btn-secondary:disabled{opacity:.35;cursor:default;background:transparent;color:var(--ink)}
.navcta{min-height:52px;display:inline-flex;align-items:center;padding:0 1.3rem;font-size:15px;font-weight:800;border:1.5px solid var(--ink);border-radius:0 18px}
.navcta:hover{background:var(--ink);color:#fff!important}
.newsletter-fields .btn{min-height:52px}
.newsletter-fields input{min-height:52px}
form .btn-primary{width:100%}
.question-actions,.result-actions{gap:1rem}

/* Filterknoppen (Inspiratie) volgen de tweede knop */
.filter-buttons button,.topic-filters button{min-height:52px;padding:0 1.2rem;font-size:15px;border:1.5px solid var(--ink);border-radius:0 18px}
.topic-filters button b{font-size:.8em}

/* Tekstlink: onderstreept, altijd ↘, ruim aanklikbaar */
.arrow{display:inline-block;padding-block:.6rem;font-size:15px;font-weight:800;text-decoration:underline;
  text-decoration-thickness:1.5px;text-underline-offset:6px}
.arrow:hover{color:var(--copper-dark);text-decoration-thickness:2.5px}
.light-arrow,.personal-hero .arrow,.org-hero .arrow{color:#fff}
.light-arrow:hover,.personal-hero .arrow:hover,.org-hero .arrow:hover{color:var(--pale)}
.back-link{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1.5px;padding-block:.6rem}
.gateway-choices a{background:var(--btn-copper)}
.gateway-choices a:last-child{background:var(--wine)}

/* Mobiel menu: Contact blijft een gewoon menu-item */
@media (max-width:900px){
  .navcta,.navcta:hover{min-height:0;border:0;border-radius:0;padding:.7rem 0;background:none;font-size:.95rem;font-weight:700;color:inherit!important}
}
@media (max-width:560px){
  .btn{width:100%}
  .actions{align-items:stretch}
  .actions .arrow{align-self:flex-start}
  .filter-buttons button,.topic-filters button{width:auto}
  .question-actions .btn{width:auto;flex:1}
}

/* ---------- v3: Voor organisaties lichter + minder labels/nummers ---------- */
/* Aanbod en vertrouwelijkheid: warm licht vlak in plaats van donker, welving blijft */
.org-offers{background:var(--sand);color:var(--ink)}
.org-offers .eyebrow.pale{color:var(--copper-dark)}
.org-offers .narrow>p:not(.eyebrow){color:#4a4541}
.org-offer-grid,.org-wide-offers{background:#d9d2cb}
.org-trust{background:var(--sand);color:var(--ink)}
.org-trust p:not(.eyebrow){color:#4a4541}
.trust-columns article{background:var(--white);border-color:#dcd5ce}
.trust-columns li{border-top-color:var(--line)}
.trust-label{color:var(--copper-dark)!important}
.trust-columns li::before{color:var(--copper-dark)}
/* Zonder nummers: kop direct bovenaan de kolom */
.choice-routes h3{margin-top:0}
.choice-routes article{min-height:0}
.org-route-grid h3{margin-top:0}
.org-route-grid a{min-height:220px}
.editorial-promises p{grid-template-columns:1fr}

/* ==========================================================================
   HOMEPAGE — splitsen bovenaan, vertrouwen eronder
   ========================================================================== */
.home-page main{background:var(--white)}
.home-page h2{text-wrap:balance}

/* 1. Hero: belofte + keuze links, foto met welving rechts */
.home-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(32px,5vw,80px);align-items:center;padding:clamp(40px,6vw,88px) var(--gutter) clamp(56px,6vw,96px);background:var(--paper)}
.home-hero h1{font-size:clamp(2.9rem,6vw,5.9rem);line-height:.96;letter-spacing:-.068em;margin:0;max-width:820px}
.home-hero-lead{font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.65;max-width:640px;margin:1.6rem 0 0;color:#3d3834}
.home-choose{font-size:.8rem;font-weight:800;margin:2.4rem 0 .8rem}
.home-hero .gateway-choices{max-width:620px;gap:14px}
.home-hero .gateway-choices a{min-height:84px;padding:18px 24px}
.home-hero .gateway-choices span{font-size:.95rem}
.home-hero-photo{margin:0;position:relative}
.home-hero-photo::before{content:"";position:absolute;inset:8% -8% -6% 12%;background:var(--wine);border-bottom-right-radius:var(--curve);z-index:0}
.home-hero-photo img{position:relative;z-index:1;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 25%;border-bottom-right-radius:var(--curve)}
.home-hero-photo figcaption{position:relative;z-index:1;padding-top:12px;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}

/* 2. Bewijs in één regel */
.home-proof{padding:0 var(--gutter);background:var(--paper)}
.home-proof ul{list-style:none;margin:0;padding:1.4rem 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.home-proof li{display:grid;gap:.15rem;padding-right:1.5rem}
.home-proof li+li{padding-left:1.5rem;border-left:1px solid var(--line)}
.home-proof b{font-size:1rem}
.home-proof span{font-size:.88rem;color:#5f5853}

/* 3. Herkenning */
.home-themes{padding:clamp(72px,9vw,120px) var(--gutter)}
.home-themes h2,.home-reading h2,.home-close h2{font-size:clamp(2.4rem,4.6vw,4.4rem);line-height:1.02;letter-spacing:-.06em;margin:0}
.home-intro{font-size:1.1rem;max-width:620px;margin:1.2rem 0 0;color:#4a4541}
.home-theme-grid{list-style:none;padding:0;margin:3rem 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.home-theme-grid a{height:100%;display:flex;flex-direction:column;padding:1.8rem 1.6rem 1.9rem;background:var(--paper);border-bottom-right-radius:var(--curve-sm);text-decoration:none;transition:background .2s,transform .2s}
.home-theme-grid a:hover{background:var(--sand);transform:translateY(-3px)}
.home-theme-grid h3{font-size:1.35rem;line-height:1.15;letter-spacing:-.035em;margin:0 0 .8rem}
.home-theme-grid p{margin:0 0 1.6rem;color:#4a4541}
.home-theme-link{margin-top:auto;font-weight:800;font-size:15px;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1.5px}
.home-theme-grid a:hover .home-theme-link{color:var(--copper-dark)}

/* 4. Werkwijze: wijnrood vlak, springt rechts in */
.home-method{background:var(--wine);color:#fff;margin-right:var(--inset);padding:clamp(72px,8vw,110px) calc(var(--gutter) - var(--inset)) clamp(72px,8vw,110px) var(--gutter);border-bottom-right-radius:clamp(110px,16vw,230px);display:grid;grid-template-columns:1fr 1fr;gap:8vw}
.home-method h2{font-size:clamp(2.4rem,4.6vw,4.4rem);line-height:1.02;letter-spacing:-.06em;margin:0}
.home-method>div>p{font-size:1.08rem;color:#f4e9e5;max-width:520px;margin:1.4rem 0 0}
.home-steps{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.22)}
.home-steps li{display:grid;grid-template-columns:48px 1fr;gap:1rem;padding:1.4rem 0;border-bottom:1px solid rgba(255,255,255,.22)}
.home-steps b{font-size:.75rem;color:var(--pale);padding-top:.35rem}
.home-steps h3{font-size:1.4rem;letter-spacing:-.03em;margin:0 0 .3rem}
.home-steps p{margin:0;color:#eadfdd}

/* 5. Ervaring */
.home-quote{padding:clamp(72px,9vw,120px) var(--gutter) 0}
.home-quote .review-card{max-width:900px;min-height:0;box-shadow:0 0 0 1px #e3ddd7}
.home-quote .review-card cite{margin-top:2rem}

/* 6. Werkcheck: donker vlak, springt links in */
.home-check{background:var(--ink);color:#fff;margin:clamp(72px,9vw,120px) 0 0 var(--inset);padding:clamp(96px,10vw,140px) var(--gutter) clamp(64px,7vw,96px) calc(var(--gutter) - var(--inset));border-top-left-radius:clamp(110px,16vw,230px);display:grid;grid-template-columns:1.2fr .8fr;gap:6vw;align-items:end}
.home-check h2{font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.02;letter-spacing:-.06em;margin:0}
.home-check p{font-size:1.08rem;color:#d8d3d0;max-width:560px;margin:1.2rem 0 0}
.home-check-meta{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;margin:0 0 1.2rem!important;font-size:.82rem!important;color:var(--pale)!important;font-weight:700}
.home-check-action .btn{width:100%}

/* 7. Lees verder */
.home-reading{padding:clamp(72px,9vw,120px) var(--gutter) 0}
.home-reading-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:2.4rem}
.home-reading .post-body h3{font-size:1.3rem}

/* 8. Afsluiting */
.home-close{padding:clamp(72px,9vw,120px) var(--gutter) clamp(80px,10vw,130px)}
.home-close h2{max-width:900px}
.home-close p{font-size:1.1rem;max-width:620px;margin:1.2rem 0 2rem;color:#4a4541}

@media (max-width:1100px){.home-theme-grid{grid-template-columns:1fr 1fr}}
@media (max-width:900px){
  .home-hero{grid-template-columns:1fr}
  .home-hero-photo{max-width:420px}
  .home-method,.home-check{grid-template-columns:1fr;gap:2.4rem}
  .home-proof ul{grid-template-columns:1fr;gap:.9rem}
  .home-proof li+li{padding-left:0;border-left:0;padding-top:.9rem;border-top:1px solid var(--line)}
}
@media (max-width:560px){
  .home-hero h1{font-size:2.7rem}
  .home-hero .gateway-choices{grid-template-columns:1fr}
  .home-hero-photo{max-width:none;margin-right:12%}
  .home-theme-grid{grid-template-columns:1fr}
  .home-method{border-bottom-right-radius:78px}
  .home-check{border-top-left-radius:78px}
  .home-reading-head{flex-direction:column;align-items:flex-start}
}

/* ---------- Logo in header en footer ---------- */
.brand{display:inline-flex;align-items:center;flex:0 0 auto}
.brand i{display:none}
.brand img{display:block;height:44px;width:auto}
footer{background:var(--ink);color:#fff;border-top:0;padding-block:40px}
footer a{color:#fff}
footer a:hover{color:var(--pale)}
footer p{color:#cfc6c0}
footer .brand img{height:52px}
@media (max-width:900px){.brand img{height:36px}}
@media (max-width:560px){.brand img{height:34px}footer .brand img{height:46px}}

/* ---------- Homepage: foto aanzienlijk kleiner ---------- */
.home-hero{grid-template-columns:minmax(0,1fr) auto;gap:clamp(40px,6vw,96px)}
.home-hero-photo{width:clamp(220px,22vw,300px)}
.home-hero-photo::before{inset:10% -10% -7% 14%}
.home-hero-photo img{aspect-ratio:4/5;border-bottom-right-radius:clamp(60px,7vw,110px)}
.home-hero-photo::before{border-bottom-right-radius:clamp(60px,7vw,110px)}
@media (max-width:900px){.home-hero{grid-template-columns:1fr}.home-hero-photo{width:220px;max-width:none}}
@media (max-width:560px){.home-hero-photo{width:180px;margin-right:0}}
.home-hero-photo img{height:auto}
.home-hero-photo{margin-right:30px}@media (max-width:900px){.home-hero-photo{margin-right:24px}}
footer .tagline{display:block}footer .tagline+.tagline{color:var(--pale)}
/* Homepage: kop in koper, uitnodigender leesblok */
.home-hero h1.home-title{color:var(--copper)}
.home-reading-head{align-items:flex-end;gap:2rem}
.home-reading-head .home-intro{margin-top:1rem}
.home-reading-head .arrow{flex:0 0 auto}
@media (max-width:900px){.home-reading-head{flex-direction:column;align-items:flex-start}}

/* ---------- Foto's kleiner in de 'over mij'-blokken ---------- */
.about{grid-template-columns:clamp(240px,26vw,380px) 1fr}
.portrait{min-height:0;height:100%;max-height:560px}
.portrait img{object-position:50% 25%}
@media (max-width:900px){.about{grid-template-columns:1fr}.portrait{height:320px;max-width:320px}}
@media (max-width:560px){.portrait{height:260px;max-width:260px}}
.profile-hero img{height:auto}

/* Eén tekstgrootte voor lopende tekst: geen grotere eerste alinea meer */
.intro,.reflact-intro,.profile-copy .intro{font-size:1.04rem}
.org-promise p,.reflact-section p,.profile-copy p{font-size:1.04rem}

/* ---------- Artikelen: vast experimentblok 'Probeer dit deze week' ---------- */
.article-try{margin:0 var(--gutter) 64px;max-width:760px;padding:2.2rem 2.4rem 2.4rem;background:var(--paper);border-left:6px solid var(--copper);border-bottom-right-radius:var(--curve-sm)}
.article-try-label{margin:0 0 .6rem;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--copper-dark)}
.article-try h2{font-size:clamp(1.6rem,2.8vw,2.2rem);line-height:1.1;letter-spacing:-.04em;margin:0 0 .8rem}
.article-try p:last-child{margin:0;font-size:1.08rem;line-height:1.75}
@media (max-width:560px){.article-try{padding:1.6rem 1.4rem 1.8rem;margin-bottom:48px}}
.article-body{padding-bottom:40px}
/* Homepage-kop op één regel (vanaf tabletbreedte) */
@media (min-width:901px){.home-hero h1.home-title{white-space:nowrap;font-size:clamp(2.4rem,4.3vw,4.2rem);max-width:none}}
/* Spamfilter: verborgen honeypot-veld */
.hp{position:absolute!important;left:-10000px!important;top:auto;width:1px;height:1px;overflow:hidden}

/* ==========================================================================
   Tarieven
   ========================================================================== */
.price{margin:1.6rem 0 0;font-size:1.45rem;font-weight:800;letter-spacing:-.03em;color:var(--wine)}
.price small{font-size:.82rem;font-weight:600;letter-spacing:0;color:#5f5752}
.org-offer-grid article{display:flex;flex-direction:column}
.org-offer-grid .price{margin-top:auto;padding-top:1.4rem}
.org-offers-note{margin:2rem 0 0;max-width:760px;color:#f4e9e5}
.org-offers-note a{color:var(--white);font-weight:800;text-underline-offset:3px;white-space:nowrap}

.price-hero .org-hero-inner{min-height:560px}
.price-hero{min-height:0}
.price-section{padding:clamp(72px,9vw,120px) var(--gutter) 0;scroll-margin-top:90px}
.price-head{max-width:760px}
.price-head h2{font-size:clamp(2.2rem,4.2vw,3.8rem);line-height:1.03;letter-spacing:-.06em;margin:.4rem 0 1rem}
.price-head p{font-size:1.04rem;color:#4a4541;margin:0}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:3rem;border-bottom-right-radius:var(--curve-sm);overflow:hidden}
.price-grid article{background:var(--white);padding:2rem;display:flex;flex-direction:column}
.price-grid h3{font-size:1.7rem;line-height:1.15;letter-spacing:-.04em;margin:.7rem 0 1rem}
.price-grid ul{padding-left:1.15rem;margin:1.4rem 0 0}
.price-grid li{margin:.55rem 0}
.price-pair{margin:auto 0 0;padding-top:2rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.price-pair div{border-top:2px solid var(--wine);padding-top:.8rem}
.price-pair div+div{border-top-color:var(--copper)}
.price-pair dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#5f5752}
.price-pair dd{margin:.3rem 0 0;font-size:1.55rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--ink)}
.price-pair dd small{display:block;font-size:.8rem;font-weight:600;letter-spacing:0;color:#5f5752;margin-top:.2rem}
.price-bundle{margin:1rem 0 0;font-size:.92rem;color:#4a4541}

.price-table-wrap{margin-top:3rem;overflow-x:auto}
.price-table{width:100%;border-collapse:collapse;background:var(--white);font-size:1rem}
.price-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.price-table th,.price-table td{text-align:left;padding:1.2rem 1.4rem;border-bottom:1px solid var(--line);vertical-align:top}
.price-table thead th{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#5f5752;background:var(--paper);border-bottom:2px solid var(--wine)}
.price-table tbody th{font-weight:800;white-space:nowrap}
.price-table .num{font-size:1.45rem;font-weight:800;letter-spacing:-.03em;white-space:nowrap;color:var(--wine)}
.price-notes{margin:1.6rem 0 0;padding-left:1.15rem;color:#4a4541}
.price-notes li{margin:.4rem 0}

.price-org-list{display:flex;flex-wrap:wrap;gap:1px;margin:3rem 0 0;background:var(--line);border:1px solid var(--line);width:fit-content;max-width:100%}
.price-org-list div{background:var(--white);padding:1.6rem 2rem;min-width:240px}
.price-org-list dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#5f5752}
.price-org-list dd{margin:.4rem 0 0;font-size:1.6rem;font-weight:800;letter-spacing:-.03em;color:var(--wine)}
.price-org-list dd small{font-size:.82rem;font-weight:600;letter-spacing:0;color:#5f5752}

.price-facts{list-style:none;padding:0;margin:3rem 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}
.price-facts li{border-top:1px solid var(--line);padding-top:1.2rem}
.price-facts h3{font-size:1.2rem;letter-spacing:-.02em;margin:0 0 .5rem}
.price-facts p{margin:0;color:#4a4541}
.price-close{margin-top:clamp(40px,5vw,72px)}

/* Prijsstrook op Voor mezelf */
.price-strip{padding:clamp(56px,7vw,88px) var(--gutter);display:grid;grid-template-columns:.9fr 1.3fr;gap:24px 64px;align-items:start;border-top:1px solid var(--line)}
.price-strip h2{font-size:clamp(2rem,3.6vw,3.2rem);letter-spacing:-.05em;line-height:1.05;margin:0 0 .6rem}
.price-strip p{margin:0;color:#4a4541}
.price-strip ul{list-style:none;padding:0;margin:0}
.price-strip li{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line);font-size:1.04rem}
.price-strip li b{font-weight:800;color:var(--wine);white-space:nowrap}
.price-strip li small{font-weight:600;color:#5f5752}
.price-strip .arrow{grid-column:2}

@media (max-width:900px){
  .price-grid,.price-facts{grid-template-columns:1fr}
  .price-strip{grid-template-columns:1fr}
  .price-strip .arrow{grid-column:1}
  .price-hero .org-hero-inner{min-height:auto}
}
@media (max-width:560px){
  .price-grid article{padding:1.6rem 1.3rem}
  .price-table thead{display:none}
  .price-table,.price-table tbody,.price-table tr,.price-table th,.price-table td{display:block;width:100%}
  .price-table tr{border-bottom:1px solid var(--line);padding:1rem 1.2rem}
  .price-table th,.price-table td{padding:.2rem 0;border:0}
  .price-table .num{margin-top:.4rem}
  .price-org-list{width:100%}
  .price-org-list div{flex:1 1 100%;min-width:0}
}
.price-head .price-incl{margin-top:1rem;font-weight:600;color:var(--ink)}
.org-offers-note{color:#4a4541}
.org-offers-note a{color:var(--ink)}
.org-wide-offers .price{line-height:1.2;margin:1.4rem 0 1.2rem}
.org-wide-offers .price small{display:block;margin-top:.35rem}

/* ==========================================================================
   Team in Beeld
   ========================================================================== */
.team-hero .org-hero-inner{min-height:600px}
.team-facts{padding:0 var(--gutter)}
.team-facts ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}
.team-facts li{padding:2.2rem 1.5rem 2.2rem 0;display:flex;flex-direction:column;gap:.3rem}
.team-facts li+li{padding-left:1.5rem;border-left:1px solid var(--line)}
.team-facts b{font-size:clamp(1.5rem,2.4vw,2.1rem);letter-spacing:-.04em;line-height:1.1;color:var(--wine)}
.team-facts span{color:#4a4541;font-size:.95rem}
.team-when{padding:clamp(72px,9vw,120px) var(--gutter) 0;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}
.team-when h2{font-size:clamp(2.2rem,4.2vw,3.8rem);line-height:1.03;letter-spacing:-.06em;margin:0 0 1.6rem}
.team-when-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.team-when-list li{padding:1.1rem 0 1.1rem 2rem;border-bottom:1px solid var(--line);position:relative;font-size:1.04rem}
.team-when-list li::before{content:"";position:absolute;left:0;top:1.45rem;width:12px;height:12px;background:var(--copper);border-top-left-radius:12px}
.team-process{padding-left:var(--gutter);padding-right:var(--gutter)}
.team-deliver{padding:0 var(--gutter) clamp(72px,9vw,110px)}
.team-deliver-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:2.5rem;border-bottom-right-radius:var(--curve-sm);overflow:hidden}
.team-deliver-grid article{background:var(--white);padding:2rem}
.team-deliver-grid h3{font-size:1.5rem;letter-spacing:-.04em;margin:.6rem 0 .8rem}
.team-deliver-grid p:not(.label){margin:0;color:#4a4541}
.team-more{margin:1.6rem 0 0}
.team-faq{margin-top:clamp(48px,6vw,80px)}
@media (max-width:900px){
  .team-facts ul{grid-template-columns:1fr 1fr}
  .team-facts li:nth-child(3){padding-left:0;border-left:0}
  .team-facts li:nth-child(n+3){border-top:1px solid var(--line)}
  .team-when,.team-deliver-grid{grid-template-columns:1fr}
  .team-hero .org-hero-inner{min-height:auto}
}
@media (max-width:560px){
  .team-facts li{padding:1.4rem .8rem 1.4rem 0}
  .team-facts li+li{padding-left:.8rem}
  .team-facts li:nth-child(3){padding-left:0}
}
.travel-table{max-width:720px}

/* Prijzen in het verhaal */
.private-prices,.org-prices{padding-bottom:clamp(72px,9vw,120px)}
.price-one{margin:auto 0 0;padding-top:2rem;font-size:1.9rem;font-weight:800;letter-spacing:-.04em;color:var(--wine);border-top:2px solid var(--wine);margin-top:auto}
.price-grid article .price-one{margin-top:auto}
.price-one small{font-size:.85rem;font-weight:600;letter-spacing:0;color:#5f5752}
.price-grid ul{margin-bottom:1.6rem}
.price-grow{margin:1.6rem 0 0;max-width:760px;color:#4a4541}
.meet-places{margin-top:3rem}
.meet-places h3,.org-prices h3{font-size:1.5rem;letter-spacing:-.04em;margin:0 0 1rem}
.meet-places ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.meet-places li{border-top:1px solid var(--line);padding-top:1rem;display:flex;flex-direction:column;gap:.4rem}
.meet-places b{font-size:1.1rem}
.meet-places span{color:#4a4541}
.price-employer{margin:2.4rem 0 0;padding:1.1rem 1.4rem;background:var(--white);border-left:3px solid var(--copper);max-width:760px}
.price-employer a{font-weight:800;text-underline-offset:3px}
.org-price-cols{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:3rem}
.price-list{margin:0;border-top:1px solid var(--line)}
.price-list div{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.price-list dt{font-weight:700}
.price-list dt small{display:block;font-weight:500;color:#5f5752;font-size:.88rem;margin-top:.15rem}
.price-list dd{margin:0;font-weight:800;font-size:1.25rem;letter-spacing:-.03em;color:var(--wine);white-space:nowrap}
.price-list dd small{font-size:.8rem;font-weight:600;letter-spacing:0;color:#5f5752}
.price-grow-sm{margin:1rem 0 0;color:#4a4541;font-size:.95rem}
.price-grow-sm a{font-weight:800;color:var(--ink);text-underline-offset:3px}
.org-travel{margin-top:3.5rem;max-width:620px;scroll-margin-top:90px}
.org-travel>p:first-of-type{color:#4a4541;margin:0 0 1.2rem}
@media (max-width:900px){.org-price-cols,.meet-places ul{grid-template-columns:1fr;gap:2rem}}

/* Tussenkoppen in artikelen: rustiger formaat, zo veel mogelijk op één regel */
.article-body h2{font-size:clamp(1.6rem,2.1vw,2rem);line-height:1.15;letter-spacing:-.04em;margin:3.6rem 0 1.1rem;text-wrap:balance}
.article-body>h2{max-width:900px}
.article-try p,.article-try li{font-size:1.08rem;line-height:1.75}
.article-try p{margin:0 0 .9rem}
.article-try p:last-child{margin-bottom:0}
.article-try ol{margin:0 0 1.1rem;padding-left:1.3rem}
.article-try li{margin:.35rem 0}
.article-try li::marker{color:var(--copper-dark);font-weight:800}

/* Losse review in een pagina */
.quote-block{padding:clamp(72px,9vw,120px) var(--gutter) 0}
.quote-block .review-card{max-width:900px;min-height:0;box-shadow:0 0 0 1px #e3ddd7}
.quote-block .review-card h2{font-size:clamp(1.9rem,3.2vw,3rem)}
.quote-block .review-card>p+p{margin-top:1.1rem}
.quote-block .review-card cite{margin-top:2rem}
.org-page .quote-block+.org-prices{padding-top:clamp(72px,9vw,120px)}

/* Knop per pakket en keuzeveld in het formulier */
.price-cta{margin-top:1.4rem;align-self:flex-start}
.org-offer-grid .price-cta{margin-top:1.2rem}
select{display:block;width:100%;min-height:47px;border:1px solid #b9b0aa;background:#fff;color:var(--ink);padding:.7rem 2.4rem .7rem .7rem;font:inherit;margin-top:.35rem;border-radius:0;appearance:none;-webkit-appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);
  background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat}
select:focus{outline:3px solid var(--copper);outline-offset:1px}
.optional{font-weight:500;color:#6b625c}
select{font-weight:400}

/* Pakketkaarten: koppen, tekst, lijsten, prijzen en knoppen op gelijke hoogte */
@supports (grid-template-rows:subgrid){
  .price-grid,.org-offer-grid{grid-template-rows:repeat(6,auto)}
  .price-grid article,.org-offer-grid article{display:grid;grid-row:span 6;grid-template-rows:subgrid;row-gap:0;align-content:start}
  .price-grid article>*,.org-offer-grid article>*{margin-top:0}
  .price-grid article>p:not(.label),.org-offer-grid article>p:not(.label):not(.price){margin:0}
  .price-grid h3,.org-offer-grid h3{margin:.7rem 0 1rem}
  .price-grid ul,.org-offer-grid ul{margin:1.6rem 0 1.8rem;align-self:start}
  .price-block,.org-offer-grid .price{align-self:end}
  .org-offer-grid .price{margin:0;padding-top:1.4rem}
  .price-cta{align-self:end;justify-self:start;margin-top:1.4rem}
}
.price-block .price-one{margin:0}
@media (max-width:900px){
  .price-grid,.org-offer-grid{grid-template-rows:none}
  .price-grid article,.org-offer-grid article{grid-row:auto;grid-template-rows:none}
}
@supports (grid-template-rows:subgrid){.price-block{align-self:start}}

/* Lokale regel home + agendalink */
.home-local{margin:1rem 0 0;font-size:.95rem;font-weight:700;color:var(--copper-dark)}
.agenda-link{margin:1.2rem 0 0}
@media (max-width:900px){.home-proof ul{grid-template-columns:1fr}}
.footer-place{display:block;margin-top:.6rem;font-size:.8rem;opacity:.7}

/* Bedankpagina */
.thanks-hero{background:var(--wine);color:var(--white);padding:clamp(72px,10vw,130px) var(--gutter) clamp(64px,8vw,110px);border-bottom-right-radius:var(--curve-sm)}
.thanks-inner{max-width:760px}
.thanks-check{margin:0 0 1.6rem;width:56px;height:56px}
.thanks-check svg{width:100%;height:100%;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.thanks-check circle{stroke:var(--pale)}
.thanks-check path{stroke:var(--white)}
.thanks-hero h1{font-size:clamp(2.6rem,5.4vw,5rem);line-height:1.02;letter-spacing:-.06em;margin:0;text-wrap:balance}
.thanks-lead{font-size:1.15rem;line-height:1.6;max-width:620px;margin:1.6rem 0 0;color:#f1e4df}
.thanks-next,.thanks-more{padding:clamp(64px,8vw,100px) var(--gutter) 0}
.thanks-more{padding-bottom:clamp(72px,9vw,120px)}
.thanks-next h2,.thanks-more h2{font-size:clamp(2rem,3.6vw,3.2rem);line-height:1.05;letter-spacing:-.05em;margin:0 0 2rem}
.thanks-steps{list-style:none;counter-reset:s;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.thanks-steps li{counter-increment:s;background:var(--paper);padding:1.8rem;border-bottom-right-radius:28px;display:grid;gap:.4rem;align-content:start}
.thanks-steps li::before{content:"0" counter(s);font-weight:800;font-size:.8rem;color:var(--copper-dark)}
.thanks-steps b{font-size:1.1rem}
.thanks-steps span{color:#4a4541}
.thanks-note{margin:1.4rem 0 0;color:#5f5853;font-size:.92rem}
.thanks-links{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.thanks-links a{display:grid;gap:.8rem;align-content:space-between;min-height:150px;padding:1.6rem;border:1px solid var(--line);border-bottom-right-radius:28px;text-decoration:none;color:var(--ink);transition:border-color .2s,background .2s}
.thanks-links a:hover,.thanks-links a:focus-visible{border-color:var(--copper);background:var(--paper)}
.thanks-links b{font-size:1.1rem;line-height:1.3}
.thanks-links span{font-weight:800;font-size:.85rem;color:var(--copper-dark)}
@media (max-width:900px){.thanks-steps,.thanks-links{grid-template-columns:1fr}.thanks-links a{min-height:0}}
.preview-banner{margin:0;padding:.8rem var(--gutter);background:var(--pale);color:var(--ink);font-size:.9rem;font-weight:700}
.thanks-book{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;align-items:center;margin:2rem 0 0}
.thanks-btn{display:inline-flex;align-items:center;min-height:54px;padding:.9rem 1.4rem;background:var(--btn-copper,#a95a38);color:#fff;font-weight:800;text-decoration:none;border-radius:0 18px}
.thanks-btn:hover,.thanks-btn:focus-visible{background:var(--btn-copper-hover,#8f4a2d)}
.thanks-book span{font-size:.88rem;color:#e7d6d0}

/* Organisaties: liggende zwart-witfoto vult de linkerhelft */
.org-about{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.org-about .portrait{height:auto;max-height:none;max-width:none;min-height:620px}
.org-about .portrait img{object-position:30% 30%}
.org-about h2{font-size:clamp(2.2rem,3.6vw,3.6rem)}
.org-about>div:last-child{padding:clamp(48px,6vw,96px)}
@media (max-width:900px){.org-about{grid-template-columns:1fr}.org-about .portrait{min-height:0;height:auto;max-width:none;aspect-ratio:4/3}.org-about .portrait img{object-position:35% 15%}}
@media (max-width:560px){.org-about .portrait{height:auto;max-width:none}}

/* Aanbodkaarten: per traject een breed kader, onder elkaar als route (fase 1, 2, 3) */
.offer-cards{display:grid;gap:18px;margin-top:3rem}
.offer-group{margin:1.4rem 0 -.2rem;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--copper-dark)}
.offer-group:first-child{margin-top:0}
.offer-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);grid-template-areas:"label sub" "h3 list" "intro list" "foot list";grid-template-rows:auto auto auto 1fr;column-gap:3.5rem;align-items:start;background:var(--white);color:var(--ink);border:1px solid var(--line);border-bottom-right-radius:var(--curve-sm);padding:2.2rem 2.4rem}
.offer-card .label{grid-area:label;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--copper-dark);margin:0}
.offer-card h3{grid-area:h3;font-size:1.8rem;line-height:1.15;letter-spacing:-.04em;margin:.6rem 0 .7rem}
.offer-intro{grid-area:intro;margin:0;font-size:.98rem;line-height:1.55;color:#4a4541}
.offer-sub{grid-area:sub;margin:0;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.offer-list{grid-area:list;list-style:none;margin:1rem 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 2rem;align-content:start}
.offer-list li{display:grid;grid-template-columns:20px 1fr;column-gap:.6rem;row-gap:.15rem;align-content:start}
.offer-list li::before{content:"";grid-row:span 2;width:18px;height:18px;margin-top:.2rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12.5l5 5L20 6.5' fill='none' stroke='%23a95a38' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.offer-list b{font-size:.95rem;line-height:1.35}
.offer-list span{font-size:.9rem;line-height:1.5;color:#4a4541}
.offer-foot{grid-area:foot;padding-top:1.4rem}
.offer-price{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:1.1rem}
.offer-price summary{padding:1rem 2rem 1rem 0;font-size:1rem}
.offer-price-body{padding:0 0 1.1rem}
.offer-amount{font-size:2rem;font-weight:800;letter-spacing:-.04em;margin:0;line-height:1.1}
.offer-amount small{font-size:.9rem;letter-spacing:0;font-weight:700;color:#5f5853}
.offer-amount-sub{margin:.4rem 0 0;font-size:1rem}
.offer-small{margin:.5rem 0 0;font-size:.86rem;color:#5f5853}
.offer-cta{width:100%;justify-content:center}
@media (max-width:1000px){.offer-list{grid-template-columns:1fr}.offer-card{column-gap:2.4rem}}
@media (max-width:760px){
  .offer-card{grid-template-columns:1fr;grid-template-areas:"label" "h3" "intro" "sub" "list" "foot";grid-template-rows:none;padding:1.7rem 1.4rem 1.5rem}
  .offer-sub{margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid var(--line)}
  .offer-card h3{font-size:1.6rem}
}
.org-prices .org-travel{margin-top:0}
.travel-title{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.05;letter-spacing:-.05em;margin:0 0 1rem}
/* Reiskosten binnen Investering (organisaties) */
.offer-travel{margin-top:1.1rem;padding-top:1rem;border-top:1px dashed var(--line)}
.offer-travel-title{margin:0 0 .5rem;font-size:.82rem;font-weight:800}
.offer-travel dl{margin:0;display:grid;gap:.25rem}
.offer-travel dl div{display:flex;justify-content:space-between;gap:1rem;font-size:.86rem}
.offer-travel dt{color:#4a4541}
.offer-travel dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}
.review-full p{margin:0 0 1rem;max-width:68ch}.review-full p:last-of-type{margin-bottom:1.4rem}
.review-full h2{margin-bottom:1.4rem}
.review-more{margin:.4rem 0 1.2rem}
.review-card.review-full h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.1}
.wbi-certs-title{margin:2.2rem 0 .4rem;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--copper-dark)}
.wbi-belief .intro{font-size:1.15rem;font-weight:700;line-height:1.5}
/* Wie ben ik in de stijl van de andere pagina's */
.about-reverse{grid-template-columns:1fr clamp(240px,34vw,520px)!important;margin-left:auto;border-radius:clamp(110px,16vw,230px) 0 0 clamp(110px,16vw,230px)}
.about-reverse>div:first-child{padding:8vw;display:flex;flex-direction:column;justify-content:center;background:var(--sand)}
.about-reverse .portrait img{object-position:30% 30%}
#achtergrond .steps{grid-template-columns:repeat(4,1fr)}
#achtergrond .steps article{padding:2rem}
#achtergrond .steps .step-now{background:var(--wine,#582733);color:#fff}
#achtergrond .steps .step-now b{color:#e9bca9}
#achtergrond .steps .step-now p{color:#f4e9e5}
@media(max-width:1100px){#achtergrond .steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){#achtergrond .steps{grid-template-columns:1fr}}
.contact-choice{display:flex;flex-direction:column;gap:12px;align-self:center}
.contact-choice .btn{justify-content:center}
.on-dark-btn{border-color:#fff!important;color:#fff!important}
.on-dark-btn:hover{background:#fff!important;color:var(--ink)!important}
@media (max-width:900px){.about-reverse{grid-template-columns:1fr!important;border-radius:96px 0 0 96px}.about-reverse .portrait{order:-1;height:auto!important;max-width:none!important;aspect-ratio:4/3}.about-reverse>div:first-child{padding:56px 24px}}
.about-reverse>div.portrait{padding:0!important;background:var(--sand)!important;display:block;max-height:none;height:auto;min-height:460px}
@media (max-width:900px){.about-reverse>div.portrait{min-height:0}}

/* Team in Beeld: ruimte tussen review en volgend blok */
.quote-spaced{padding-bottom:clamp(64px,8vw,110px)}

/* Homepage: keuzeknoppen in gewone letters, net als de rest van de site */
.gateway-choices span{text-transform:none;letter-spacing:-.01em;font-size:1.15rem;font-weight:800}

/* Werkcheck: wijnrode bovenkant zoals de andere pagina's */
.tool-intro{max-width:none;margin:0;padding:75px var(--gutter) 110px;background:var(--wine);color:var(--white);border-bottom-right-radius:var(--curve)}
.tool-intro .back-link{color:var(--white)}
.tool-intro .eyebrow{color:var(--pale)}
.tool-intro h1{color:var(--white)}
.tool-intro .tool-lead{color:#f1e4df}
.tool-intro aside{background:var(--white);color:var(--ink);border-top:6px solid var(--copper);border-bottom-right-radius:var(--curve-sm)}
.tool-intro aside>span{color:var(--copper-dark)}
.tool-intro aside p{color:#4a4541}
.tool-intro .tool-boundary{color:#e7d6d0}
.tool-intro .tool-boundary strong{color:var(--white)}

/* Homepage: wat er verandert (van nu naar straks) */














@media (max-width:760px){}

/* Trajectkaarten: na dit traject */
.offer-after{grid-area:after;margin:1.2rem 0 0;padding:1rem 1.1rem;background:var(--paper);border-left:3px solid var(--copper);font-size:.95rem;line-height:1.5;display:grid;gap:.25rem}
.offer-after b{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--copper-dark)}
.offer-card{grid-template-areas:"label sub" "h3 list" "intro list" "after list" "foot list";grid-template-rows:auto auto auto auto 1fr}
@media (max-width:760px){.offer-card{grid-template-areas:"label" "h3" "intro" "after" "sub" "list" "foot";grid-template-rows:none}}


.offer-list span a{color:var(--copper-dark);font-weight:700;text-decoration:none;white-space:nowrap}
.offer-list span a:hover{text-decoration:underline}

/* ===== Kernwaardencheck ===== */
.kv-q{font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.15;letter-spacing:-.035em;margin:0;max-width:820px}
.kv-count{display:inline-block;margin-left:.4rem;color:var(--wine);white-space:nowrap}
.kv-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-top:1.4rem}
.kv-chip{font:inherit;text-align:left;cursor:pointer;background:var(--white);border:1px solid #cfcac6;border-radius:0 14px;padding:.8rem 1rem;display:flex;flex-direction:column;gap:3px;color:var(--ink);transition:.15s}
.kv-chip b{font-size:.98rem}
.kv-chip small{font-size:.76rem;line-height:1.35;color:#555}
.kv-chip:hover{border-color:var(--wine)}
.kv-chip:focus-visible{outline:3px solid var(--copper);outline-offset:2px}
.kv-chip.on{background:var(--wine);border-color:var(--wine);color:var(--white)}
.kv-chip.on small{color:#eadfdd}
.kv-chips-ten{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.kv-duel{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:stretch;margin-top:2rem}
.kv-pick{font:inherit;cursor:pointer;text-align:left;background:var(--white);border:1px solid #cfcac6;border-radius:0 22px;padding:2rem;display:flex;flex-direction:column;gap:.5rem;min-height:190px;color:var(--ink);transition:.15s}
.kv-pick span{font-size:.72rem;font-weight:800;letter-spacing:.12em;color:var(--copper-dark)}
.kv-pick b{font-size:clamp(1.5rem,2.6vw,2rem);letter-spacing:-.03em;line-height:1.1}
.kv-pick small{font-size:.92rem;color:#555;line-height:1.45}
.kv-pick:hover,.kv-pick:focus-visible{border-color:var(--wine);box-shadow:inset 0 -7px var(--wine);outline:none}
.kv-of{align-self:center;margin:0;font-weight:800;color:#999;text-transform:uppercase;font-size:.8rem;letter-spacing:.1em}
.kv-ruimte{border:0;padding:0;margin:1.6rem 0 0}
.kv-ruimte legend{font-weight:800;font-size:1.15rem;margin-bottom:.6rem;display:flex;align-items:center;gap:.6rem}
.kv-ruimte legend span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--wine);color:#fff;font-size:.8rem}
.kv-ruimte .answer-scale span{min-height:84px}
.kv-ruimte .answer-scale b{font-size:1.05rem}
.kv-result .tag{display:inline-block;font-size:.72rem;font-weight:800;padding:4px 10px;border-radius:999px;white-space:nowrap;align-self:start}
.kv-result .tag.ruimte{background:#e6efe6;color:#2f5a33}.kv-result .tag.deels{background:#f6ead9;color:#7a5216}.kv-result .tag.botst{background:#f4e0e3;color:var(--wine)}
.kv-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.5rem}
.kv-note{color:#555;font-size:.92rem;margin:-.8rem 0 1.2rem}
.kv-top ol{list-style:none;margin:0;padding:0}
.kv-top li{display:grid;grid-template-columns:auto 1fr auto;gap:.9rem;align-items:start;padding:.9rem 0;border-bottom:1px solid #e5e1dd}
.kv-top li b{display:block;font-size:1.05rem}
.kv-top li small{display:block;color:#555;font-size:.82rem;margin:2px 0 8px}
.kv-rank{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--wine);color:#fff;font-weight:800;font-size:.85rem}
.kv-meter{display:block;height:6px;background:#ece9e6;border-radius:3px;overflow:hidden;max-width:220px}
.kv-meter i{display:block;height:100%;background:var(--copper)}
.kv-mix{margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.23)}
.kv-mix-head{text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:var(--pale);font-weight:800;margin:0 0 .6rem}
.kv-mix-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;align-items:center;font-size:.82rem;color:#eadfdd;margin:.35rem 0}
.kv-mix-bar{height:6px;background:rgba(255,255,255,.15);border-radius:3px;overflow:hidden}
.kv-mix-bar i{display:block;height:100%;background:var(--pale)}
.kv-block{margin-top:1rem;padding:2.2rem;border:1px solid #d9d5d1}
.kv-block h3{font-size:1.8rem;line-height:1.15;letter-spacing:-.04em;margin:.3rem 0 1rem}
.kv-gap{border-left:7px solid var(--copper)}
.kv-gap p{max-width:780px}
.kv-ask{display:block;margin-top:1rem;font-weight:700;color:var(--wine);font-style:italic}
.kv-tensions{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.kv-tension{background:var(--paper);padding:1.5rem;border-radius:0 18px}
.kv-tension h4{margin:.4rem 0 .5rem;font-size:1.15rem}
.kv-tension p{margin:0 0 .4rem;font-size:.94rem}
.kv-pair{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.kv-pair b{background:var(--wine);color:#fff;border-radius:999px;padding:3px 12px;font-size:.82rem}
.kv-pair span{color:var(--copper-dark);font-weight:800}
.kv-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.kv-card{border:1px solid #e0dbd7;padding:1.4rem;border-radius:0 18px;display:flex;flex-direction:column}
.kv-card h4{font-size:1.2rem;margin:.7rem 0 .8rem}
.kv-card p{margin:0 0 .8rem;font-size:.92rem}
.kv-label{text-transform:uppercase;letter-spacing:.1em;font-size:.68rem!important;font-weight:800;color:var(--copper-dark);margin-bottom:.3rem!important}
.kv-quote{font-style:italic;color:var(--wine);font-weight:700}
.kv-result .result-actions{display:flex;gap:.8rem;flex-wrap:wrap}
@media (max-width:860px){.kv-grid,.kv-tensions,.kv-cards{grid-template-columns:1fr}.kv-duel{grid-template-columns:1fr}.kv-of{text-align:center}.kv-ruimte .answer-scale{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.kv-ruimte .answer-scale span{min-height:70px;padding:.55rem}.kv-ruimte .answer-scale small{font-size:.6rem}.kv-block{padding:1.4rem}}
@media print{
  .values-tool-page header,.values-tool-page footer,.values-tool-page .footer-legal,.values-tool-page .skip,.kv-result .result-actions,.kv-result .result-followup{display:none!important}
  .kv-result{margin:0;border:0;box-shadow:none;padding:0}
  .kv-grid,.kv-tensions{grid-template-columns:1fr 1fr}.kv-cards{grid-template-columns:repeat(3,1fr)}
  .kv-tension,.kv-card,.kv-gap,.next-step-card,.kv-top li,#kv-tension-block,.kv-block{break-inside:avoid}.kv-block h3,.kv-block .kv-note{break-after:avoid}
  html,body,.tool-main{background:#fff!important}.kv-print-logo{display:block!important;height:34px;width:auto;margin-bottom:18px}.kv-result .result-heading h2{font-size:2.2rem}.kv-grid{margin-top:1.2rem}.kv-block{padding:1.4rem}.result-disclaimer{margin-top:1rem}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
.values-tool-page [hidden]{display:none!important}
@media (max-width:860px){.kv-ruimte .answer-scale span{min-height:52px;padding:.4rem .2rem;justify-content:center;align-items:center;text-align:center}.kv-ruimte .answer-scale small{display:none}.kv-ruimte .answer-scale b{font-size:.78rem}}

.kv-print-logo{display:none}
.kv-name{display:block;margin-top:auto;font-size:.8rem;font-weight:800;color:var(--copper-dark);text-transform:uppercase;letter-spacing:.08em}
.kv-name input{display:block;width:100%;margin:.4rem 0 .8rem;font:inherit;font-size:1rem;text-transform:none;letter-spacing:0;font-weight:500;padding:.7rem .8rem;border:1px solid #b9b0aa;border-radius:6px;color:var(--ink)}
.values-tool-page .tool-intro aside .kv-name+.btn{margin-top:0}
.kv-name-error{color:#8e2c20!important;font-weight:700;font-size:.82rem;margin:.6rem 0 0;min-height:1.2em}
.kv-sent{margin:0 0 1.6rem;padding:.9rem 1.1rem;background:#e6efe6;color:#2f5a33;font-weight:700;border-radius:8px;font-size:.92rem}
@media print{.kv-sent{display:none!important}}

/* ===== Pakketfilter ===== */
.offer-filter{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:2.6rem}
.offer-tile{font:inherit;text-align:left;cursor:pointer;color:var(--ink);background:var(--paper);border:0;border-bottom-right-radius:var(--curve-sm);padding:1.6rem 1.6rem 1.7rem;display:flex;flex-direction:column;gap:.7rem;transition:background .2s,transform .2s}
.offer-tile b{font-size:1.35rem;line-height:1.15;letter-spacing:-.035em}
.offer-tile span{color:#4a4541;line-height:1.55}
.offer-tile small{margin-top:auto;padding-top:.4rem;font-size:.95rem;font-weight:800;align-self:flex-start;border-bottom:2px solid currentColor;padding-bottom:2px}
.offer-tile:hover{background:var(--sand);transform:translateY(-3px)}
.offer-tile:hover small{color:var(--copper-dark)}
.offer-tile:focus-visible{outline:3px solid var(--copper);outline-offset:3px}
.offer-tile.on{background:var(--sand)}
.offer-tile.on small{color:var(--copper-dark)}
.offer-tile.on b::after{content:" ✓";color:var(--copper-dark)}
.offer-cards.is-filtered{margin-top:1.6rem}
.offer-cards.is-filtered .offer-group{display:none}
.offer-cards [hidden]{display:none!important}
.org-offers .offer-tile{background:var(--white)}
.org-offers .offer-tile:hover,.org-offers .offer-tile.on{background:var(--white);box-shadow:inset 0 -5px var(--copper)}
@media (max-width:860px){.offer-filter{grid-template-columns:1fr;gap:10px}.offer-tile{padding:1.1rem 1.2rem 1.2rem;gap:.4rem}.offer-tile b{font-size:1.15rem}.offer-tile span{font-size:.92rem}}
@media print{.offer-filter{display:none}.offer-cards [hidden]{display:grid!important}}

.offer-hint{margin:1.4rem 0 0;color:#5f5853;font-size:.95rem}
.org-offers .offer-hint{color:#4a4541}
.offer-cards .offer-in{animation:offerIn .35s ease both}
@keyframes offerIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.offer-cards .offer-in{animation:none}}
.offer-card{scroll-margin-top:120px}

/* ===== Strakke uitlijning pakketkaarten en filtertegels ===== */
.offer-list{display:block;columns:2;column-gap:2.2rem}
.offer-list li{break-inside:avoid;margin:0 0 1.15rem}
.offer-list li:last-child{margin-bottom:0}
@media (max-width:1000px){.offer-list{columns:1}}
.offer-tile small{white-space:nowrap}
.offer-tile.on,.org-offers .offer-tile.on{background:var(--wine);color:var(--white);box-shadow:none}
.offer-tile.on span{color:#eadfdd}
.offer-tile.on small,.offer-tile.on:hover small{color:var(--pale)}
.offer-tile.on b::after{color:var(--pale)}
.org-offers .offer-tile:hover{box-shadow:none;background:var(--white)}
.org-offers .offer-tile:not(.on):hover small{color:var(--copper-dark)}

/* ===== Voor mezelf: pakketten in hetzelfde zandvlak als Voor organisaties ===== */
.private-prices{background:var(--sand);margin:clamp(56px,7vw,96px) calc(var(--inset) / 2) 0;padding:110px calc(var(--gutter) - var(--inset) / 2);border-radius:0 clamp(80px,11vw,160px)}
.private-prices .offer-tile{background:var(--white)}
.private-prices .offer-tile:not(.on):hover{background:var(--white)}
.private-prices .offer-tile:not(.on):hover small{color:var(--copper-dark)}
.private-prices .offer-hint,.private-prices .price-grow{color:#4a4541}
.meet-section{padding:clamp(56px,7vw,96px) var(--gutter) clamp(72px,9vw,120px)}
.meet-section .meet-places{margin-top:0}
.meet-section .price-employer{background:var(--paper)}
@media (max-width:760px){.private-prices{padding-top:78px;padding-bottom:78px;margin-left:8px;margin-right:8px;border-radius:0 58px}}
.private-prices .offer-tile.on{background:var(--wine);color:var(--white)}
.org-hero-bottom{align-items:start}.org-hero-bottom .actions{margin-top:.35rem}

/* ===== Foto's in een vast kader (over-blokken) ===== */
.about{align-items:center}
.about>.portrait{position:relative;overflow:visible;background:none!important;height:auto!important;min-height:0!important;max-height:none!important;max-width:none!important;padding:0!important;
  width:clamp(220px,23vw,330px);aspect-ratio:4/5;margin:clamp(56px,7vw,104px) 0 clamp(56px,7vw,104px) var(--gutter);align-self:center;z-index:0}
.about>.portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0 var(--curve-sm) 0 0;z-index:1}
.about>.portrait::before{content:"";position:absolute;inset:0;transform:translate(14px,14px);border:2px solid var(--copper);border-radius:0 var(--curve-sm) 0 0;z-index:0}
.about{grid-template-columns:calc(var(--gutter) + clamp(220px,23vw,330px)) 1fr}
.about>div:last-child{padding:clamp(56px,7vw,104px) 8vw clamp(56px,7vw,104px) clamp(40px,5vw,88px)}
/* liggende foto (stoel) */
.org-about>.portrait,.about-reverse>.portrait{width:clamp(260px,30vw,440px);aspect-ratio:4/3}
.org-about{grid-template-columns:calc(var(--gutter) + clamp(260px,30vw,440px)) 1fr}
/* foto rechts */
.about-reverse{grid-template-columns:1fr calc(var(--gutter) + clamp(260px,30vw,440px))!important}
.about-reverse>.portrait{margin:clamp(56px,7vw,104px) var(--gutter) clamp(56px,7vw,104px) 0;justify-self:end}
.about-reverse>.portrait::before{transform:translate(-14px,14px)}
.about-reverse>.portrait img,.about-reverse>.portrait::before{border-radius:var(--curve-sm) 0 0 0}
.about-reverse>div:first-child{padding:clamp(56px,7vw,104px) clamp(40px,5vw,88px) clamp(56px,7vw,104px) 8vw}
@media (max-width:900px){
  .about,.org-about,.about-reverse{grid-template-columns:1fr!important}
  .about>.portrait,.org-about>.portrait,.about-reverse>.portrait{order:-1;justify-self:start;width:min(300px,calc(100% - 2 * var(--gutter) - 14px));margin:56px 0 8px var(--gutter)!important}
  .org-about>.portrait,.about-reverse>.portrait{width:min(360px,calc(100% - 2 * var(--gutter) - 14px))}
  .about-reverse>.portrait::before{transform:translate(14px,14px)}
  .about-reverse>.portrait img,.about-reverse>.portrait::before{border-radius:0 var(--curve-sm) 0 0}
  .about>div:last-child,.about-reverse>div:first-child{padding:40px var(--gutter) 64px}
}
.org-about{background:var(--sand)}
.about{align-items:start}.about>.portrait{align-self:start}.about>div:last-child,.about-reverse>div:first-child{justify-content:flex-start}

/* ===== Uitklapbare review ===== */
.review-details{margin-top:1.4rem}
.review-details summary{list-style:none;cursor:pointer;display:inline-block;font-weight:800;font-size:.95rem;padding-bottom:3px;border-bottom:2px solid currentColor}
.review-details summary::-webkit-details-marker{display:none}
.review-details summary:hover{color:var(--copper-dark)}
.review-details summary:focus-visible{outline:3px solid var(--copper);outline-offset:4px}
.review-details .rd-close{display:none}
.review-details[open] .rd-open{display:none}
.review-details[open] .rd-close{display:inline}
.review-details[open] summary{margin-bottom:.4rem}
.review-details>p{font-size:1.08rem;line-height:1.75;margin:1.6rem 0 0}
.review-details[open]>p{animation:offerIn .35s ease both}
.feedback-main{background:var(--white)}.feedback-contact{margin-top:clamp(24px,4vw,48px)}
.review-details summary::after{content:none!important;display:none!important}

/* Over-blok zonder foto */
.about.about-text{grid-template-columns:1fr!important}
.about.about-text>div:last-child{padding:clamp(64px,8vw,110px) 8vw clamp(64px,8vw,110px) var(--gutter)}
.about.about-text h2{max-width:14ch}
.about.about-text p:not(.eyebrow){max-width:68ch}
/* Stap-label op de tegels */
.offer-tile i{font-style:normal;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--copper-dark);margin-bottom:-.3rem}
.offer-tile.on i{color:var(--pale)}

@media (max-width:860px){.offer-filter>.offer-cards{margin:0 0 6px}}

/* ===== Ervaringen ===== */
.exp-list{padding:clamp(64px,8vw,110px) var(--gutter)}
.exp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.exp-card{margin:0;padding:clamp(28px,3.5vw,48px);background:var(--paper);border-top:6px solid var(--copper);border-bottom-right-radius:var(--curve-sm);display:flex;flex-direction:column}
.exp-chip{margin:0 0 1rem;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--copper-dark)}
.exp-card h2{font-size:clamp(1.5rem,2.4vw,2.2rem);line-height:1.12;letter-spacing:-.045em;margin:0 0 1.2rem}
.exp-card>p:not(.exp-chip){margin:0;font-size:1.02rem;line-height:1.7}
.exp-card cite{display:block;margin-top:1.8rem;padding-top:1.2rem;border-top:1px solid var(--line);font-size:.78rem;font-weight:800;font-style:normal}
.exp-card .review-details>p{font-size:1.02rem}
.exp-share{margin-top:24px;display:flex;gap:2rem;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:clamp(28px,3.5vw,48px);border:1px solid var(--line);border-bottom-right-radius:var(--curve-sm)}
.exp-share h2{font-size:clamp(1.6rem,2.6vw,2.3rem);letter-spacing:-.045em;margin:.3rem 0 .6rem}
.exp-share p:not(.eyebrow){margin:0;max-width:60ch;color:#4a4541}
@media (max-width:860px){.exp-grid{grid-template-columns:1fr}}

/* Ervaring delen */
.review-nudge{margin-top:1.2rem!important;font-weight:800}
.review-nudge a{color:var(--pale)}
.review-aside{max-width:var(--max,1200px);margin:0 auto;padding:clamp(20px,3vw,32px) var(--gutter) clamp(40px,6vw,72px);font-size:.85rem;color:#5a5450}
.review-aside a{color:var(--copper-dark);font-weight:800}
.thanks-book[hidden],.thanks-next[hidden]{display:none!important}

/* Koperen ervaringsformulier: donkere tekst op koper voor voldoende contrast (±6:1) */
form.form-copper{background:var(--copper);color:var(--ink)}
form.form-copper .optional{color:#3a2a22}
form.form-copper input,form.form-copper textarea,form.form-copper select{border-color:transparent;background-color:#fff}
form.form-copper input:focus,form.form-copper textarea:focus,form.form-copper select:focus{outline:3px solid var(--ink);outline-offset:0;border-color:var(--ink)}
form.form-copper .consent a{color:var(--ink);font-weight:800}
form.form-copper .btn-primary{background:var(--wine);border-color:var(--wine);color:#fff}
form.form-copper .btn-primary:hover{background:var(--ink);border-color:var(--ink)}
form.form-copper input[type=checkbox]{accent-color:var(--wine)}

/* Ervaringen: kaarten even hoog, link en naam onderaan op één lijn */
.exp-grid{align-items:stretch}
.exp-card .review-details{margin-top:auto;padding-top:1.6rem}
.exp-card .review-details[open]{margin-top:1.6rem;padding-top:0}
.review-details summary{display:inline-flex;width:max-content;max-width:100%;gap:0}
.exp-card cite{line-height:1.6;min-height:calc(3.2em + 1.2rem + 1px);box-sizing:border-box}
.review-details summary{border-bottom:0!important;padding:0!important}
.review-details summary .rd-open,.review-details summary .rd-close{padding-bottom:3px;border-bottom:2px solid currentColor}

/* Footer: links en social-iconen */
footer .footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:1rem}
footer .footer-links{display:flex;gap:1rem;flex-wrap:wrap;justify-content:flex-end}
footer .footer-social{display:flex;gap:.6rem}
footer .social-icon{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.28);border-radius:50%;color:#fff;transition:background .2s,color .2s,border-color .2s}
footer .social-icon:hover{background:var(--copper);border-color:var(--copper);color:#fff}
footer .social-icon:focus-visible{outline:3px solid var(--pale);outline-offset:3px}
@media (max-width:860px){footer .footer-right{align-items:flex-start}footer .footer-links{justify-content:flex-start}}



/* Twee donkere blokken direct onder elkaar: één doorlopend vlak, geen tweede bocht */
.private-routes + .contact{border-top-left-radius:0;margin-top:0;padding-top:0;row-gap:0;column-gap:clamp(32px,5vw,96px);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.private-routes + .contact h2{font-size:clamp(2.4rem,4.2vw,4.2rem);max-width:16ch}
.private-routes + .contact .contact-choice{margin-top:1.6rem}
.private-routes:has(+ .contact){padding-bottom:clamp(48px,5vw,72px)}
.private-routes + .contact::before{content:"";grid-column:1/-1;height:1px;background:rgba(255,255,255,.16);margin-bottom:clamp(48px,5vw,72px)}
@media (max-width:860px){.private-routes + .contact{grid-template-columns:1fr}.private-routes + .contact::before{display:none}.private-routes:has(+ .contact){padding-bottom:40px}}

/* Voor mezelf: vier tegels (drie stappen + Volledig Traject) */
@media (min-width:1100px){.private-prices .offer-filter{grid-template-columns:repeat(4,1fr)}}
@media (min-width:861px) and (max-width:1099px){.private-prices .offer-filter{grid-template-columns:repeat(2,1fr)}}

/* ---------- Werkcheck: uitgebreid rapport ---------- */
.wc-page [hidden]{display:none!important}
.wc-print-logo{display:none}
.wc-result .score-row>div:first-child{align-items:flex-end;gap:1rem}
.wc-result .score-row>div:first-child>span:first-child{display:flex;flex-direction:column;gap:.15rem}
.wc-result .score-row small{font-weight:500;font-size:.74rem;color:#6b625c}
.wc-right{display:flex;align-items:center;gap:.6rem}
.wc-level{font-style:normal;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .55rem;border-radius:999px;background:#ece9e6;color:#4a4541}
.wc-level.high{background:var(--wine);color:#fff}
.wc-level.mid{background:var(--pale);color:var(--ink)}
.wc-result .score-row:not(.is-top):not(.wc-energy):not(.wc-agency) .score-track span{background:#c9b5ba}
.wc-result .wc-energy .score-track span{background:var(--copper)}
.wc-result .wc-agency .score-track span{background:var(--copper-dark)}
.wc-sub{margin-top:2rem;padding-top:1.4rem;border-top:1px solid var(--line)}
.wc-sub-title{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#6b625c}
.wc-agency-copy{margin:.4rem 0 0;font-size:.86rem;color:#4a4541}
.wc-alert{margin-top:2rem;padding:1.4rem 1.6rem;border-left:6px solid var(--copper);background:#f7ece6}
.wc-alert.strong{border-left-color:var(--wine);background:#f3e4e6}
.wc-alert strong{display:block;font-size:1.05rem;margin-bottom:.35rem}
.wc-alert p{margin:0;max-width:72ch}
.wc-drivers{margin-top:1rem;padding:2.2rem;background:var(--paper);border-bottom-right-radius:var(--curve-sm)}
.wc-drivers h3{font-size:1.6rem;line-height:1.15;letter-spacing:-.04em;margin:.3rem 0 1.2rem}
.wc-driver-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.wc-driver-list li{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;background:#fff;padding:.9rem 1.1rem;border:1px solid #e3ddd8}
.wc-driver-list li p{margin:0;font-weight:700}
.wc-driver-list li b{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--copper-dark);white-space:nowrap}
.wc-driver-list li.wc-empty{grid-template-columns:1fr}
.wc-driver-list li.wc-empty p{font-weight:500}
.wc-tag{font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:var(--wine);color:#fff;padding:.25rem .55rem;border-radius:999px}
.wc-result .result-followup>div:last-child{align-items:flex-start;justify-content:flex-start}
.wc-result .result-followup p:not(.eyebrow){margin:0}
.wc-result .result-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:flex-end;margin-top:2rem}
@media (max-width:650px){.wc-driver-list li{grid-template-columns:1fr;gap:.4rem}.wc-drivers{padding:1.5rem}.wc-result .result-actions{justify-content:stretch}.wc-result .result-actions .btn{flex:1}}
@media print{
  @page{size:A4;margin:14mm 14mm 20mm}
  .wc-page header,.wc-page footer,.wc-page .footer-legal,.wc-page .skip,.wc-page .tool-intro,.wc-page .question-panel,.wc-result .result-actions,.wc-result #next-link{display:none!important}
  html,body,.tool-main{background:#fff!important}
  .wc-print-logo{display:block!important;height:34px;width:auto;margin-bottom:18px}
  .wc-result .result-heading h2{font-size:2.2rem}
  .wc-result .result-layout{grid-template-columns:1fr 1fr;margin-top:1.2rem}
  .wc-alert,.score-card,.interpretation-card,.wc-drivers,.next-step-card,.result-followup>div{break-inside:avoid}
  .wc-result,.wc-result *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .wc-result .next-step-card{grid-template-columns:1fr 1fr;gap:2rem;padding:1.6rem}
  .wc-result .result-followup{margin-top:1rem}
}
.wc-result .result-actions{align-items:center}
.wc-result .result-actions .btn-secondary{padding:0 1.4rem;border:1.5px solid var(--ink);background:transparent;color:var(--ink)}
.wc-result .result-actions .btn-secondary:hover{background:var(--ink);color:#fff}
.wc-restart{text-decoration:underline;text-underline-offset:4px}
@media print{
  html:has(.wc-page){font-size:12px}
  .wc-page .tool-main{padding:0!important;margin:0!important}
  .wc-result{border:0!important;padding:0!important;margin:0!important;box-shadow:none!important;border-radius:0!important}
  .wc-result .result-heading h2{font-size:1.9rem!important;margin:.3rem 0 .6rem}
  .wc-result .result-heading p{font-size:.95rem}
  .wc-result .score-card,.wc-result .interpretation-card,.wc-result .wc-drivers{padding:1.2rem!important}
  .wc-result .score-card h3,.wc-result .interpretation-card h3,.wc-result .next-step-card h3,.wc-result .result-followup h3,.wc-result .wc-drivers h3{font-size:1.25rem!important;margin:.2rem 0 .8rem!important}
  .wc-result .score-row{margin:.7rem 0}
  .wc-result .wc-sub{margin-top:1rem;padding-top:.8rem}
  .wc-alert{margin-top:1rem;padding:.9rem 1.1rem}
  .wc-result .result-layout{margin-top:1rem;gap:.8rem}
  .wc-driver-list li{padding:.5rem .8rem}
  .wc-result .next-step-card{margin-top:.8rem;padding:1.2rem!important;gap:1.2rem}
  .wc-result .reflection-box{padding:1rem!important}
  .wc-result .result-followup{gap:.8rem}
  .wc-result .result-followup>div{padding:1.2rem!important}
  .wc-result .result-disclaimer{margin-top:1rem}
}
@media print{
  .wc-result p,.wc-result li p{font-size:9.5pt!important;line-height:1.45!important}
  .wc-result .result-heading h2{font-size:2.3rem!important}
  .wc-result .score-card h3,.wc-result .interpretation-card h3,.wc-result .next-step-card h3,.wc-result .result-followup h3,.wc-result .wc-drivers h3{font-size:1.45rem!important}
  .wc-alert strong{font-size:11pt}
}

/* Werkcheck: persoonlijk advies en energiebronnen */
.wc-advice{margin-top:1.2rem;padding:1.6rem 1.8rem;background:var(--paper);border-bottom-right-radius:var(--curve-sm)}
.wc-advice h3{font-size:1.6rem;line-height:1.15;letter-spacing:-.04em;margin:.3rem 0 .6rem}
.wc-advice p:not(.eyebrow){margin:0;max-width:70ch}
.wc-result .wc-strength .score-track span{background:#d9a28b}
.wc-drivers{display:grid;grid-template-columns:1fr;gap:2rem}
.wc-tag-good{background:var(--pale);color:var(--ink)}
@media print{.wc-advice{break-inside:avoid;padding:1rem 1.2rem}.wc-advice h3{font-size:1.35rem!important}}