:root{
  --canvas:#0B1420; --abyss:#08101A; --graphite:#1B2635; --steel:#283444; --inverted:#EAE7E4;
  --pure:#F6F5F3; --cloud:#E3E7F0; --ash:#9BA5BF; --fog:#8A93AD; --void:#08101A;
  --terra:#E1703E; --terra-hi:#EE8355; --terra-diep:#B14E24; --terra-diep-hi:#9C4420;
  --sage:#97BDA2; --sage-hi:#A8C9B1; --sage-deep:#3A5C46; --sage-deep-hi:#2F4B39;
  --greige:#EAE7E4;
  --s4:4px; --s8:8px; --s12:12px; --s16:16px; --s20:20px; --s24:24px;
  --s32:32px; --s40:40px; --s48:48px; --s60:60px; --s80:80px; --s100:100px; --s120:120px;
  --sec-y:clamp(56px,9vw,100px);
  --sec-y-lg:clamp(64px,11vw,120px);
  --page:1200px;
  --gutter:clamp(16px,5vw,40px);
  --r-btn:8px; --r-card:16px; --r-feature:30px; --r-pill:9999px;
  --chrome:linear-gradient(135deg,#2B3444,#131A24);
  --sky:linear-gradient(#0B1420,#0D1826 18%,#10202F 37%,#16293A 69%,#16293A 102%);
  --display:'Saira Breed','Saira Breed terugval',system-ui,-apple-system,sans-serif;
  --sans:'Saira','Saira terugval',system-ui,-apple-system,sans-serif;
  --merk:'MLP Lijn','MLP terugval',system-ui,-apple-system,sans-serif;
  --mono:'Saira','Saira terugval',ui-monospace,SFMono-Regular,Menlo,monospace;
  --t-fast:.2s ease;
  --t-slow:1.05s cubic-bezier(.455,.03,.515,.955);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
[id]{scroll-margin-top:88px}
html.lenis{scroll-behavior:auto}
html.lenis,html.lenis body{height:auto}
body{margin:0;background:var(--canvas);color:var(--ash);font-family:var(--sans);
  font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block;-webkit-user-drag:none}
a{color:inherit}
p{margin:0}
button{font:inherit;color:inherit}
h1,h2,h3,h4{margin:0;font-family:var(--display);font-weight:500;letter-spacing:-.014em;
  letter-spacing:-.02em;line-height:.95;color:var(--pure)}
h1 em,h2 em,h3 em{font-style:normal;font-weight:inherit;color:var(--sage)}
.sec--inverted h1 em,.sec--inverted h2 em,.sec--inverted h3 em{color:var(--sage-deep)}
.wrap{max-width:var(--page);margin-inline:auto;padding-inline:var(--gutter);position:relative}
.narrow{max-width:760px;margin-inline:auto}
:focus-visible{outline:2px solid var(--pure);outline-offset:3px;border-radius:var(--r-btn)}
.sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mono{font-family:var(--mono);font-size:11px;font-weight:400;line-height:2;
  letter-spacing:.182em;text-transform:uppercase;color:var(--ash)}
@property --turn{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes borderTurn{to{--turn:360deg}}
.trace{position:relative;isolation:isolate}
.trace::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:conic-gradient(from var(--turn),transparent 0 72%,var(--sage) 86%,transparent 96%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;pointer-events:none;
  animation:borderTurn 4s linear infinite}
.tnum{font-variant-numeric:tabular-nums}
.chip{display:inline-flex;align-items:center;gap:8px;
  background:rgba(246,245,243,.12);border:1px solid rgba(246,245,243,.15);
  border-radius:var(--r-pill);padding:8px 20px;
  font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.16em;
  text-transform:uppercase;color:var(--pure)}
.chip i{width:6px;height:6px;border-radius:50%;background:var(--sage);display:block}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--sans);font-size:16px;font-weight:400;line-height:1;
  padding:14px 18px;text-decoration:none;border:1px solid transparent;
  border-radius:var(--r-btn);cursor:pointer;
  transition:background-color var(--t-fast),color var(--t-fast),border-color var(--t-fast)}
.btn--primary{background:var(--terra);color:var(--void)}
.btn--primary:hover{background:var(--terra-hi)}
.sec--inverted .btn--primary{background:var(--terra-diep);color:var(--pure)}
.sec--inverted .btn--primary:hover{background:var(--terra-diep-hi)}
.btn--ghost{background:transparent;border-color:rgba(246,245,243,.35);color:var(--pure)}
.btn--ghost:hover{background:rgba(246,245,243,.08);border-color:var(--pure)}
.btn--vlak{background:var(--steel);color:var(--pure)}
.btn--vlak:hover{background:#34435A}
.sec--inverted .btn--vlak:hover,.plan--hi .btn--vlak:hover{background:var(--void)}
.btn__arrow{font-size:14px;line-height:1}
.nav{position:sticky;top:0;z-index:40;background:rgba(11,20,32,.72);isolation:isolate;
  -webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);
  border-bottom:1px solid rgba(246,245,243,.08)}
.nav__in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  gap:var(--s16);height:72px}
.brand{display:flex;align-items:center}
.brand img{display:block;height:34px;width:auto}
.nav__prog{position:absolute;left:0;bottom:-1px;height:1px;width:100%;
  background:var(--sage);transform-origin:0 50%;transform:scaleX(var(--p,0))}
.nav__links{display:flex;gap:var(--s8);list-style:none;margin:0;padding:0}
.nav__end{display:flex;align-items:center;justify-content:flex-end;gap:var(--s12)}
.nav__links a{text-decoration:none;font-size:14px;color:var(--pure);
  background:transparent;border:1px solid transparent;
  padding:9px 12px;border-radius:var(--r-btn);
  transition:color var(--t-fast),background-color var(--t-fast),border-color var(--t-fast)}
.nav__links a:hover{color:var(--sage)}
.menu{position:fixed;inset:72px 0 auto 0;z-index:39;
  background:rgba(8,16,26,.92);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);
  border-bottom:1px solid rgba(246,245,243,.12);
  padding:var(--s24) var(--gutter) var(--s32);
  display:flex;flex-direction:column;gap:var(--s4);
  opacity:0;transform:translateY(-14px);pointer-events:none;visibility:hidden;
  transition:opacity .24s ease,
             transform .34s cubic-bezier(.22,.85,.3,1),
             visibility 0s linear .34s}
.menu.open{opacity:1;transform:none;pointer-events:auto;visibility:visible;
  transition:opacity .22s ease,
             transform .38s cubic-bezier(.22,.85,.3,1),
             visibility 0s}
.menu>*{opacity:0;transform:translateY(12px);
  transition:opacity .26s ease,transform .3s cubic-bezier(.22,.85,.3,1)}
.menu.open>*{opacity:1;transform:none}
.menu.open>*:nth-child(1){transition-delay:.06s}
.menu.open>*:nth-child(2){transition-delay:.10s}
.menu.open>*:nth-child(3){transition-delay:.14s}
.menu.open>*:nth-child(4){transition-delay:.18s}
.menu.open>*:nth-child(5){transition-delay:.22s}
.menu.open>*:nth-child(6){transition-delay:.26s}
.menu a:not(.btn){text-decoration:none;color:var(--pure);font-family:var(--display);font-size:26px;
  padding:14px 0;border-bottom:1px solid rgba(246,245,243,.08)}
.menu a:not(.btn):last-of-type{border-bottom:0}
.menu .btn{margin-top:var(--s16);justify-content:center}
.nav__cta{opacity:0;visibility:hidden;pointer-events:none;white-space:nowrap;
  padding:10px 16px;font-size:15px;
  transition:opacity var(--t-fast),visibility 0s linear var(--t-fast),
    background-color var(--t-fast)}
.nav__cta.show{opacity:1;visibility:visible;pointer-events:auto;
  transition:opacity var(--t-fast),visibility 0s,background-color var(--t-fast)}
.nav__cta--vast{opacity:1;visibility:visible;pointer-events:auto}
.burger{display:none;background:none;border:0;color:var(--pure);font-size:20px;
  cursor:pointer;padding:8px;line-height:1;
  transition:transform .3s cubic-bezier(.22,.85,.3,1),opacity var(--t-fast)}
.burger[aria-expanded="true"]{transform:rotate(90deg)}
.hero{position:relative;min-height:min(78vh,820px);display:grid;place-items:center;
  text-align:center;padding-block:var(--sec-y-lg) var(--sec-y);overflow:hidden;background:var(--sky)}
.hero__bg{position:absolute;inset:0;z-index:0}
.hero__bg picture,.hero__bg video{position:absolute;inset:0;display:block}
.hero__bg video{z-index:1}
.hero__bg video,.hero__bg img{width:100%;height:100%;object-fit:cover;
  transform:scale(var(--hz,1.06));will-change:transform}
.hero__bg::after{content:"";position:absolute;inset:0;z-index:2;
  background:linear-gradient(rgba(8,16,26,.66),rgba(8,16,26,.72) 60%,rgba(11,20,32,.94))}
.hero__bg--laadt::before{content:"";position:absolute;inset:0;z-index:3;
  background:linear-gradient(75deg,transparent 42%,rgba(255,255,255,.10) 50%,transparent 58%);
  background-size:250% 100%;animation:hero-shimmer 1.8s ease-in-out infinite;pointer-events:none}
@keyframes hero-shimmer{0%{background-position:160% 0}100%{background-position:-60% 0}}
@media (prefers-reduced-motion: reduce){.hero__bg--laadt::before{animation:none;display:none}}
.hero__in{position:relative;z-index:1;max-width:900px}
.hero h1{font-size:clamp(38px,8.4vw,96px);line-height:.92;margin-top:var(--s32);
  display:flex;flex-direction:column}
.hero h1 .ln{display:block;overflow:hidden;
  padding-block:.14em .24em;margin-block:-.14em -.24em}
.hero h1 .ln>span{display:block;transform:translateY(136%);
  transition:transform .95s cubic-bezier(.455,.03,.515,.955)}
