/* Jeugd & Gezin Mondzorg — "quiet luxury, clinical"
   Didone-koppen, aubergine + crème, full-bleed hero, cirkelpijl-knoppen.
   Eén bewuste lichte look met donkere secties. */
:root{
  --cream:#F6F1EA;
  --taupe:#E7DDD2;
  --taupe-2:#D9CCBF;
  --plum:#2F2228;
  --plum-2:#45333B;
  --plum-line:#5A4650;
  --ink:#2A2125;
  --muted:#76696C;
  --soft:#C9B9BE;
  --gold:#B48E6F;
  --serif:"Bodoni Moda","Didot","Bodoni 72","Playfair Display",Georgia,serif;
  --sans:"Jost","Avenir Next","Helvetica Neue",Arial,sans-serif;
  --max:1240px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-weight:300;font-size:1rem;line-height:1.7;-webkit-font-smoothing:antialiased;padding-inline:12px}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
:focus-visible{outline:1.5px solid var(--gold);outline-offset:3px;border-radius:4px}
h1,h2,h3{font-family:var(--serif);font-weight:400;margin:0;line-height:1.02;letter-spacing:-.015em;text-wrap:balance}
em{font-style:italic}
p{margin:0}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:clamp(8px,3vw,40px)}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:60;background:#fff;padding:.5rem 1rem}
.hp{position:absolute;left:-9999px}

/* photo grade: alle beelden één warme, iets gedempte look */
.hero-bg,.card img,.ring img,.why-img img,.portrait img{filter:saturate(.82) sepia(.08) contrast(.98)}

.eyebrow{font-size:.68rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:1.4rem}
.eyebrow.light{color:var(--soft)}
.display{font-family:var(--serif);font-weight:400;line-height:1.02;letter-spacing:-.015em;text-wrap:balance;font-size:clamp(2.4rem,5.2vw,4.4rem)}
.display em{display:block}
.display.sm{font-size:clamp(1.8rem,3.2vw,2.6rem)}

/* buttons */
.circ{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--cream);color:var(--plum);flex:none;transition:transform .35s}
.circ svg{width:14px;height:14px}
.circ.sm{width:26px;height:26px}
.circ.light{background:var(--cream);color:var(--plum)}
.btn-line{display:inline-flex;align-items:center;gap:1.1rem;padding:.45rem .45rem .45rem 1.4rem;border:1px solid rgba(246,241,234,.55);border-radius:999px;font-size:.68rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:var(--cream);transition:background .3s,border-color .3s}
.btn-line:hover{background:rgba(246,241,234,.1);border-color:var(--cream)}
.btn-line:hover .circ{transform:rotate(45deg)}
.btn-line.dark{color:var(--ink);border-color:var(--ink)}
.btn-line.dark .circ{background:var(--plum);color:var(--cream)}
.btn-line.dark:hover{background:rgba(47,34,40,.05)}

/* logo */
.logo{display:inline-flex;align-items:center;gap:.8rem;text-decoration:none}
.mono{width:30px;height:36px;color:currentColor}
.logo b{display:block;font-family:var(--serif);font-weight:400;font-size:1.05rem;letter-spacing:.14em;text-transform:uppercase;line-height:1}
.logo small{display:block;font-size:.55rem;letter-spacing:.24em;text-transform:uppercase;opacity:.75;margin-top:.35rem}