.hero.ready h1 .ln>span{transform:none}
.hero.ready h1 .ln:nth-child(2)>span{transition-delay:.08s}
.hero__lead{margin:var(--s32) auto 0;max-width:560px;font-size:18px;font-weight:300;
  line-height:1.5;color:var(--cloud)}
.hero__acts{display:flex;gap:var(--s12);justify-content:center;flex-wrap:wrap;margin-top:var(--s40)}
.hero__facts{display:flex;gap:var(--s40);justify-content:center;flex-wrap:wrap;
  margin-top:var(--s60);padding-top:var(--s24);border-top:1px solid rgba(246,245,243,.12)}
.hero__facts div{text-align:center}
.hero__facts b{display:block;font-family:var(--display);font-size:24px;font-weight:500;
  color:var(--pure);line-height:1}
.hero__facts span{display:block;margin-top:6px;font-family:var(--mono);font-size:10px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--fog)}
.sec{padding-block:var(--s100)}
.sec--abyss{background:var(--abyss)}
.sec--inverted{background:var(--inverted);color:#3B4356}
.sec--inverted h2,.sec--inverted h3{color:var(--void)}
.sec--inverted .mono{color:#5C6478}
.head>.mono,.head span.mono:first-child{color:var(--terra)}
.sec--inverted .head>.mono,.sec--inverted .head span.mono:first-child{color:var(--terra-diep)}
.head{text-align:center;max-width:760px;margin:0 auto var(--s60)}
.head--links{text-align:left;margin-inline:0}
.head .mono{display:block;margin-bottom:var(--s20)}
.head h2{font-size:clamp(32px,5vw,60px);line-height:.95}
.head p{margin-top:var(--s24);font-size:18px;font-weight:300;line-height:1.5;color:var(--ash)}
.sec--inverted .head p{color:#4A5266}
.trans{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s16)}
.ba{position:relative;border-radius:var(--r-card);overflow:hidden;background:var(--void);
  aspect-ratio:var(--ar,3/4);--pos:50%}
.ba__half{position:absolute;inset:0;overflow:hidden}
.ba__half img{position:absolute;top:0;height:100%;width:200%;max-width:none;object-fit:cover;
  transform:translate(var(--dx,0),var(--dy,0)) scale(var(--dz,1))}
.ba{--naar-binnen:3.05%}
.ba__half--voor img{left:0;transform-origin:25% 50%;clip-path:inset(0 50% 0 0);
  --dx:calc(var(--naar-binnen) + var(--voor-x,0%));--dy:var(--voor-y,0);--dz:var(--voor-z,1)}
.ba__half--na{clip-path:inset(0 0 0 var(--pos))}
.ba__half--na img{left:-100%;transform-origin:75% 50%;clip-path:inset(0 0 0 50%);
  --dx:calc(-1 * var(--naar-binnen) + var(--na-x,0%));--dy:var(--na-y,0);--dz:var(--na-z,1)}
.ba__line{position:absolute;top:0;bottom:0;left:var(--pos);width:1px;
  background:var(--pure);pointer-events:none}
.ba__grip{position:absolute;top:50%;left:var(--pos);translate:-50% -50%;pointer-events:none;
  width:36px;height:36px;border-radius:50%;background:var(--pure);color:var(--void);
  display:grid;place-items:center;font-size:10px;letter-spacing:-.08em}
.ba__tag{position:absolute;top:var(--s12);font-family:var(--mono);font-size:9px;
  font-weight:500;letter-spacing:.16em;text-transform:uppercase;
  background:rgba(8,16,26,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  color:var(--pure);padding:5px 10px;border-radius:var(--r-pill);pointer-events:none}
.ba__tag--l{left:var(--s12)}
.ba__tag--r{right:var(--s12)}
.ba input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;
  cursor:ew-resize;-webkit-appearance:none;appearance:none;background:transparent}
.toets .ba input[type=range]:focus{opacity:1;background:rgba(246,245,243,.12)}
.ba.missing{display:grid;place-items:center;background:var(--graphite);
  border:1px dashed rgba(246,245,243,.25);aspect-ratio:3/4}
.ba.missing>*{display:none}
.ba.missing::after{content:attr(data-need);display:block;font-family:var(--mono);font-size:10px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--fog);text-align:center;padding:var(--s16)}
.trans__cap{display:flex;justify-content:space-between;gap:var(--s8);margin-top:var(--s12);
  font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.trans__cap b{color:var(--void);font-weight:500}
.trans__cap span:last-child{color:#5C6478}
.sec--abyss .trans__cap b,.sec:not(.sec--inverted) .trans__cap b{color:var(--pure)}
.sec--abyss .trans__cap span:last-child,.sec:not(.sec--inverted) .trans__cap span:last-child{color:var(--fog)}
.trans__rol{margin-right:auto;color:var(--sage)}
.trans__knop{position:absolute;top:var(--s12);left:50%;translate:-50% 0;z-index:3;
  width:26px;height:26px;border-radius:50%;border:1px solid rgba(246,245,243,.35);
  background:rgba(8,16,26,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  color:var(--pure);font-family:var(--display);font-size:14px;line-height:1;cursor:pointer;
  display:grid;place-items:center;transition:background-color var(--t-fast),border-color var(--t-fast)}
.trans__knop:hover{background:var(--terra);border-color:var(--terra);color:var(--void)}
.trans__doos{position:relative}
.trans__info{position:absolute;inset:auto 0 0 0;z-index:2;
  padding:var(--s32) var(--s20) var(--s20);
  background:linear-gradient(rgba(8,16,26,0),rgba(8,16,26,.94) 14%,rgba(8,16,26,.94));
  color:var(--cloud);text-align:left;
  opacity:0;visibility:hidden;transform:translateY(12px);
  transition:opacity .28s ease,transform .38s cubic-bezier(.22,.85,.3,1),
    visibility 0s linear .28s}
.trans__info.toon{opacity:1;visibility:visible;transform:none;
  transition:opacity .28s ease,transform .38s cubic-bezier(.22,.85,.3,1),visibility 0s}
.trans__info .trans__wie,
.trans__info .trans__quote{opacity:0;transform:translateY(8px);
  transition:opacity .3s ease .06s,transform .4s cubic-bezier(.22,.85,.3,1) .06s}
.trans__info .trans__quote{transition-delay:.14s}
.trans__info.toon .trans__wie,
.trans__info.toon .trans__quote{opacity:1;transform:none}
@media (min-width:901px){
  #transformaties .trans__info{
    padding-top:calc(var(--s12) + 26px + var(--s8));pointer-events:none}
  #transformaties .trans__link{pointer-events:auto}
  #transformaties .trans__quote q{display:-webkit-box;-webkit-line-clamp:3;
    -webkit-box-orient:vertical;overflow:hidden}
}
#transformaties .trans__info{
  border-bottom-left-radius:var(--r-card);
  border-bottom-right-radius:var(--r-card)}
#transformaties .trans__sluit{position:absolute;top:var(--s12);right:var(--s12);
  z-index:3;width:26px;height:26px;padding:0;
  border-radius:50%;border:1px solid rgba(246,245,243,.3);
  background:rgba(8,16,26,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  color:var(--pure);font-family:var(--sans);font-size:12px;line-height:1;
  cursor:pointer;pointer-events:auto;display:grid;place-items:center;
  transition:background-color var(--t-fast),border-color var(--t-fast),color var(--t-fast)}
#transformaties .trans__sluit:hover{background:var(--terra);border-color:var(--terra);color:var(--void)}
#transformaties .trans__doos.dicht .trans__info{
  opacity:0;visibility:hidden;transform:translateY(12px)}
@media (max-width:900px){
  #transformaties .trans__sluit{display:none}
  #transformaties .trans__info{border-radius:0}
}
@media (min-width:901px) and (max-width:1199px){
  #transformaties .trans__quote{display:none}
}
@media (prefers-reduced-motion:reduce){
  .trans__info,.trans__info .trans__wie,.trans__info .trans__quote{
    transition-duration:0s;transform:none}
}
@media (max-width:900px){
  .trans>figure{display:flex;flex-direction:column}
  .trans__doos{display:contents}
  .trans>figure .ba{order:1}
  .trans>figure .trans__cap{order:2}
  .trans>figure .trans__info{order:3}
  .trans__knop{display:none}
  .trans__wie{display:none}
  .trans__info{position:static;background:none;padding:var(--s16) 0 0;
    transform:none;visibility:visible;opacity:1;transition:none;
    display:flex;flex-direction:column;flex:1 1 auto}
  .trans__quote{margin-top:0}
  .trans__quote q{color:var(--pure)}
  .sec--inverted .trans__quote{border-left-color:var(--sage-deep)}
  .sec--inverted .trans__quote q{color:var(--void)}
  .sec--inverted .trans__link{background:var(--terra-diep);color:var(--pure)}
  .trans__info .trans__wie,.trans__info .trans__quote{opacity:1;transform:none;
    transition:none}
  .trans__link{width:100%;justify-content:center}
  .trans__info .trans__link{margin-top:auto}
}
.trans__wie{font-size:14px;font-weight:300;line-height:1.45;color:var(--cloud)}
.trans__quote{margin:var(--s12) 0 0;padding-left:var(--s12);border-left:2px solid var(--sage)}
.trans__quote q{font-size:14px;font-weight:300;line-height:1.45;color:var(--pure);
  quotes:"\201C" "\201D"}
.trans__link{display:inline-flex;align-items:center;gap:8px;margin-top:var(--s16);
  padding:10px 16px;border-radius:var(--r-btn);
  background:var(--terra);color:var(--void);text-decoration:none;
  font-family:var(--sans);font-size:14px;font-weight:400;line-height:1;
  transition:background-color var(--t-fast)}
.trans__link{min-height:48px}
.trans__link:hover{background:var(--terra-hi)}
.verhaal{display:grid;grid-template-columns:minmax(0,420px) 1fr;gap:var(--s60);
  align-items:start}
.verhaal__beeld{position:sticky;top:104px}
.verhaal__tekst blockquote{margin:0 0 var(--s32);padding-left:var(--s24);
  border-left:2px solid var(--sage);
  font-family:var(--display);font-size:clamp(20px,2.6vw,26px);line-height:1.3;
  font-weight:500;color:var(--pure)}
.verhaal__tekst p+p{margin-top:var(--s20)}
@media(max-width:900px){
  .verhaal{grid-template-columns:1fr;gap:var(--s40)}
  .verhaal__beeld{position:static;width:100%;max-width:420px;margin-inline:auto}
}
@media (hover:hover) and (min-width:901px){
  .trans__doos:hover .trans__info{opacity:1;visibility:visible;transform:none;
    transition:opacity .28s ease,transform .38s cubic-bezier(.22,.85,.3,1),visibility 0s}
  .trans__doos:hover .trans__info .trans__wie,
  .trans__doos:hover .trans__info .trans__quote{opacity:1;transform:none}
  .toets .trans__doos:focus-within .trans__info{opacity:1;visibility:visible;transform:none;
    transition:opacity .28s ease,transform .38s cubic-bezier(.22,.85,.3,1),visibility 0s}
  .toets .trans__doos:focus-within .trans__info .trans__wie,
  .toets .trans__doos:focus-within .trans__info .trans__quote{opacity:1;transform:none}
}
@media (hover:hover){
  #transformaties .trans__knop{display:none}
}
.introblok{background:var(--graphite);border-radius:var(--r-card);
  padding:var(--s32);margin-bottom:var(--s60)}
.introblok .tekst{display:grid;grid-template-columns:1fr 1fr;gap:var(--s32)}
.introblok .tekst p{margin:0}
.introblok .tekst>p:first-of-type{font-size:18px;line-height:1.6;color:var(--ash)}
@media (max-width:900px){
  .introblok .tekst{grid-template-columns:1fr;gap:var(--s20)}
}
@media (max-width:700px){
  .introblok{padding:var(--s24)}
}
.uitgelicht{display:grid;grid-template-columns:340px 1fr;gap:var(--s32);align-items:start}
.uitgelicht__kaart{background:var(--graphite);border-radius:var(--r-card);
  padding:var(--s32);display:flex;flex-direction:column;gap:var(--s12);
  border:1px solid transparent}
.uitgelicht__kaart h2{font-size:28px}
.uitgelicht__kaart .btn{margin-top:var(--s16);align-self:flex-start}
.uitgelicht__tekst p+p{margin-top:var(--s20)}
.uitgelicht+.uitgelicht{margin-top:var(--s60)}
.uitgelicht--hi .uitgelicht__kaart{border-color:rgba(151,189,162,.5)}
.uitgelicht--hi .uitgelicht__kaart .mono:not(.plan__per){color:var(--pure);
  align-self:flex-start;border:1px solid rgba(151,189,162,.5);
  border-radius:var(--r-pill);padding:5px 14px;line-height:1.6}
.uitgelicht--hi .uitgelicht__tekst{border:1px solid rgba(151,189,162,.5);
  border-radius:var(--r-card);padding:var(--s32)}
@media(max-width:900px){
  .uitgelicht{grid-template-columns:1fr}
}
@media(max-width:700px){
  .uitgelicht--hi .uitgelicht__tekst{padding:var(--s24)}
}
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:var(--s24);align-items:start}
.cmp__side{border-radius:var(--r-card);padding:var(--s32)}
.cmp__side--a{background:var(--graphite)}
.cmp__side--b{background:var(--sage)}
.cmp h3{font-size:28px;margin-bottom:var(--s24)}
.cmp__side--a h3{color:var(--pure)}
.cmp__side--b h3{color:#0C2214}
.cmp ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--s16)}
.cmp li{display:grid;grid-template-columns:16px 1fr;gap:12px;font-size:15px;
  font-weight:300;line-height:1.5;padding-bottom:var(--s16)}
.cmp__side--a li{color:var(--ash);border-bottom:1px solid rgba(246,245,243,.1)}
.cmp__side--b li{color:#16301E;border-bottom:1px solid rgba(12,34,20,.18)}
.cmp__uitweg{margin-top:var(--s24);padding-top:var(--s20);
  border-top:1px solid rgba(246,245,243,.12);
  font-size:15px;font-weight:300;line-height:1.55;color:var(--ash)}
.cmp__uitweg a{color:var(--cloud);text-underline-offset:3px}
.cmp__uitweg a:hover{color:var(--pure)}
.cmp__side p{margin-top:var(--s16);font-size:16px;font-weight:300;line-height:1.55}
.cmp__side--a p{color:var(--ash)}
.cmp__side--b p{color:#16301E}
.cmp li:last-child{border-bottom:0;padding-bottom:0}
.cmp__side--a li::before{content:"\00B7";color:var(--pure)}
.cmp__side--b li::before{content:"→";color:#0C2214}
.cmp li>span{min-width:0;overflow-wrap:anywhere}
.cmp__side--a a{color:var(--pure);text-decoration-color:rgba(246,245,243,.4)}
.cmp__side--b a{color:#0C2214;text-decoration-color:rgba(12,34,20,.45)}
.step{background:var(--graphite);border-radius:var(--r-card);padding:var(--s32);
  display:grid;grid-template-columns:auto 1fr;gap:var(--s24);align-items:start}
.step__n{font-family:var(--mono);font-size:12px;font-weight:500;color:var(--ash);padding-top:6px}
.step h3{font-size:26px;margin-bottom:var(--s12)}
.step p{font-size:15px;font-weight:300;color:var(--ash)}
.step .when{display:inline-block;margin-top:var(--s16);font-family:var(--mono);
  font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--fog)}
.coaches{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s16)}
.coach{background:var(--graphite);border-radius:var(--r-card);overflow:hidden;
  display:flex;flex-direction:column}
.coach__ph{overflow:hidden;aspect-ratio:1}
.coach img{width:100%;height:112%;object-fit:cover;
  transform:translateY(var(--py,-6%));will-change:transform}
.coach__b{padding:var(--s32);display:flex;flex-direction:column;gap:var(--s12);flex:1}
.coach__b :is(h2,h3){font-size:30px}
.coach__b p:last-child{font-size:15px;font-weight:300;line-height:1.5;color:var(--ash)}
.coaches--tekst{grid-template-columns:1fr;gap:var(--s24)}
.coaches--tekst{--coach-h:480px}
.coaches--tekst .coach{display:grid;grid-template-columns:minmax(0,340px) 1fr;
  align-items:stretch;min-height:var(--coach-h)}
.coaches--tekst .coach__ph{aspect-ratio:auto;height:100%;min-height:var(--coach-h)}
.coaches--tekst .coach__b{padding:var(--s40);justify-content:flex-start;gap:var(--s16)}
.coaches--tekst .coach__b p{font-size:16px;font-weight:300;line-height:1.6;color:var(--ash)}
.coaches--tekst .coach__quote{font-family:var(--display);font-weight:500;
  font-size:clamp(19px,2.1vw,23px);line-height:1.3;color:var(--pure)}
.coaches--tekst .coach:nth-child(even){grid-template-columns:1fr minmax(0,340px)}
.coaches--tekst .coach:nth-child(even) .coach__ph{grid-column:2;grid-row:1}
.coaches--tekst .coach:nth-child(even) .coach__b{grid-column:1;grid-row:1}
.coaches--tekst .coach__meer{margin-top:var(--s12);padding-top:0;align-self:flex-start;
  border:1px solid rgba(246,245,243,.35);border-radius:var(--r-btn);
  padding:12px 18px;font-family:var(--sans);font-size:15px;font-weight:400;
  letter-spacing:normal;text-transform:none;color:var(--pure);
  transition:background-color var(--t-fast),border-color var(--t-fast)}
.coaches--tekst .coach__meer:hover{background:rgba(246,245,243,.08);
  border-color:var(--pure);color:var(--pure)}
@media(max-width:900px){
  .coaches--tekst .coach{grid-template-columns:1fr;min-height:0}
  .coaches--tekst .coach__ph{aspect-ratio:1;height:auto;min-height:0}
  .coaches--tekst .coach:nth-child(even){grid-template-columns:1fr}
  .coaches--tekst .coach:nth-child(even) .coach__ph{grid-column:1;grid-row:1}
  .coaches--tekst .coach:nth-child(even) .coach__b{grid-column:1;grid-row:2}
  .coaches--tekst .coach__b{padding:var(--s24)}
}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s12)}
.tiles--duo{grid-template-columns:repeat(2,1fr)}
.tile{border-radius:var(--r-feature);padding:var(--s32);min-height:260px;
  display:flex;flex-direction:column;justify-content:space-between;gap:var(--s24)}