/* HERO */
.hero{position:relative;margin-top:12px;border-radius:18px;overflow:hidden;min-height:min(92vh,860px);color:var(--cream);display:flex;flex-direction:column;background:var(--plum)}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 40%}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(47,34,40,.94) 0%,rgba(55,40,47,.82) 32%,rgba(80,58,68,.38) 62%,rgba(80,58,68,.12) 100%),linear-gradient(0deg,rgba(47,34,40,.55) 0%,transparent 35%)}
.nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.6rem clamp(20px,3.5vw,48px);border-bottom:1px solid rgba(246,241,234,.16)}
.nav nav{display:flex;gap:2.2rem}
.nav nav a,.nav-mail{font-size:.66rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;opacity:.85}
.nav nav a:hover,.nav-mail:hover{opacity:1}
@media (max-width:1060px){.nav nav{display:none}}
@media (max-width:640px){.nav-mail{display:none}}
.hero-body{position:relative;z-index:2;padding:clamp(3rem,7vw,5.5rem) clamp(20px,3.5vw,48px) 2rem;max-width:760px}
.kicker{font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;opacity:.8;line-height:2}
.kicker b{font-weight:500;opacity:1}
.hero h1{font-size:clamp(2.8rem,7vw,5.8rem);margin:1.6rem 0 1.8rem;line-height:.98}
.hero h1 em{display:inline}
.hero-lead{font-size:.95rem;max-width:44ch;opacity:.88;margin-bottom:2.2rem}
.hero-foot{position:relative;z-index:2;margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;padding:0 clamp(16px,3vw,40px) clamp(16px,3vw,32px)}
.hero-meta{font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;opacity:.75;padding-left:.3rem;padding-bottom:.6rem}
.hero-meta span{margin-inline:.5rem}
.cards{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:.6rem;width:min(620px,100%)}
.card{position:relative;display:flex;align-items:flex-end;gap:.7rem;min-height:118px;padding:1rem 1rem 1rem 1.1rem;border-radius:12px;text-decoration:none;background:rgba(85,62,72,.42);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(246,241,234,.18);transition:transform .35s,background .35s}
.card:hover{transform:translateY(-3px);background:rgba(85,62,72,.6)}
.card .circ{position:absolute;top:.7rem;right:.7rem}
.card-txt b{display:block;font-family:var(--serif);font-weight:400;font-size:1.2rem;line-height:1.05}
.card-txt small{display:block;font-size:.66rem;line-height:1.4;opacity:.75;margin-top:.4rem}
.card.light{background:var(--cream);color:var(--ink);padding-left:0;overflow:hidden;align-items:stretch}
.card.light img{width:42%;object-fit:cover;align-self:stretch}
.card.light .card-txt{align-self:flex-end;padding-right:1.5rem}
.card.light .circ{background:var(--plum);color:var(--cream)}
@media (max-width:860px){.hero-foot{flex-direction:column;align-items:stretch}.hero-meta{display:none}}
@media (max-width:560px){.cards{grid-template-columns:1fr 1fr}.card.light{grid-column:1/-1}}

section{padding-block:clamp(4.5rem,10vw,8rem)}

/* PROMISE */
.promise-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(2rem,6vw,6rem);align-items:end}
.promise-grid>*{min-width:0}
.promise-cols{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 2.5rem;font-size:.86rem;color:var(--muted)}
.promise-cols .btn-line{grid-column:1/-1;justify-self:start;margin-top:1rem}
@media (max-width:900px){.promise-grid{grid-template-columns:1fr}}
@media (max-width:520px){.promise-cols{grid-template-columns:1fr}}

/* FIGURES */
.figures{padding-top:0}
.fig-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--taupe-2);border-bottom:1px solid var(--taupe-2)}
.fig-row>div{padding:2.5rem 1.75rem 2.25rem;display:flex;flex-direction:column;gap:.8rem;min-width:0}
.fig-row>div+div{border-left:1px solid var(--taupe-2)}
.fig-row>div:first-child{padding-left:0}
.fig-row b{font-family:var(--serif);font-weight:400;font-size:clamp(3rem,5.5vw,4.4rem);line-height:.9;color:var(--plum);font-variant-numeric:lining-nums}
.fig-row b i{font-size:.5em;margin-left:.06em;color:var(--gold)}
.fig-row p{font-size:.86rem;color:var(--ink)}
.fig-row cite{font-style:normal;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:auto}
.note{font-size:.8rem;color:var(--muted);max-width:80ch;margin-top:1.75rem}
@media (max-width:900px){.fig-row{grid-template-columns:1fr 1fr}.fig-row>div:nth-child(3){border-left:0;padding-left:0}.fig-row>div:nth-child(n+3){border-top:1px solid var(--taupe-2)}}
@media (max-width:480px){.fig-row{grid-template-columns:1fr}.fig-row>div{border-left:0!important;padding-left:0}.fig-row>div+div{border-top:1px solid var(--taupe-2)}}