.tile :is(h2,h3){font-size:38px;line-height:.95}
.tile p{font-size:16px;line-height:1.5}
.tile--terra{background:var(--terra);color:#2A0F03}
.tile--terra :is(h2,h3){color:#1A0900}
.tile--staal{background:var(--steel);color:var(--cloud)}
.tile--staal :is(h2,h3){color:var(--pure)}
.tile--sage{background:var(--sage);color:#16301E}
.tile--sage :is(h2,h3){color:#0C2214}
.tile--deep{background:var(--sage-deep);color:#EAF2EC}
.tile--deep :is(h2,h3){color:#fff}
.tile--greige{background:var(--greige);color:#3B4356}
.tile--greige :is(h2,h3){color:var(--void)}
.tile--dark{background:var(--graphite);color:var(--ash)}
.tile__k{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.tiles--stack .tile{opacity:0;
  transform:perspective(1100px) rotateX(-14deg) translate3d(0,16px,0);
  transform-origin:50% 0;will-change:transform,opacity;
  transition:opacity .5s ease-out,transform .8s cubic-bezier(.22,.85,.3,1);
  transition-delay:var(--d,0ms)}
.tiles--stack .tile.in{opacity:1;transform:none;will-change:auto}
.tile--photo{padding:0;overflow:hidden;grid-column:span 2;min-height:340px;position:relative}
.tile--photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.tile--photo figcaption{position:relative;z-index:1;align-self:flex-end;margin:var(--s32);
  font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--pure);background:rgba(8,16,26,.6);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  padding:8px 16px;border-radius:var(--r-pill)}
.tile--stat{justify-content:center;gap:var(--s8)}
.tile--stat b{font-family:var(--display);font-size:80px;font-weight:500;line-height:.9;
  letter-spacing:-.03em}
.tile__eenheid{font-family:var(--display);font-size:20px;font-weight:500;
  line-height:1;letter-spacing:-.01em;margin-top:calc(var(--s4) * -1)}
.tile--cta{grid-column:1 / -1;background:var(--graphite);color:var(--ash);
  flex-direction:row;align-items:flex-end;justify-content:space-between;
  min-height:0;gap:var(--s32);flex-wrap:wrap}
.tile--cta .btn{flex:0 0 auto}
.tile--photo-vol{grid-column:1 / -1;min-height:420px}
.tile--meer{justify-content:space-between;gap:var(--s24)}
.tile--meer .btn{align-self:flex-start;flex:0 0 auto}
.tile--staal .btn{align-self:flex-start;flex:0 0 auto;margin-top:auto}
.reviews{columns:3;column-gap:var(--s16)}
.review{break-inside:avoid;margin-bottom:var(--s16);
  background:var(--graphite);border-radius:var(--r-card);padding:var(--s32);
  display:flex;flex-direction:column;gap:var(--s20)}
.review q{font-family:var(--display);font-size:22px;font-weight:500;line-height:1.25;
  letter-spacing:-.01em;color:var(--pure);quotes:"“" "”"}
.review__who{padding-top:var(--s16);border-top:1px solid rgba(246,245,243,.12);
  font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--fog)}
.review__who b{display:block;margin-bottom:6px;color:var(--cloud);font-weight:500}
.review--accent{background:var(--sage)}
.review--accent q{color:#0C2214}
.review--accent .review__who{color:#16301E;border-color:rgba(12,34,20,.3)}
.review--accent .review__who b{color:#0C2214}
.gscore{display:flex;align-items:center;justify-content:center;
  gap:var(--s12) var(--s24);flex-wrap:wrap;
  max-width:760px;margin:0 auto var(--s40);padding-block:var(--s24);
  border-block:1px solid rgba(246,245,243,.12);
  text-decoration:none;transition:border-color var(--t-fast)}
.gscore__stars{width:104px;height:20px;flex:0 0 auto;color:var(--sage);fill:currentColor}
.gscore__val{font-family:var(--display);font-size:34px;font-weight:500;
  line-height:1;color:var(--pure)}
.gscore__val span{font-family:var(--sans);font-size:14px;font-weight:300;color:var(--ash)}
.gscore__meta,.gscore__cta{font-family:var(--mono);font-size:10px;
  letter-spacing:.16em;text-transform:uppercase}
.gscore__meta{color:var(--fog)}
.gscore__cta{display:inline-flex;align-items:center;gap:var(--s8);color:var(--cloud);
  text-decoration:underline;text-decoration-color:rgba(227,231,240,.4);
  text-underline-offset:5px;transition:color var(--t-fast),text-decoration-color var(--t-fast)}
.gscore__cta .btn__arrow{display:inline-block;
  transition:transform .3s cubic-bezier(.22,.85,.3,1)}
.gscore:hover{border-color:rgba(246,245,243,.3)}
.gscore:hover .gscore__cta{color:var(--pure);text-decoration-color:var(--pure)}
.gscore:hover .btn__arrow{transform:translateX(4px)}
.gscore:focus-visible{outline:2px solid var(--pure);outline-offset:6px}
.ig__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s24);
  flex-wrap:wrap;margin-bottom:var(--s32);padding-bottom:var(--s20);
  border-bottom:1px solid rgba(246,245,243,.12)}
.ig__head h2{font-size:clamp(28px,4vw,44px)}
.ig__handle{font-family:var(--mono);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--fog);margin-top:var(--s12)}
.ig{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s12)}
.ig a{position:relative;display:block;border-radius:var(--r-card);overflow:hidden;
  background:var(--graphite);text-decoration:none;aspect-ratio:1}
.ig img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--t-fast)}
.ig a:hover img{transform:scale(1.04)}
.ig figcaption{position:absolute;inset:auto 0 0 0;padding:var(--s16);
  background:linear-gradient(0deg,rgba(8,16,26,.92),transparent);
  font-size:13px;font-weight:300;line-height:1.4;color:var(--cloud)}
.counter{position:relative;padding-block:var(--sec-y-lg);background:var(--sky);overflow:hidden}
.counter__in{position:relative;display:grid;grid-template-columns:1.05fr .95fr;
  gap:clamp(32px,6vw,80px);align-items:center}
.counter h2{font-size:clamp(28px,4vw,48px);margin-top:var(--s20);max-width:14ch}
.counter p{margin-top:var(--s24);max-width:44ch;font-size:16px;font-weight:300;color:var(--ash)}
.counter__hint{margin-top:var(--s24);font-family:var(--mono);font-size:11px;
  letter-spacing:.182em;text-transform:uppercase;color:var(--fog)}
.counter__num{display:flex;flex-direction:column;gap:var(--s12);margin-top:var(--s40)}
.counter__num b{font-family:var(--display);font-weight:500;font-size:clamp(64px,11vw,128px);
  line-height:.82;letter-spacing:-.03em;color:var(--pure);font-variant-numeric:tabular-nums}
.counter__num span{font-family:var(--mono);font-size:11px;letter-spacing:.182em;
  text-transform:uppercase;color:var(--fog);
  padding-top:var(--s12);border-top:1px solid rgba(246,245,243,.14);align-self:flex-start}
.counter__hint{margin-top:var(--s32)}
.dots__wrap{display:flex;justify-content:center}
.dots{position:relative;display:grid;grid-template-columns:repeat(10,1fr);gap:clamp(7px,1.3vw,11px);
  width:min(100%,380px)}
.dot{aspect-ratio:1;border-radius:50%;border:1px solid rgba(155,165,191,.3);
  background:transparent;padding:0;cursor:default;
  transform:scale(var(--d,0));
  transition:transform .55s cubic-bezier(.22,.85,.3,1),background-color var(--t-fast)}
.dot.on{background:var(--sage);border-color:var(--sage)}
.dot.has{cursor:pointer;background:var(--pure);border-color:var(--pure)}
.dot.has:hover,.dot.has:focus-visible{transform:scale(calc(var(--d,1) * 1.45));z-index:3}
.dot.free-next{background:var(--terra);border-color:var(--terra)}
.dot.free-next::after{content:"";position:absolute;inset:-6px;border-radius:50%;padding:1px;
  background:conic-gradient(from var(--turn),transparent 0 68%,var(--terra) 84%,transparent 96%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;animation:borderTurn 3s linear infinite}
.pop{position:absolute;z-index:5;width:min(280px,74vw);pointer-events:none;
  background:var(--graphite);border:1px solid rgba(246,245,243,.14);
  border-radius:var(--r-card);padding:var(--s20);opacity:0;transition:opacity var(--t-fast)}
.pop.show{opacity:1}
.pop b{display:block;font-family:var(--display);font-size:22px;font-weight:500;color:var(--pure)}
.pop span{display:block;margin-top:8px;font-size:14px;font-weight:300;color:var(--ash)}
.pop em{display:block;margin-top:var(--s12);padding-top:var(--s12);
  border-top:1px solid rgba(246,245,243,.12);font-style:normal;
  font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--sage)}
.quiz{background:var(--graphite);border-radius:var(--r-card);padding:var(--s48)}
.quiz__steps{display:flex;gap:var(--s4);margin-bottom:var(--s40)}
.quiz__steps i{height:2px;flex:1;background:rgba(246,245,243,.14)}
.quiz__steps i.done{background:var(--pure)}
.quiz__q{display:none}
.quiz__q.active{display:block}
.quiz__q h3{font-size:clamp(26px,3.4vw,38px);line-height:.95}
.quiz__q>p{margin-top:var(--s12);font-size:16px;font-weight:300;color:var(--ash)}
.quiz__opts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s12);margin-top:var(--s32)}
.quiz__opt{text-align:left;background:var(--canvas);border:1px solid rgba(246,245,243,.1);
  border-radius:var(--r-btn);padding:var(--s20);cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  transition:background-color var(--t-fast),border-color var(--t-fast),transform var(--t-fast)}
@media (hover:hover){
  .quiz__opt:hover{background:var(--steel);border-color:rgba(246,245,243,.25)}
}
.quiz__opt:active,
.quiz__opt.tik{background:var(--steel);border-color:rgba(246,245,243,.4);
  transform:scale(.985)}
@media(prefers-reduced-motion:reduce){
  .quiz__opt:active,.quiz__opt.tik{transform:none}
}
.quiz__opt b{display:block;font-family:var(--display);font-size:20px;font-weight:500;color:var(--pure)}
.quiz__opt span{display:block;margin-top:6px;font-size:14px;font-weight:300;line-height:1.4;color:var(--ash)}
.quiz__back{background:none;border:0;font-family:var(--mono);font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--fog);cursor:pointer;
  margin-top:var(--s24);padding:8px 0;transition:color var(--t-fast)}
.quiz__back:hover{color:var(--pure)}
.quiz__res{display:none}
.quiz__res.active{display:block}
.quiz__res h3{font-size:clamp(30px,4.4vw,48px);margin-top:var(--s16)}
.quiz__res .why{margin-top:var(--s16);max-width:52ch;font-size:16px;font-weight:300;color:var(--ash)}
.quiz__res .price{margin-top:var(--s24);font-family:var(--display);font-size:38px;
  font-weight:400;color:var(--pure);line-height:1}
.quiz__res .per{margin-top:8px;font-family:var(--mono);font-size:10px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--fog)}
.quiz__acts{display:flex;gap:var(--s12);flex-wrap:wrap;align-items:center;margin-top:var(--s32)}
.quiz__voorbehoud{margin-top:var(--s24);padding-left:var(--s16);
  border-left:2px solid var(--sage);max-width:56ch;
  font-size:15px;font-weight:300;line-height:1.5;color:var(--cloud)}
.quiz__contact{margin-top:var(--s20);font-size:14px;font-weight:300;color:var(--ash)}
.quiz__contact a{color:var(--cloud);text-underline-offset:3px}
.quiz__contact a:hover{color:var(--pure)}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s12);align-items:stretch}
.plan{background:var(--graphite);border-radius:var(--r-card);padding:var(--s32);
  display:flex;flex-direction:column;gap:var(--s16);transition:background-color var(--t-fast)}