/* CARE / TABS */
.care{background:var(--cream)}
.care-head{display:grid;grid-template-columns:1.3fr 1fr;gap:2rem 4rem;align-items:end;margin-bottom:clamp(2.5rem,5vw,4rem)}
.care-head>*{min-width:0}
.care-head>p{font-size:.88rem;color:var(--muted);max-width:42ch}
@media (max-width:860px){.care-head{grid-template-columns:1fr}}
.tabs{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:12px}
.tab-list{background:#FBF8F4;border:1px solid var(--taupe);border-radius:14px;padding:1.25rem 1.75rem 1.75rem;display:flex;flex-direction:column}
.tab-list button{all:unset;cursor:pointer;display:grid;grid-template-columns:2.2rem 1fr auto;align-items:center;gap:.5rem;padding:1.2rem 0;border-bottom:1px solid var(--taupe);font-family:var(--serif);font-size:clamp(1.25rem,2vw,1.6rem);color:#B3A7A9;transition:color .3s}
.tab-list button span{font-family:var(--sans);font-size:.62rem;letter-spacing:.15em;color:#B3A7A9}
.tab-list button svg{width:28px;height:28px;padding:7px;border-radius:50%;border:1px solid currentColor;transition:all .3s}
.tab-list button[aria-selected="true"]{color:var(--ink)}
.tab-list button[aria-selected="true"] svg{background:var(--plum);border-color:var(--plum);color:var(--cream)}
.tab-list button:hover{color:var(--ink)}
.tab-list button:focus-visible{outline:1.5px solid var(--gold);outline-offset:4px}
.tab-foot{margin-top:auto;padding-top:3rem;border-top:1px solid var(--taupe);display:grid;gap:1rem}
.tab-foot .mono{color:var(--ink)}
.tab-foot p{font-family:var(--serif);font-size:1.05rem;line-height:1.35}
.panel{background:var(--plum);color:var(--cream);border-radius:14px;padding:clamp(1.75rem,4vw,3.5rem);display:grid;grid-template-columns:1fr minmax(220px,.9fr);gap:2rem;align-items:center;min-height:500px}
.panel>*{min-width:0}
.panel h3{font-size:clamp(2.2rem,4vw,3.2rem);margin-bottom:1.25rem}
.panel-txt>p:not(.eyebrow){font-size:.88rem;color:#D8CBCF;max-width:40ch}
.mlist{list-style:none;padding:0;margin:2rem 0 0;display:grid;gap:.7rem}
.mlist li{display:flex;align-items:center;gap:.8rem;font-size:.66rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase}
.mlist li::before{content:"";width:10px;height:13px;flex:none;border-left:1px solid var(--soft);border-right:1px solid var(--soft)}
.ring{position:relative;margin:0;aspect-ratio:1;width:100%;max-width:340px;justify-self:center;color:var(--soft)}
.ring-txt{position:absolute;inset:0;width:100%;height:100%;animation:spin 60s linear infinite}
.ring-txt text{font-family:var(--sans);font-weight:500}
.ring img{position:absolute;inset:13%;width:74%;height:74%;object-fit:cover;border-radius:50%}
@keyframes spin{to{transform:rotate(360deg)}}
.panel[hidden]{display:none}
@media (max-width:980px){.tabs{grid-template-columns:1fr}.tab-foot{display:none}.panel{grid-template-columns:1fr;min-height:0}.ring{max-width:280px}}

/* METHOD */
.method{background:var(--taupe);margin-inline:-12px;padding-inline:12px}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.steps li{background:var(--cream);border-radius:14px;padding:1.75rem 1.5rem 2rem;min-width:0;display:flex;flex-direction:column}
.steps li.on{background:var(--plum);color:var(--cream)}
.steps li.on p{color:#D8CBCF}
.steps span{font-size:.62rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:3.5rem}
.steps h3{font-size:1.45rem;line-height:1.1;margin-bottom:.8rem}
.steps p{font-size:.84rem;color:var(--muted)}
@media (max-width:980px){.steps{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.steps{grid-template-columns:1fr}.steps span{margin-bottom:1.5rem}}
.start{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 4rem;align-items:end;margin-top:clamp(3rem,6vw,4.5rem);padding-top:2.5rem;border-top:1px solid var(--taupe-2)}
.start>*{min-width:0}
.start>p:last-child{font-size:.86rem;color:var(--muted);max-width:52ch}
@media (max-width:860px){.start{grid-template-columns:1fr}}

/* WHY */
.why-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2.5rem,7vw,7rem);align-items:center}
.why-grid>*{min-width:0}
.why-img{margin:0;border-radius:14px;overflow:hidden;aspect-ratio:4/5;background:var(--taupe)}
.why-img img{width:100%;height:100%;object-fit:cover}
.why{margin:2.5rem 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 2.5rem}
.why>div{border-top:1px solid var(--taupe-2);padding-block:1.3rem;min-width:0}
.why dt{font-family:var(--serif);font-size:1.35rem;margin-bottom:.3rem}
.why dd{margin:0;font-size:.86rem;color:var(--muted)}
@media (max-width:860px){.why-grid{grid-template-columns:1fr}.why-img{max-width:460px;aspect-ratio:1}}
@media (max-width:520px){.why{grid-template-columns:1fr}}

/* FUND */
.fund{background:var(--plum);color:var(--cream);border-radius:18px}
.fund-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,6vw,6rem);align-items:end}
.fund-grid>*{min-width:0}
.fund-lead{font-size:.9rem;color:#D8CBCF;max-width:46ch;margin-top:2rem}
.codes{border-top:1px solid var(--plum-line)}
.codes>div{display:grid;grid-template-columns:6rem 1fr;gap:1rem;align-items:baseline;padding-block:1.4rem;border-bottom:1px solid var(--plum-line)}
.codes span{font-family:var(--serif);font-size:2rem;line-height:1;color:var(--cream)}
.codes p{font-size:.88rem;color:#D8CBCF}
.codes small{display:block;margin-top:1.2rem;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--soft)}
@media (max-width:860px){.fund-grid{grid-template-columns:1fr}}

/* QUALITY & PARENTS */
.q-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2.5rem,7vw,7rem);align-items:start}
.q-grid>*{min-width:0}
.side{font-size:.86rem;color:var(--muted);max-width:40ch;margin-top:2rem}
.faq{border-top:1px solid var(--ink)}
.faq details{border-bottom:1px solid var(--taupe-2)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding-block:1.35rem;font-family:var(--serif);font-size:1.3rem;line-height:1.25}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--ink);background:linear-gradient(var(--ink),var(--ink)) center/9px 1px no-repeat,linear-gradient(var(--ink),var(--ink)) center/1px 9px no-repeat}
.faq details[open] summary::after{background:var(--plum) linear-gradient(var(--cream),var(--cream)) center/9px 1px no-repeat;border-color:var(--plum)}
.faq details p{padding-bottom:1.5rem;font-size:.9rem;color:var(--muted);max-width:60ch}
@media (max-width:860px){.q-grid{grid-template-columns:1fr}}
.parents{background:var(--taupe);margin-inline:-12px;padding-inline:12px}
.parents .faq details{border-color:var(--taupe-2)}

/* TEAM */
.team{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.member{min-width:0}
.portrait{aspect-ratio:3/4;border-radius:12px;background:var(--taupe);display:grid;place-items:center;overflow:hidden;margin-bottom:.9rem}
.portrait img{width:100%;height:100%;object-fit:cover}
.portrait svg{width:34px;height:40px;color:var(--taupe-2)}
.member b{display:block;font-family:var(--serif);font-weight:400;font-size:1.15rem;line-height:1.2}
.member small{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
@media (max-width:980px){.team{grid-template-columns:repeat(3,1fr)}}
@media (max-width:520px){.team{grid-template-columns:1fr 1fr}}

/* CONTACT */
.contact-sec{padding-block:clamp(3rem,6vw,5rem)}
.contact{display:grid;grid-template-columns:1fr 1.1fr;border-radius:18px;overflow:hidden;padding:0;max-width:var(--max)}
.contact>*{min-width:0}
.c-left{background:linear-gradient(160deg,var(--plum-2),var(--plum));color:var(--cream);padding:clamp(2rem,5vw,4rem);display:flex;flex-direction:column}
.c-left>p{font-size:.86rem;color:#D8CBCF;max-width:44ch;margin-top:2rem}
.eyebrow.gold{color:var(--gold)}
.c-info{margin:auto 0 0;padding-top:3rem;display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:1.5rem 3rem;border-top:1px solid var(--plum-line);margin-top:3rem}
.c-info dt{font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--soft);margin-bottom:.4rem}
.c-info dd{margin:0;font-family:var(--serif);font-size:1.05rem;line-height:1.3}
.c-info a{text-decoration:none;word-break:break-word}
.c-info a:hover{text-decoration:underline}
@media (max-width:640px){.c-info{grid-template-columns:1fr}}
.c-form{background:var(--taupe);padding:clamp(2rem,5vw,4rem);display:grid;gap:1.6rem;align-content:start}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem 2rem}
@media (max-width:560px){.row2{grid-template-columns:1fr}}
.c-form label{display:grid;gap:.25rem;font-size:.58rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}
.c-form input,.c-form select,.c-form textarea{font:300 .95rem/1.4 var(--sans);letter-spacing:0;text-transform:none;color:var(--ink);background:transparent;border:0;border-bottom:1px solid #A8999C;border-radius:0;padding:.65rem 0;width:100%;-webkit-appearance:none;appearance:none}
.c-form select{background:linear-gradient(45deg,transparent 50%,var(--ink) 50%) calc(100% - 9px) 55%/5px 5px no-repeat,linear-gradient(135deg,var(--ink) 50%,transparent 50%) calc(100% - 5px) 55%/5px 5px no-repeat}
.c-form textarea{resize:vertical;min-height:80px}
.c-form input:focus,.c-form select:focus,.c-form textarea:focus{outline:0;border-bottom-color:var(--plum);box-shadow:0 1px 0 var(--plum)}
.submit{all:unset;cursor:pointer;box-sizing:border-box;margin-top:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:.55rem .55rem .55rem 1.6rem;border-radius:999px;background:var(--plum);color:var(--cream);font-size:.66rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;transition:background .3s}
.submit:hover{background:var(--plum-2)}
.submit:hover .circ{transform:rotate(45deg)}
.submit:focus-visible{outline:1.5px solid var(--gold);outline-offset:3px}
.submit .circ{width:36px;height:36px}
@media (max-width:900px){.contact{grid-template-columns:1fr}}

/* FOOTER */
.foot{background:var(--plum);color:var(--cream);border-radius:18px 18px 0 0;padding-block:clamp(3rem,6vw,4.5rem) 1.5rem;margin-inline:0}
.foot-top{display:grid;grid-template-columns:1.2fr 1.4fr .7fr .7fr;gap:2.5rem;align-items:start;padding-bottom:3rem;border-bottom:1px solid var(--plum-line)}
.foot-top>*{min-width:0}
.foot-quote{font-family:var(--serif);font-size:clamp(1.6rem,2.6vw,2.1rem);line-height:1.08}
.foot-col{display:grid;gap:.55rem;font-size:.82rem}
.foot-col .eyebrow{margin-bottom:.5rem}
.foot-col a{text-decoration:none;opacity:.85}
.foot-col a:hover{opacity:1}
.foot-bot{display:flex;justify-content:space-between;gap:1rem 2rem;flex-wrap:wrap;padding-top:1.5rem;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--soft)}
@media (max-width:900px){.foot-top{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.foot-top{grid-template-columns:1fr}}

/* simple pages */
.simple{min-height:calc(100vh - 24px);margin-block:12px;border-radius:18px;background:var(--plum);color:var(--cream);display:grid;place-items:center;text-align:center;padding:3rem 1.5rem}
.simple .logo{margin-bottom:3rem}
.simple h1{font-size:clamp(2.4rem,6vw,4rem);margin-bottom:1.5rem}
.simple p{font-size:.9rem;color:#D8CBCF;max-width:44ch;margin-inline:auto}
.simple .btn-line{margin-top:2.5rem}

/* intro motion vanuit zichtbare rust */
@media (prefers-reduced-motion:no-preference){
  .hero-body>*{animation:rise 1s cubic-bezier(.2,.7,.2,1) both}
  .hero-body>*:nth-child(2){animation-delay:.1s}.hero-body>*:nth-child(3){animation-delay:.2s}.hero-body>*:nth-child(4){animation-delay:.3s}
  .cards .card{animation:rise 1s cubic-bezier(.2,.7,.2,1) both .45s}
  .hero-bg{animation:zoom 2.4s cubic-bezier(.2,.7,.2,1) both}
}
@keyframes rise{from{transform:translateY(16px)}to{transform:none}}
@keyframes zoom{from{transform:scale(1.06)}to{transform:none}}

/* ===== v2-correcties na live check ===== */
:root{--muted:#62565A}
body{font-weight:400}
/* hero: portret rechts, rustig vlak links (zoals referentie) */
.hero{min-height:min(88vh,820px)}
.hero-bg{left:auto;right:0;width:60%;object-position:50% 30%}
.hero-shade{background:
  linear-gradient(90deg,var(--plum) 0%,var(--plum) 40%,rgba(47,34,40,.75) 48%,rgba(47,34,40,.25) 62%,rgba(47,34,40,0) 78%),
  linear-gradient(0deg,rgba(47,34,40,.6) 0%,transparent 30%)}
.hero h1{font-size:clamp(2.6rem,5vw,4.6rem);line-height:1}
.hero h1 em{display:block}
.hero-body{max-width:640px;padding-top:clamp(2.5rem,5vw,4rem)}
.hero-lead{font-size:1rem;font-weight:300}
@media (max-width:860px){
  .hero-bg{width:100%}
  .hero-shade{background:linear-gradient(180deg,rgba(47,34,40,.55) 0%,rgba(47,34,40,.85) 45%,var(--plum) 100%)}
}
/* leesbaarheid */
.promise-cols,.care-head>p,.side,.start>p:last-child,.fund-lead,.c-left>p,.panel-txt>p:not(.eyebrow){font-size:.95rem}
.fig-row p,.why dd,.steps p,.faq details p{font-size:.92rem}
.note{font-size:.84rem}
.fig-row b i{font-style:normal;font-size:.42em;vertical-align:.55em;margin-left:.1em}
/* monogram iets groter en rustiger */
.mono{width:34px;height:42px}
.hero-body{max-width:780px;padding-top:clamp(2rem,4vw,3.25rem)}
.hero h1{font-size:clamp(2.5rem,4.3vw,4.1rem);margin:1.25rem 0 1.4rem}
.hero-lead{margin-bottom:1.8rem;max-width:46ch}
@media (max-width:860px){.hero-body{padding-top:40vh}}

/* ===== v4: kaarten, monogram, kleine tekst ===== */
.mono{width:30px;height:34px}
.cards{grid-template-columns:1.35fr 1fr 1fr;width:min(600px,100%)}
.card{min-height:112px;padding:1rem 2.6rem 1rem 1.1rem}
.card-txt{min-width:0}
.card-txt b{font-size:1.25rem;white-space:nowrap}
.card-txt small{font-size:.68rem;letter-spacing:.02em}
.card.light{padding:0 2.6rem 0 0;gap:1rem}
.card.light img{width:40%;flex:none}
.card.light .card-txt{padding:0 0 1rem}
.start .small{font-size:.78rem;color:var(--muted);margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--taupe-2)}
.kaders{margin-top:2rem;font-size:.72rem;letter-spacing:.06em;line-height:1.8;color:var(--muted)}
@media (max-width:560px){.card-txt b{white-space:normal}}
.start>div>p:first-child{font-size:.95rem;color:var(--muted);max-width:52ch}

/* ===== v6: mobiel ===== */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nav{z-index:5}
.menu-btn{display:none;position:relative;z-index:61;width:44px;height:44px;border-radius:50%;border:1px solid rgba(246,241,234,.45);background:transparent;color:var(--cream);cursor:pointer;flex:none}
.menu-btn i{position:absolute;left:13px;right:13px;height:1px;background:currentColor;transition:transform .3s,top .3s}
.menu-btn i:first-of-type{top:18px}.menu-btn i:last-of-type{top:25px}
.menu-btn[aria-expanded="true"] i:first-of-type{top:21.5px;transform:rotate(45deg)}
.menu-btn[aria-expanded="true"] i:last-of-type{top:21.5px;transform:rotate(-45deg)}
body.menu-open{overflow:hidden}
@media (max-width:1060px){
  .menu-btn{display:inline-block}
  .nav nav{display:none}
  body.menu-open .nav nav{display:flex;position:fixed;inset:0;z-index:60;flex-direction:column;justify-content:center;gap:.4rem;padding:6rem 2rem 3rem;background:var(--plum)}
  body.menu-open .nav nav a{font-family:var(--serif);font-size:clamp(2rem,8vw,2.8rem);letter-spacing:0;text-transform:none;opacity:1;padding-block:.35rem;border-bottom:1px solid var(--plum-line)}
  body.menu-open .nav-mail{position:fixed;left:2rem;bottom:2rem;z-index:61;display:block;opacity:.8}
}
@media (max-width:640px){
  .nav{padding:1rem 1.1rem;gap:1rem}
  .logo small{display:none}
  .mono{width:26px;height:30px}
  .hero{min-height:auto}
  .hero-body{padding:46vh 1.25rem 2.5rem}
  .kicker{font-size:.58rem}
  .kicker br,.kicker b{display:none}
  .hero h1{font-size:2.5rem}
  .hero-lead{font-size:.95rem}
  .hero-foot{display:none}
  section{padding-block:3.75rem}
  .display{font-size:2.2rem}
  /* cijfers 2x2 */
  .fig-row{grid-template-columns:1fr 1fr}
  .fig-row>div{padding:1.5rem 0 1.5rem 0!important;border-left:0!important;border-top:1px solid var(--taupe-2)}
  .fig-row>div:nth-child(even){padding-left:1rem!important;border-left:1px solid var(--taupe-2)!important}
  .fig-row>div:nth-child(-n+2){border-top:0}
  .fig-row b{font-size:2.6rem}
  .fig-row p{font-size:.82rem}
  .panel{padding:1.75rem 1.25rem}
  .ring{max-width:230px}
  .tab-list{padding:.5rem 1.25rem 1rem}
  .why-img{aspect-ratio:4/3}
  .c-left,.c-form{padding:2rem 1.25rem}
  .foot{padding-inline:1.25rem}
}
.foot-col a,.c-info a{display:inline-block;padding-block:.4rem}
.foot-col{gap:0}
.hero{padding:0!important}