.plan:hover{background:var(--steel)}
.plan.picked{outline:1px solid var(--terra);outline-offset:-1px}
.plan :is(h2,h3){font-size:26px}
:is(.plan,.uitgelicht__kaart) .amt{font-family:var(--display);font-size:48px;font-weight:500;line-height:1;
  letter-spacing:-.02em;color:var(--pure)}
.plan>p{font-size:15px;font-weight:300;color:var(--ash)}
.plan ul{list-style:none;margin:0;padding-top:var(--s20);
  border-top:1px solid rgba(246,245,243,.12);display:grid;gap:var(--s12);padding-left:0}
.plan li{display:grid;grid-template-columns:14px 1fr;gap:10px;font-size:14px;
  font-weight:300;color:var(--ash)}
.plan li::before{content:"\00B7";color:var(--fog)}
.plan .btn{margin-top:auto;min-height:calc(2em + 30px);text-align:center}
.plan--hi{background:var(--inverted)}
.plan--hi:hover{background:#DFDBD7}
.plan--hi :is(h2,h3),.plan--hi .amt{color:var(--void)}
.plan--hi .mono{color:#5C6478}
.plan--hi>p{color:#4A5266}
.plan--hi ul{border-color:rgba(11,20,32,.14)}
.plan--hi li{color:#3B4356}
.plan--hi li::before{color:var(--sage-deep)}
.faq{border-top:1px solid rgba(246,245,243,.12)}
.faq details{border-bottom:1px solid rgba(246,245,243,.12)}
.faq summary{cursor:pointer;list-style:none;position:relative;
  display:grid;grid-template-columns:48px 1fr 24px;align-items:center;gap:var(--s16);
  padding-block:var(--s24);font-family:var(--display);font-size:clamp(20px,2.4vw,26px);
  font-weight:400;color:var(--pure);transition:color var(--t-fast)}
.faq summary::-webkit-details-marker{display:none}
.faq summary>span{min-width:0;overflow-wrap:anywhere}
.faq summary:hover{color:var(--sage)}
.faq summary .n{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--fog)}
.faq summary::after{content:"+";font-family:var(--sans);font-size:20px;color:var(--ash);text-align:right}
.faq details[open] summary::after{content:"–"}
.faq p{padding:0 var(--s24) var(--s32) 64px;font-size:15px;font-weight:300;
  line-height:1.6;color:var(--ash);max-width:72ch}
.faq p a{color:var(--cloud);text-underline-offset:3px}
.faq p a:hover{color:var(--pure)}
.faq__meer{margin-top:var(--s32);font-size:15px;font-weight:300;color:var(--fog)}
.faq__meer a{color:var(--cloud);text-underline-offset:3px}
.faq__meer a:hover{color:var(--pure)}
.cta{background:var(--abyss);padding-block:var(--s120);text-align:center}
.cta .btn--primary{font-size:18px;padding:18px 28px}
.cta__dot{width:10px;height:10px;border-radius:50%;background:var(--sage);margin:0 auto var(--s32)}
.cta h2{font-size:clamp(38px,7vw,96px);line-height:.98;max-width:14ch;margin-inline:auto}
.cta p{margin:var(--s32) auto var(--s40);max-width:520px;font-size:18px;
  font-weight:300;line-height:1.5;color:var(--ash)}
.cta__cont{display:flex;gap:var(--s32);justify-content:center;flex-wrap:wrap;
  margin-top:var(--s48);padding-top:var(--s24);border-top:1px solid rgba(246,245,243,.12);
  font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--fog);overflow-wrap:anywhere}
.cta__cont a{color:var(--pure);text-decoration:none;transition:color var(--t-fast)}
.cta__cont a:hover{color:var(--sage)}
.foot{background:var(--canvas);border-top:1px solid rgba(246,245,243,.08);
  padding-block:var(--s80) var(--s32)}
.foot__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:var(--s40)}
.foot img{height:34px;width:auto;margin-bottom:var(--s20)}
.foot__grid>div>p{font-size:15px;font-weight:300;color:var(--ash)}
.foot :is(h2,h4){margin:0 0 var(--s20);font-family:var(--mono);font-size:10px;font-weight:500;
  letter-spacing:.182em;text-transform:uppercase;color:var(--fog)}
.foot ul{list-style:none;padding:0;margin:0;display:grid;gap:var(--s12)}
.foot a{text-decoration:none;font-size:14px;color:var(--ash);transition:color var(--t-fast)}
.foot a:hover{color:var(--pure)}
.foot ul,.foot p{overflow-wrap:anywhere}
.foot__open{margin:var(--s20) 0 0;display:grid;grid-template-columns:auto 1fr;
  gap:var(--s4) var(--s16);font-size:14px;align-items:baseline}
.foot__open dt{font-family:var(--mono);font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--fog)}
.foot__open dd{margin:0;color:var(--ash);font-variant-numeric:tabular-nums}
.kennis__naast .foot__open{grid-template-columns:1fr;gap:var(--s4)}
.kennis__naast .foot__open dt{letter-spacing:.182em;line-height:2}
.kennis__naast .foot__open dd{font-size:16px;font-weight:300;color:var(--cloud)}
.foot__bottom{margin-top:var(--s60);padding-top:var(--s24);
  border-top:1px solid rgba(246,245,243,.08);display:flex;justify-content:space-between;
  gap:var(--s16);flex-wrap:wrap;font-family:var(--mono);font-size:10px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--fog)}
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:45;display:none;gap:var(--s8);
  padding:var(--s12);padding-bottom:calc(var(--s12) + env(safe-area-inset-bottom));
  background:rgba(8,16,26,.9);
  -webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);
  border-top:1px solid rgba(246,245,243,.12)}
.mbar .btn{flex:1}
.js .rv{opacity:0;transition:opacity var(--t-slow)}
.rv.in{opacity:1}
.js .rv-groep>*{opacity:0;transform:translateY(14px);
  transition:opacity .55s ease-out,transform .7s cubic-bezier(.22,.85,.3,1);
  transition-delay:var(--d,0ms)}
.rv-groep>*.in{opacity:1;transform:none}
html.mk-meet .rv-groep>*,
html.mk-meet .tiles--stack .tile{transform:none;transition:none}
@media(max-width:1100px){
  .reviews{columns:2}
}
@media(max-width:1000px){
  .nav__links{display:none}
  .nav__cta{display:none}
  .nav__in{grid-template-columns:auto 1fr}
  .burger{display:block}
  .cmp,.plans{grid-template-columns:1fr}
  .coaches{grid-template-columns:repeat(2,1fr)}
  .counter__in{grid-template-columns:1fr;gap:var(--s40)}
  .tiles{grid-template-columns:repeat(2,1fr)}
  .tile--photo{grid-column:span 2}
  .ig{grid-template-columns:repeat(2,1fr)}
  .quiz{padding:var(--s24)}
  .quiz__opts{grid-template-columns:1fr}
  .mbar{display:flex}
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  .foot__grid{grid-template-columns:1fr 1fr}
  .coach{grid-template-columns:1fr}
  .coach__ph{aspect-ratio:1}
  .coach img{height:100%;transform:none}
  .coach__b{padding:var(--s24)}
}
@media(max-width:700px){
  .reviews{columns:1}
  .coaches{grid-template-columns:1fr}
  .sec{padding-block:var(--sec-y)}
  .hero{min-height:auto;padding-block:var(--s60) var(--s48)}
  .hero__facts{gap:var(--s20) var(--s24);margin-top:var(--s32);padding-top:var(--s20)}
  .hero__facts b{font-size:19px}
  .hero__lead{font-size:16px;margin-top:var(--s20)}
  .hero__acts{margin-top:var(--s24);width:100%}
  .hero__acts .btn{flex:1 1 100%}
  .head{margin-bottom:var(--s32)}
  .head p{font-size:16px;margin-top:var(--s16)}
  .ba__tag{font-size:10px;padding:5px 10px;top:12px;letter-spacing:.14em}
  .ba__tag--l{left:12px}.ba__tag--r{right:12px}
  .ba__grip{width:40px;height:40px;font-size:10px}
  .trans__cap{font-size:11px;letter-spacing:.12em;gap:var(--s8);margin-top:var(--s16)}
  .tiles{grid-template-columns:1fr;gap:var(--s8)}
  .tile{min-height:0;padding:var(--s24);gap:var(--s16);border-radius:20px}
  .tile :is(h2,h3){font-size:28px}
  .tile--photo{grid-column:span 1;min-height:0;aspect-ratio:4/3}
  .tile--photo figcaption{margin:var(--s16)}
  .tile--stat b{font-size:56px}
  .tile--cta{flex-direction:column;align-items:stretch}
  .tile--cta .btn{width:100%}
  .ig{grid-template-columns:1fr 1fr;gap:var(--s8)}
  .ig figcaption{font-size:11px;padding:var(--s12)}
  .ig__head{margin-bottom:var(--s20);padding-bottom:var(--s16)}
  .step{grid-template-columns:1fr;gap:var(--s8);padding:var(--s24)}
  .step h3{font-size:22px}
  .review{padding:var(--s24)}
  .review q{font-size:19px}
  .plan{padding:var(--s24)}
  :is(.plan,.uitgelicht__kaart) .amt{font-size:38px}
  .quiz__opt{padding:var(--s16)}
  .counter{padding-block:var(--sec-y)}
  .counter__num b{font-size:72px}
  .faq summary{grid-template-columns:28px 1fr 20px;gap:var(--s12);padding-block:var(--s20)}
  .faq p{padding:0 0 var(--s24) 40px}
  .cta{padding-block:var(--sec-y-lg)}
  .cta p{font-size:16px}
  .cta__cont{gap:var(--s12);letter-spacing:.1em;font-size:10px}
  .foot{padding-block:var(--s48) var(--s24)}
  .foot__grid{grid-template-columns:1fr;gap:var(--s32)}
  .menu a:not(.btn){font-size:22px;padding:12px 0}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .rv{opacity:1}
  .rv-groep>*{opacity:1!important;transform:none!important}
  .tiles--stack .tile{opacity:1!important;transform:none!important}
  .dots .dot{transform:none!important}
  .hero h1 .ln>span{transform:none}
  .hero__bg video,.hero__bg img{transform:none!important}
  .coach img{transform:none!important;height:100%}
  .trace::after,.dot.free-next::after{display:none}
  .nav__prog{display:none}
}
.sec--intro{padding-bottom:var(--s24)}
.sec--prijs{padding-top:var(--s48)}
.sec--prijs .head{margin-bottom:var(--s32)}
.sec--prijs .head h2{font-size:clamp(24px,3vw,34px);line-height:1.1}
@media(max-width:700px){
  .sec--prijs{padding-top:var(--s32)}
  .sec--prijs .head{margin-bottom:var(--s24)}
}
.sec--intro .head{margin-bottom:0}
.head h1{font-family:var(--display);font-weight:500;letter-spacing:-.02em;
  font-size:clamp(32px,5vw,60px);line-height:.95;color:var(--pure)}
.head h1 em{font-style:normal}
.hero h1{font-family:var(--merk);font-weight:400;letter-spacing:-.012em;
  font-size:clamp(33px,7.1vw,80px)}
.head h1{font-size:clamp(31px,4.9vw,58px)}
.tekst{font-size:18px;font-weight:300;line-height:1.6;color:var(--ash)}
.tekst p{margin:0 0 var(--s20)}
.tekst p:last-child{margin-bottom:0}
.tekst strong{color:var(--cloud);font-weight:400}
.tekst em{font-style:italic}
.tekst h2{margin:var(--s48) 0 var(--s16);font-family:var(--display);font-weight:500;
  font-size:clamp(24px,3vw,32px);line-height:1.1;letter-spacing:-.01em;color:var(--pure)}
.tekst h3{margin:var(--s32) 0 var(--s12);font-family:var(--sans);font-weight:500;
  font-size:17px;color:var(--cloud)}
.tekst h2:first-child,.tekst h3:first-child{margin-top:0}
.tekst a:not(.btn){color:var(--cloud);text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:rgba(155,165,191,.4);transition:color var(--t-fast),text-decoration-color var(--t-fast)}
.tekst a:not(.btn):hover{color:var(--pure);text-decoration-color:var(--pure)}
.tekst ul,.tekst ol{margin:0 0 var(--s20);padding-left:var(--s20)}
.tekst li{margin-bottom:var(--s8)}
.lijst-links{list-style:none;padding-left:0}
.acties{margin-top:var(--s48);display:flex;flex-wrap:wrap;gap:var(--s12);justify-content:center}
.acties--strak{margin-top:var(--s24)}
.acties--strak .btn{min-width:280px;font-size:17px;padding:16px 32px}
.acties--links{justify-content:flex-start}
@media(max-width:560px){
  .acties--strak .btn{min-width:0;width:100%}
}
.cmp--enkel{grid-template-columns:minmax(0,760px);justify-content:center}
.stappenlijst{display:grid;gap:var(--s16);max-width:860px;margin-inline:auto}
.plan__per{margin:-6px 0 var(--s16);color:var(--fog)}
.amt__vanaf{display:inline-block;margin-right:.32em;font-family:var(--mono);
  font-size:.34em;letter-spacing:.14em;text-transform:uppercase;
  vertical-align:.42em;color:var(--fog)}
.plan--hi .amt__vanaf{color:#5C6478}
.coach__rol{margin-top:var(--s8);font-family:var(--mono);font-size:10px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--fog)}
.plans__noot{margin-top:var(--s40);text-align:center;font-size:14px;color:var(--fog)}
.plan__extra{margin-top:var(--s16);font-size:14px;line-height:1.45;color:var(--ash)}
.plan--hi .plan__extra{color:#3B4356}
.plan__bij{margin:calc(-1 * var(--s8)) 0 var(--s16);font-size:13px;line-height:1.45;color:var(--fog)}
.plan--hi .plan__bij{color:#5C6478}
.plans--enkel{grid-template-columns:minmax(0,420px);justify-content:center}
.kennis{display:grid;grid-template-columns:1.35fr 1fr;gap:var(--s60);align-items:start}
.kennis .mono{display:block;margin-bottom:var(--s16)}
.kennis h2{margin:0 0 var(--s12);font-family:var(--display);font-weight:500;
  font-size:clamp(26px,3.4vw,36px);line-height:1.05;letter-spacing:-.01em;color:var(--pure)}
.kennis h3{margin:var(--s40) 0 var(--s12);font-family:var(--mono);font-size:11px;
  font-weight:500;letter-spacing:.182em;text-transform:uppercase;color:var(--fog)}
.kennis p{font-size:17px;font-weight:300;line-height:1.65;color:var(--ash)}
.kennis__form form{margin-top:var(--s32);display:grid;gap:var(--s4)}
.kennis__form form[hidden]{display:none}
.kennis__form label{font-family:var(--mono);font-size:12px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--terra);margin-top:var(--s20)}
.veld__bij{letter-spacing:.1em;color:var(--steel)}
.kennis__form input,.kennis__form textarea{width:100%;box-sizing:border-box;
  background:var(--graphite);border:1px solid rgba(246,245,243,.1);border-radius:var(--r-btn);
  padding:var(--s12) var(--s16);color:var(--pure);font:inherit;font-size:16px;
  transition:border-color var(--t-fast)}
.kennis__form input:focus,.kennis__form textarea:focus{outline:none;border-color:var(--ash)}
.kennis__form textarea{resize:vertical;min-height:110px}
.kennis__form input::placeholder,.kennis__form textarea::placeholder{color:var(--fog);opacity:1}
.kennis__form .btn{margin-top:var(--s32);justify-self:start}
p.veld__hint{margin:6px 0 0;font-size:14px;line-height:1.45;color:var(--fog)}
p.veld__fout{margin:6px 0 0;font-size:14px;line-height:1.45;color:var(--terra)}
.kennis__form input[aria-invalid]{border-color:var(--terra)}
.form__fout{margin:var(--s16) 0 0;color:var(--terra);font-size:15px}
.form__fout a{color:var(--terra)}
.form__klein{margin-top:var(--s20);font-size:15px;line-height:1.5;color:var(--fog)}
.form__klein a{color:var(--ash)}
.veld--lok{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form__dank{margin-top:var(--s32);border:1px solid rgba(151,189,162,.5);
  border-radius:var(--r-card);padding:var(--s32)}
.form__dank h3{margin:0 0 var(--s12);font-family:var(--display);font-weight:500;
  font-size:24px;line-height:1.15;letter-spacing:-.01em;text-transform:none;color:var(--pure)}
.form__dank p{margin:0}
.kennis__lijst{list-style:none;padding:0;margin:0;display:grid;gap:var(--s20)}
.kennis__lijst li{display:grid;gap:4px}
.kennis__lijst .mono{margin:0;color:var(--fog)}
.kennis__lijst a{color:var(--cloud);text-decoration:none;font-size:16px;font-weight:300}
.kennis__lijst a:hover{color:var(--pure)}
.kennis__noot{margin-top:var(--s16);font-size:13px;color:var(--fog)}
.galerij{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s16)}
.galerij figure{margin:0}
.galerij img{width:100%;height:auto;display:block;border-radius:var(--r-card);
  aspect-ratio:3/4;object-fit:cover}
.galerij figcaption{margin-top:var(--s12);font-family:var(--mono);font-size:10px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--fog)}
.galerij--breed{grid-template-columns:repeat(3,1fr)}
.galerij--tussen{margin-block:var(--s60)}
.galerij--breed img{aspect-ratio:16/10}
@media(max-width:900px){
  .galerij--breed{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .galerij--breed{grid-template-columns:1fr}
}
.posts{display:grid;gap:var(--s16)}
.post{background:var(--graphite);border-radius:var(--r-card);padding:var(--s32)}
.post .mono{display:block;color:var(--fog)}
.post h2{margin:var(--s12) 0;font-family:var(--display);font-weight:500;
  font-size:clamp(24px,3vw,30px);line-height:1.1;letter-spacing:-.01em}
.post h2 a{color:var(--pure);text-decoration:none}
.post h2 a:hover{color:var(--cloud)}
.post p{margin:0;font-size:15px;font-weight:300;line-height:1.55;color:var(--ash)}
.post__meer{display:inline-block;margin-top:var(--s24);font-family:var(--mono);font-size:10px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--pure);text-decoration:none}
.post__meer:hover{color:var(--sage)}
.artikel__auteur{font-size:15px;color:var(--fog)}
@media (max-width:720px){
  .pagina .foot{padding-bottom:calc(var(--s80) + var(--s32))}
}
@media (max-width:900px){
  .kennis{grid-template-columns:1fr;gap:var(--s48)}
  .galerij{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .galerij{grid-template-columns:1fr}
  .acties{flex-direction:column;align-items:stretch}
}
.sec__meer{margin-top:var(--s48);text-align:center}
.sec__meer a{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--sans);font-size:17px;font-weight:400;line-height:1;
  letter-spacing:normal;text-transform:none;text-decoration:none;
  background:var(--steel);color:var(--pure);
  border:1px solid transparent;border-radius:var(--r-btn);
  padding:16px 28px;
  transition:background-color var(--t-fast),color var(--t-fast)}
.sec__meer a:hover{background:#34435A;color:var(--pure)}
.sec--inverted .sec__meer a:hover{background:var(--void);color:var(--pure)}
.sec__meer--actie a{background:var(--terra);color:var(--void)}
.sec__meer--actie a:hover{background:var(--terra-hi);color:var(--void)}
.sec--inverted .sec__meer--actie a{background:var(--terra-diep);color:var(--pure)}
.sec--inverted .sec__meer--actie a:hover{background:var(--terra-diep-hi);color:var(--pure)}
.leesbalk{position:fixed;inset:0 0 auto 0;height:2px;z-index:60;
  background:var(--sage);transform:scaleX(var(--voortgang,0));transform-origin:0 50%;
  will-change:transform}
.artikel__strook{display:flex;align-items:center;gap:var(--s16);
  margin-bottom:var(--s48);padding-bottom:var(--s24);
  border-bottom:1px solid rgba(246,245,243,.1)}
.artikel__ph{width:46px;height:46px;border-radius:50%;overflow:hidden;flex:none;
  background:var(--graphite)}
.artikel__ph img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;display:block}
.artikel__wie{display:flex;flex-direction:column;gap:2px;min-width:0}
.artikel__wie b{font-weight:400;font-size:15px;color:var(--pure)}
.artikel__wie span{font-family:var(--mono);font-size:10px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--fog)}
.kort{margin:0 0 var(--s48);padding:var(--s32);border-radius:var(--r-card);
  background:var(--graphite);border-left:2px solid var(--sage)}
.kort h2{margin:0 0 var(--s16);font-family:var(--mono);font-size:10px;font-weight:500;
  letter-spacing:.16em;text-transform:uppercase;color:var(--sage)}
.kort ul{margin:0;padding-left:var(--s20)}
.kort li{margin-bottom:var(--s8);font-size:16px;line-height:1.55;color:var(--cloud)}
.kort li:last-child{margin-bottom:0}
.kort li::marker{color:var(--sage)}
.inhoud-op{margin:0 0 var(--s48);padding:var(--s24) var(--s32);
  border-radius:var(--r-card);border:1px solid rgba(246,245,243,.12)}
.inhoud-op__k{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.16em;
  text-transform:uppercase;color:var(--fog);margin-bottom:var(--s12)}
.inhoud-op ol{margin:0;padding:0;list-style:none;counter-reset:io}
.inhoud-op li{counter-increment:io;margin:0}
.inhoud-op a{display:flex;gap:var(--s12);padding:7px 0;font-size:15px;
  color:var(--ash);text-decoration:none;transition:color var(--t-fast)}
.inhoud-op a::before{content:counter(io,decimal-leading-zero);flex:none;
  font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--fog);
  padding-top:4px;transition:color var(--t-fast)}
.inhoud-op a:hover{color:var(--pure)}
.inhoud-op a:hover::before{color:var(--sage)}
.tekst h2,.tekst h3{scroll-margin-top:100px;position:relative}
.tekst h2 .anker{position:absolute;left:-24px;top:50%;translate:0 -50%;
  font-size:15px;color:var(--fog);text-decoration:none;opacity:0;
  transition:opacity var(--t-fast)}
.tekst h2:hover .anker{opacity:1}
@media(max-width:900px){.tekst h2 .anker{display:none}}
.tekst>p:first-of-type{font-size:20px;line-height:1.55;color:var(--cloud)}
.tekst ul{list-style:none;padding-left:var(--s24)}
.tekst ul>li{position:relative}
.tekst ul>li::before{content:'';position:absolute;left:calc(var(--s24) * -1);top:.7em;
  width:10px;height:1px;background:var(--sage)}
.tekst blockquote{margin:var(--s40) 0;padding-left:var(--s24);
  border-left:2px solid var(--sage);
  font-family:var(--display);font-size:clamp(20px,2.6vw,26px);line-height:1.3;
  font-weight:500;color:var(--pure)}
.tekst blockquote p{margin:0}
.slotkaart{display:flex;gap:var(--s24);align-items:flex-start;
  background:var(--graphite);border-radius:var(--r-card);padding:var(--s32);
  margin-bottom:var(--s48)}
.slotkaart__ph{width:72px;height:72px;border-radius:50%;overflow:hidden;flex:none}
.slotkaart__ph img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;display:block}
.slotkaart__b{flex:1;min-width:0}
.slotkaart__b .mono{display:block;margin-bottom:var(--s8);color:var(--fog)}
.slotkaart__b h2{margin:0 0 var(--s8);font-family:var(--display);font-weight:500;
  font-size:24px;line-height:1.1;color:var(--pure)}
.slotkaart__b p{margin:0;font-size:15px;font-weight:300;line-height:1.55;color:var(--ash)}
.slotkaart__b a{color:var(--cloud)}
.verder{display:grid;grid-template-columns:1fr 1fr;gap:var(--s16);margin-bottom:var(--s48)}
.verder__k{grid-column:1/-1;font-family:var(--mono);font-size:10px;font-weight:500;
  letter-spacing:.16em;text-transform:uppercase;color:var(--fog);margin-bottom:calc(var(--s8) * -1)}
.verder a{display:flex;flex-direction:column;gap:var(--s8);
  background:var(--graphite);border-radius:var(--r-card);padding:var(--s24);
  text-decoration:none;transition:background var(--t-fast)}
.verder a:hover{background:var(--steel)}
.verder a span{font-family:var(--mono);font-size:10px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--fog)}
.verder a b{font-family:var(--display);font-weight:500;font-size:21px;line-height:1.15;
  color:var(--pure)}
.artikel__terug{text-align:center}
.artikel__terug a{font-family:var(--mono);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ash);text-decoration:none}
.artikel__terug a:hover{color:var(--pure)}
@media(max-width:700px){
  .verder{grid-template-columns:1fr}
  .slotkaart{flex-direction:column;gap:var(--s16)}
  .kort,.inhoud-op{padding:var(--s24)}
  .tekst>p:first-of-type{font-size:18px}
}
@media(prefers-reduced-motion:reduce){
  .leesbalk{display:none}
}
.coachkop{display:grid;grid-template-columns:minmax(0,380px) 1fr;gap:var(--s60);
  align-items:center}
.coachkop__ph{border-radius:var(--r-card);overflow:hidden;aspect-ratio:1;
  background:var(--graphite)}
.coachkop__ph img{width:100%;height:100%;object-fit:cover;display:block}
.coachkop__b p{margin:0 0 var(--s20);font-size:17px;font-weight:300;line-height:1.6;
  color:var(--ash)}
.coachkop__b p:last-child{margin-bottom:0}
.coachkop__quote{font-family:var(--display);font-weight:500;
  padding-left:var(--s20);border-left:3px solid var(--sage);
  font-size:clamp(22px,2.6vw,28px);line-height:1.25;color:var(--pure);
  margin-bottom:var(--s24)}
.feiten{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s16);
  margin-top:var(--s60)}
.feiten--los{margin-top:0}
.feit{background:var(--graphite);border-radius:var(--r-card);padding:var(--s24)}
.feit p{margin-top:var(--s8);font-size:15px;font-weight:300;line-height:1.45;color:var(--ash)}
.feit .mono{display:block;margin-bottom:var(--s12);color:var(--sage)}
.feit b{display:block;font-family:var(--display);font-weight:500;font-size:30px;
  line-height:1;color:var(--pure);margin-bottom:var(--s8)}
.feit span{font-family:var(--mono);font-size:10px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--fog)}
.bewijs{list-style:none;margin:0;padding:0;display:grid;gap:var(--s12)}
.bewijs li{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s12);
  padding:var(--s20) var(--s24);border-radius:var(--r-card);
  border:1px solid rgba(246,245,243,.12)}
.bewijs b{font-weight:400;font-size:17px;color:var(--pure)}
.bewijs span{font-family:var(--mono);font-size:10px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--fog)}
@media(max-width:900px){
  .coachkop{grid-template-columns:1fr;gap:var(--s32)}
  .coachkop__ph{max-width:420px}
  .feiten{margin-top:var(--s40)}
}
@media(max-width:960px){
  .feiten--los{grid-template-columns:1fr}
}
@media(min-width:701px) and (max-width:900px){
  .feiten:not(.feiten--los) .feit b{font-size:26px}
}
@media(max-width:700px){
  .feiten{grid-template-columns:1fr}
  .feit{display:flex;align-items:baseline;gap:var(--s12);padding:var(--s16) var(--s20)}
  .feit b{margin-bottom:0}
  .feiten--los .feit{display:block;padding:var(--s20)}
  .feiten--los .feit .mono{margin-bottom:var(--s8)}
  .feiten--los .feit b{margin-bottom:var(--s8)}
}
.coach__meer{margin-top:auto;padding-top:var(--s20);display:inline-flex;
  align-items:center;gap:8px;font-family:var(--mono);font-size:10px;font-weight:500;
  letter-spacing:.16em;text-transform:uppercase;color:var(--pure);
  text-decoration:none;transition:color var(--t-fast)}
.coach__meer:hover{color:var(--sage)}
.tile__meer{margin-top:auto;padding-top:var(--s20);display:inline-flex;
  align-items:center;gap:8px;font-family:var(--mono);font-size:10px;font-weight:500;
  letter-spacing:.16em;text-transform:uppercase;color:inherit;
  text-decoration:underline;text-underline-offset:4px;
  text-decoration-color:currentColor;text-decoration-thickness:1px;
  transition:opacity var(--t-fast)}
.tile__meer:hover{opacity:.7}
.trans__fig{margin:0}
.sec--abyss .trans__cap{color:var(--fog)}
.trans__hint{margin-top:var(--s32);text-align:center;font-family:var(--mono);
  font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--fog)}
.trans--alle{grid-template-columns:repeat(4,1fr);row-gap:var(--s40)}
.trans--alle .trans__fig{display:flex;flex-direction:column}
.trans--alle .trans__doos{display:contents}
.js .trans--inklap>.trans__fig--meer{display:none}
.trans__meerbalk{display:none}
.js .trans__meerbalk{display:flex;justify-content:center;margin-top:var(--s40)}
.js .trans__meerbalk[hidden]{display:none}
.trans--alle .ba{order:1}
.trans--alle .trans__cap{order:2}
.trans--alle .trans__info{order:3;position:static;background:none;
  padding:var(--s16) 0 0;transform:none;visibility:visible;opacity:1;
  transition:none;pointer-events:auto}
.trans--alle .trans__knop{display:none}
.trans--alle .trans__info{display:flex;flex-direction:column;flex:1 1 auto}
.trans--alle .trans__link{margin-top:auto;align-self:flex-start}
.trans--alle .trans__quote{margin-top:var(--s12)}
.trans--alle .trans__info .trans__wie,
.trans--alle .trans__info .trans__quote{opacity:1;transform:none;transition:none}
@media(max-width:900px){
  .trans--alle{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .trans{grid-template-columns:repeat(2,1fr);gap:var(--s24) var(--s12)}
  .trans>figure{width:100%;max-width:none;margin-inline:0}
  .trans__quote{display:none}
  .trans__link{padding:10px 12px;font-size:13px}
  .trans__cap{flex-direction:column;gap:2px}
  .kennis__form .btn{justify-self:stretch}
  .post{position:relative}
  .post__meer::after{content:'';position:absolute;inset:0}
}
.ckm{
  position:fixed;z-index:60;
  left:var(--gutter);bottom:var(--gutter);
  width:min(360px,calc(100vw - var(--gutter) * 2));
  display:flex;flex-direction:column;gap:var(--s12);
  padding:var(--s20);
  background:rgba(27,38,53,.94);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border:1px solid rgba(246,245,243,.16);
  border-radius:var(--r-card);
  box-shadow:0 24px 60px -30px rgba(0,0,0,.8);
  opacity:0;transform:translateY(12px);
  transition:opacity .3s ease,transform .4s cubic-bezier(.22,.85,.3,1)}
.ckm--in{opacity:1;transform:none}
.ckm__kop{margin:0;font-family:var(--mono);font-size:10px;font-weight:500;
  letter-spacing:.16em;text-transform:uppercase;color:var(--terra)}
.ckm__tekst{margin:0;font-size:13px;font-weight:300;line-height:1.5;color:var(--ash)}
.ckm__acties{display:flex;align-items:center;gap:var(--s16);flex-wrap:wrap}
.ckm .btn{padding:10px 18px;font-size:14px}
.ckm__meer{font-size:13px;color:var(--cloud);text-decoration:underline;
  text-underline-offset:3px;text-decoration-color:rgba(227,231,240,.4)}
.ckm__meer:hover{color:var(--pure);text-decoration-color:var(--pure)}
@media (max-width:900px){
  .ckm{left:var(--gutter);right:var(--gutter);width:auto;
    bottom:calc(76px + env(safe-area-inset-bottom) + var(--s12))}
}
@media (prefers-reduced-motion:reduce){
  .ckm{transition-duration:0s;transform:none}
}
.sec--inverted{position:relative}
.sec--inverted::before{
  content:'';position:absolute;left:-3%;right:-3%;
  top:calc(-1 * var(--snede));height:calc(var(--snede) * 2);
  background:var(--inverted);border-top:3px solid var(--terra);
  transform:skewY(var(--snede-hoek));transform-origin:0 0;
  pointer-events:none;
}
.sec--inverted::after{
  content:'';position:absolute;left:-3%;right:-3%;
  top:calc(-1 * var(--snede) - 8px);height:3px;
  background:var(--sage);
  transform:skewY(var(--snede-hoek));transform-origin:0 0;
  pointer-events:none;
}
:root{--snede:2vw;--snede-hoek:1.5deg}
@media (max-width:700px){:root{--snede:3vw;--snede-hoek:2.4deg}}
.nav__uit{position:relative}
.nav__sub{position:absolute;left:0;top:calc(100% + 6px);z-index:50;
  display:grid;gap:4px;min-width:190px;margin:0;padding:8px;list-style:none;
  background:rgba(11,20,32,.96);border:1px solid rgba(246,245,243,.16);
  border-radius:var(--r-card);
  opacity:0;visibility:hidden;transform:translateY(-4px);
  transition:opacity var(--t-fast),transform var(--t-fast),visibility var(--t-fast)}
.nav__uit:hover .nav__sub,.nav__uit:focus-within .nav__sub{
  opacity:1;visibility:visible;transform:none}
.nav__sub a{display:block;background:transparent;border-color:transparent;
  white-space:nowrap}
.nav__uit:hover>a,.nav__uit:focus-within>a{color:var(--sage)}
.menu a.menu__sub{padding-left:26px;position:relative}
.menu a.menu__sub::before{content:'';position:absolute;left:0;top:50%;
  width:12px;height:2px;margin-top:-1px;background:var(--terra)}
.hero + .sec--inverted::before,
.hero + .sec--inverted::after{display:none}
.head h2{font-size:clamp(29px,4.6vw,54px)}
.tile :is(h2,h3){font-size:35px}
.menu a:not(.btn){font-size:24px}
@media(max-width:1000px){
  .menu{
    max-height:calc(100vh - 72px);
    max-height:calc(100dvh - 72px);
    overflow-y:auto;
    padding-bottom:calc(var(--s24) + 84px + env(safe-area-inset-bottom));
  }
  .menu a:not(.btn){font-size:20px;padding-block:9px}
}
.mono,.chip{font-variant-numeric:tabular-nums}
.vid{position:relative;max-width:640px;margin-inline:auto;
  aspect-ratio:var(--vid-verh,16/9);
  border-radius:var(--r-card);overflow:hidden;background:var(--graphite)}
.vid--staand{max-width:360px}
.vid--breed{display:none}
@media (min-width:700px){
  .vid--smal{display:none}
  .vid--breed{display:block}
}
@media (min-width:700px){
  .vid--staand{max-width:900px;aspect-ratio:16 / 9;background:var(--graphite)}
  .vid--staand .vid__knop img{object-fit:contain}
  .vid--staand .vid__knop::after{background:none}
}
.vid__knop{position:absolute;inset:0;display:block;width:100%;height:100%;
  padding:0;border:0;background:none;cursor:pointer;color:var(--pure)}
.vid__knop picture,.vid__knop img{display:block;width:100%;height:100%;
  object-fit:cover}
.vid__knop::after{content:'';position:absolute;inset:0;
  background:linear-gradient(to top,rgba(8,16,26,.72),rgba(8,16,26,.12) 55%)}
.vid__play{position:absolute;left:50%;top:50%;z-index:1;
  width:74px;height:74px;margin:-37px 0 0 -37px;border-radius:50%;
  background:var(--terra);
  transition:transform var(--t-fast),background-color var(--t-fast)}
.vid__play::before{content:'';position:absolute;left:50%;top:50%;
  margin:-13px 0 0 -8px;
  border-style:solid;border-width:13px 0 13px 21px;
  border-color:transparent transparent transparent var(--void)}
.vid__knop:hover .vid__play{transform:scale(1.07);background:var(--terra-hi)}
.vid__titel{position:absolute;left:0;right:0;bottom:0;z-index:1;
  padding:var(--s20) var(--s24);text-align:left;
  font-family:var(--display);font-weight:500;font-size:19px;line-height:1.2}
.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:700px){
  .vid__play{width:60px;height:60px;margin:-30px 0 0 -30px}
  .vid__titel{font-size:16px;padding:var(--s16)}
}
main > section{position:relative;isolation:isolate}
main > section > .wrap{--mk-hoek:173deg;--mk-tan:.1228;--mk-mid:50%;--mk-dek:0}
html:not(.js) main > section:nth-of-type(1) > .wrap{--mk-mid:58%;--mk-dek:.5}
html:not(.js) main > section:nth-of-type(3) > .wrap{--mk-hoek:8deg;--mk-tan:.1405;--mk-mid:44%;--mk-dek:.45}
html:not(.js) main > section:nth-of-type(6) > .wrap{--mk-hoek:170deg;--mk-tan:.1763;--mk-mid:52%;--mk-dek:.5}
html:not(.js) main > section:nth-of-type(8) > .wrap{--mk-hoek:175deg;--mk-tan:.0875;--mk-mid:46%;--mk-dek:.38}
html:not(.js) main > section:nth-of-type(11) > .wrap{--mk-hoek:4deg;--mk-tan:.0699;--mk-mid:48%;--mk-dek:.4}
html:not(.js) main > section:has(> .wrap > .tekst) > .wrap,
html:not(.js) main > section:has(> .wrap > p:not([class])) > .wrap{
  --mk-hoek:178.2deg;--mk-tan:.0314;--mk-mid:calc(100% + 38px)}
main > section > .wrap::before,
main > section > .wrap::after{
  content:'';position:absolute;pointer-events:none;z-index:-1;
  left:calc(50% - 50vw);right:calc(50% - 50vw);
  --mk-band:calc(100vw * var(--mk-tan) + 22px);
  height:var(--mk-band);
  top:calc(var(--mk-mid) - var(--mk-band) / 2);
  opacity:var(--mk-dek);
  clip-path:inset(var(--mk-knip-b,0px) var(--mk-knip-r,0%) var(--mk-knip-o,0px) var(--mk-knip-l,0%));
  transition:clip-path 1.15s cubic-bezier(.22,.85,.3,1)}
main > section > .wrap::before{
  background:linear-gradient(var(--mk-hoek),
    transparent 0 calc(50% - 2.3px),
    var(--terra) calc(50% - 1.4px) calc(50% + 1.4px),
    transparent calc(50% + 2.3px))}
main > section > .wrap::after{
  transition-delay:.16s;
  background:linear-gradient(var(--mk-hoek),
    transparent 0 calc(50% + 4.7px),
    var(--sage) calc(50% + 5.6px) calc(50% + 8.4px),
    transparent calc(50% + 9.3px))}
.hero > .wrap::before,
.hero > .wrap::after{display:none}
@media (max-width:700px){
  html:not(.js) main > section > .wrap{--mk-dek:.5}
}
@media (max-width:560px){
  .sec__meer a{width:100%}
  .acties .btn,.acties--strak .btn{width:100%;min-width:0}
}
@media (max-width:700px){
  .cta .btn--primary{display:block;width:100%;text-align:center;
    line-height:1.3;padding:18px 24px}
  .cta .btn--primary .btn__arrow{display:inline-block;margin-left:8px}
}
.tile,.post,.feit,.plan,.coach,.uitgelicht__kaart{min-width:0}
.tile :is(h2,h3),
.post h2,
.feit b,
.plan :is(h2,h3),
.uitgelicht__kaart h2{hyphens:auto;overflow-wrap:anywhere}
@media (max-width:560px){
  .tile :is(h2,h3){font-size:28px}
  .feit b{font-size:26px}
}
@media (max-width:700px){
  #reviews .review:nth-child(n+5){display:none}
}