.case-hero{position:relative;overflow:hidden}.case-hero-in{z-index:1;width:100%;margin:0;padding-block:40px 28px;position:relative}.case-hero h1{letter-spacing:-.04em;max-width:13ch;margin-top:14px;font-size:clamp(2.2rem,3.8vw,4.2rem);font-weight:800}.case .case-hero .lead{max-width:40ch;margin-top:22px}.case-hero .cta{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.case-hero-vak{aspect-ratio:4/3;width:100%;position:relative}.case-hero-vak img{object-fit:cover;object-position:100% 50%}@media (min-width:900px) and (min-aspect-ratio:4/3){.case-hero{min-height:calc(100svh - var(--kop));align-items:center;display:grid}.case-hero-in{padding-block:60px}.case .case-hero .lead{max-width:min(40ch,34vw)}.case-hero-vak{width:calc((100svh - var(--kop)) * 16 / 9);aspect-ratio:auto;position:absolute;top:0;bottom:0;right:0}.case-hero-vak:before{content:"";background:var(--rand) 0 0/60000% 100% no-repeat;width:100vw;position:absolute;top:0;bottom:0;right:calc(100% - 1px)}}:root{--kop:64px;--kaart:142px;--stage-h:calc(100svh - var(--kop) - var(--kaart))}@media (max-width:899px),(max-aspect-ratio:4/3){:root{--kop:56px;--kaart:86px}}html:has(.case){scroll-padding-top:var(--kop)}.kop{z-index:40;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0}.kop .top{height:var(--kop);gap:12px;padding-block:0}.kop .logo{flex:none}.schakelaar{background:var(--card);box-shadow:inset 0 0 0 1.5px var(--line);border-radius:999px;padding:3px;display:flex}.schakelaar a{color:var(--muted);white-space:nowrap;border-radius:999px;padding:.45em 1.05em;font-size:.92rem;font-weight:700;text-decoration:none;transition:background .2s,color .2s}.schakelaar a[aria-current]{background:var(--ink);color:var(--paper)}@media (max-width:899px){.kop-start{display:none}.kop .logo img{height:22px}.schakelaar a{padding:.4em .8em;font-size:.84rem}}@media (max-width:419px){.kop .kop-rechts{display:none}}:root[data-weergave=alles] #verhaal,:root:not([data-weergave=alles]) #alles{display:none}.verhaal,.tafereel{position:relative}.tafereel+.tafereel{margin-top:calc(-1 * var(--stage-h))}.tafereel+.tafereel .tf-stage{box-shadow:0 -28px 50px -26px #460f2359}.tf-stappen:after{content:"";height:var(--stage-h);display:block}.tafereel.laatste .tf-stappen:after{display:none}.tf-stage{top:var(--kop);height:var(--stage-h);background:var(--paper);grid-template-columns:minmax(300px,31%) 1fr;max-width:1600px;margin:0 auto;display:grid;position:sticky;overflow:hidden}.tf-scene{min-width:0;min-height:0;padding:20px var(--gutter-r) 20px 8px;grid-column:2;place-items:center;display:grid;container-type:size}.tf-vak{aspect-ratio:16/9;width:min(100cqw,177.778cqh);position:relative}.tf-beeld{background:var(--paper-2);border-radius:28px;position:absolute;inset:0;overflow:hidden}.tf-laag{position:absolute;inset:0}.tf-laag img,.tf-compleet{object-fit:cover;object-position:100% 50%;width:100%;height:100%;position:absolute;inset:0}.tf-compleet{display:none}.tf-volgt{background:radial-gradient(circle at 50% 45%,var(--hart-zacht),transparent 62%);place-items:center;display:grid;position:absolute;inset:0}.tf-volgt-kaart{text-align:center;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;justify-items:center;gap:6px;padding:22px 30px;display:grid}.tf-volgt-kaart b{font-family:var(--f-display);font-size:1.15rem}.tf-volgt-kaart small{font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.68rem}.tf-volgt-kaart .tf-volgt-hart{width:34px;height:34px}.tf-volgt-hart{color:var(--hart);flex:none}.tf-volgt-chip{z-index:3;font-family:var(--f-mono);letter-spacing:.06em;background:var(--card);border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 8px;font-size:.66rem;display:inline-flex;position:absolute;bottom:12px;left:14px}.tf-volgt-chip .tf-volgt-hart{width:13px;height:13px}.tf-moment{z-index:3;font-family:var(--f-mono);letter-spacing:.06em;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:.68rem;position:absolute;top:12px;left:14px}.tf-callout{z-index:4;background:var(--card);border:1px solid var(--line);width:clamp(170px,18%,280px);box-shadow:var(--shadow);opacity:0;pointer-events:none;border-radius:18px;gap:6px;padding:12px 15px;transition:opacity .4s,transform .4s;display:grid;position:absolute;transform:translateY(10px)}.tf-callout.toon{opacity:1;transform:none}.tf-callout.in-kaart{display:none}.tf-callout b{font-family:var(--f-display);font-size:1.05rem;line-height:1.15}.tf-callout small{color:var(--muted);font-size:.84rem;line-height:1.3}.tf-callout .meter{display:block}.tf-niveau{gap:6px;display:flex}.tf-niveau i{border:2px solid var(--groei);border-radius:50%;width:14px;height:14px}.tf-niveau i.aan{background:var(--groei)}.tf-groei{width:100%;max-width:120px;height:34px}.tf-groei path{fill:none;stroke:var(--groei);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.tf-groei circle{fill:var(--groei)}.tf-naar{background:var(--groei);color:var(--paper);border-radius:999px;justify-self:start;padding:3px 12px;font-size:.84rem;font-weight:700}.tf-naar:after{content:" →"}.tf-stappen{z-index:5;margin-top:calc(-1 * var(--stage-h));pointer-events:none;position:relative}.tf-stap{min-height:var(--stage-h);max-width:1600px;padding-left:max(var(--gutter-l),24px);align-items:center;margin:0 auto;display:flex}.tf-kaart{pointer-events:auto;background:var(--card);border:1px solid var(--line);width:min(360px,31vw - 24px);box-shadow:var(--shadow);opacity:.5;border-radius:22px;padding:22px 24px;transition:opacity .3s}.tf-kaart.actief{opacity:1}.tf-kaart .label{margin-bottom:10px}.tf-kaart h3{font-size:1.5rem}.tf-kaart p:not(.label){color:var(--muted);margin-top:10px}.tf-kaart .tf-tag{color:var(--groei);margin-top:14px;font-size:.9rem;font-weight:700}.tf-kaart .cta{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.modulekaart{z-index:20;height:var(--kaart);background:var(--paper);border-top:1px solid var(--line);position:sticky;bottom:0}.modulekaart>ul{max-width:1600px;height:100%;padding:12px var(--gutter-r) 12px var(--gutter-l);scrollbar-width:none;margin:0 auto;list-style:none;display:flex;overflow-x:auto}.modulekaart>ul::-webkit-scrollbar{display:none}.mk-mod{flex:var(--n) 0 calc(var(--n) * 22px + 90px);border-left:1px solid var(--line);min-width:0;padding:0 14px}.mk-mod:first-child{border-left:0;padding-left:0}.mk-mod h3{color:var(--muted);align-items:center;gap:6px;font-size:.98rem;transition:color .4s;display:flex}.mk-mod.aan h3{color:var(--ink)}.mk-mod h3 small{font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;background:var(--paper-2);border:1px solid var(--line);border-radius:999px;padding:2px 7px;font-size:.58rem;font-weight:500}.mk-mod.volgt{opacity:.6}.mk-hart{width:16px;height:16px;color:var(--hart);flex:none}.mk-mod ul{flex-wrap:wrap;gap:4px;margin:8px 0 0;padding:0;list-style:none;display:flex}.mk-mod li{border:1px dashed var(--line);color:var(--muted);border-radius:999px;padding:1px 8px;font-size:.7rem;line-height:1.5;transition:background .4s,color .4s,border-color .4s,box-shadow .4s}.mk-mod li.aan{background:var(--groei-zacht);color:var(--groei);border:1px solid #0000;font-weight:600}.mk-mod li.nieuw{background:var(--hart);color:#fff;box-shadow:0 0 0 3px var(--hart-zacht)}.mk-nieuw{display:none}@media (max-width:899px),(max-aspect-ratio:4/3){:root{--stage-h:44svh;--lees-h:calc(100svh - var(--kop) - 44svh - var(--kaart))}.tf-stage{max-width:none;box-shadow:none;z-index:6;display:block}.tf-scene{padding:0;display:block;position:absolute;inset:0;container-type:normal}.tf-vak{aspect-ratio:auto;width:auto;position:absolute;inset:0}.tf-beeld{border-radius:0}.tf-laag img,.tf-compleet{object-position:85% 50%}.tf-callout:not(.in-kaart){display:none}.tf-moment{font-size:.6rem;top:8px;left:8px}.tf-volgt-kaart{border-radius:16px;gap:3px;padding:12px 18px}.tf-volgt-kaart b{font-size:.98rem}.tf-volgt-kaart .tf-volgt-hart{width:24px;height:24px}.tf-volgt-chip{font-size:.58rem;bottom:8px;left:8px}.tafereel+.tafereel .tf-stage{box-shadow:0 -16px 30px -16px #460f2359}.tf-stappen{pointer-events:auto;margin-top:0}.tf-stap{min-height:var(--lees-h);padding:14px var(--gutter-r) 14px var(--gutter-l);align-items:center}.tf-stap:first-child{min-height:calc(var(--lees-h) * .9)}.tf-kaart{opacity:1;border-radius:18px;width:100%;padding:16px 18px}.tf-kaart h3{font-size:1.2rem}.tf-kaart p:not(.label){margin-top:6px;font-size:.92rem;line-height:1.5}.tf-kaart .cta{gap:8px;margin-top:12px}.tf-kaart .cta .btn{padding:.6em 1.05em;font-size:.92rem}.tf-kaart .tf-tag{margin-top:8px;font-size:.84rem}.tf-kaart .label{margin-bottom:6px}.tf-callout.in-kaart{background:var(--paper-2);border:1px solid var(--line);width:auto;max-width:100%;box-shadow:none;opacity:1;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:12px;padding:8px 12px;display:flex;position:static;transform:none}.tf-callout.in-kaart b{font-size:.92rem}.tf-callout.in-kaart small{font-size:.8rem}.tf-callout.in-kaart .tf-groei{display:none}.tf-callout.in-kaart .meter,.tf-callout.in-kaart .tf-niveau{flex-basis:100%}.tf-callout.in-kaart .tf-naar{padding:2px 10px;font-size:.78rem}.modulekaart>ul{padding:10px var(--gutter-r) 10px var(--gutter-l)}.mk-mod{flex:none;max-width:190px;padding:0 12px}.mk-mod h3{font-size:.88rem}.mk-mod ul{gap:5px;margin-top:7px}.mk-mod li{border-width:1.5px;width:11px;height:11px;padding:0;font-size:0}.mk-mod li.nieuw{box-shadow:0 0 0 2px var(--hart-zacht)}.mk-nieuw{color:var(--hart);white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:.72rem;font-weight:700;line-height:1.25;display:block;overflow:hidden}}.alles{padding-block:110px}.alles h2{max-width:18ch;margin-top:12px}.alles .lead{margin-top:18px}.rijen{margin-top:48px}.rij{border-top:1px solid var(--line);scroll-margin-top:calc(var(--kop) + 20px);grid-template-columns:minmax(160px,260px) 1fr;align-items:start;gap:24px;padding-block:28px;display:grid}.rij h3{align-items:center;gap:10px;font-size:1.8rem;display:flex}.rij-hart{width:26px;height:26px;color:var(--hart);flex:none}.rij p{font-size:1.08rem}.functies{flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none;display:flex}.functies li{background:var(--groei-zacht);color:var(--groei);border-radius:999px;padding:4px 12px;font-size:.85rem;font-weight:600}.naar-verhaal{color:var(--hart);margin-top:14px;font-weight:700;text-decoration:none;display:inline-block}.naar-verhaal:after{content:" →"}.naar-verhaal:hover{text-decoration:underline}.integ-titel{margin-top:64px;font-size:1.6rem}.integ{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:20px;display:grid}.integ div{background:var(--card);border:1px solid var(--line);border-radius:18px;align-content:start;gap:4px;padding:16px 18px;display:grid}.integ b{font-family:var(--f-display);font-size:1.1rem}.integ span{color:var(--muted);font-size:.92rem}@media (max-width:760px){.alles{padding-block:84px}.rij{grid-template-columns:1fr;gap:8px}.rij h3{font-size:1.5rem}}@media (prefers-reduced-motion:reduce){.tf-callout,.tf-kaart,.mk-mod li,.mk-mod h3,.schakelaar a{transition:none}.tf-callout{transform:none}.tf-beeld:has(.tf-compleet) .tf-laag{display:none}.tf-compleet{display:block}}@media (min-width:900px) and (min-aspect-ratio:4/3){:root:has(.case){--gutter-l:max(24px,3vw,env(safe-area-inset-left,0px));--gutter-r:max(24px,3vw,env(safe-area-inset-right,0px))}:root:has(.case) .wrap{max-width:none}.case .lead,.case p{max-width:60ch}.tf-stage{max-width:none;display:block}.tf-scene{padding:0;display:block;position:absolute;inset:0;container-type:normal}.tf-vak{height:100%;width:calc(var(--stage-h) * 16 / 9);aspect-ratio:auto;position:absolute;inset:0 0 0 auto}.tf-beeld{background:0 0;border-radius:0;overflow:visible}.tf-laag.achter:before{content:"";background:var(--rand) 0 0/60000% 100% no-repeat;width:100vw;position:absolute;top:0;bottom:0;right:calc(100% - 1px)}.tf-callout{left:max(calc(var(--x) * 1%), calc(var(--gutter-l) + var(--kaart-b) + 16px - (100vw - var(--stage-h) * 16 / 9)));top:calc(var(--y) * 1%)}.kaarten-rechts .tf-callout{left:calc(var(--x) * 1%)}.tf-moment{top:14px;left:calc(var(--gutter-l) - (100vw - var(--stage-h) * 16 / 9))}.tf-stap{max-width:none;padding:0 var(--gutter-r) 0 var(--gutter-l)}.kaarten-rechts .tf-stap{justify-content:flex-end}.case{--kaart-b:clamp(300px,26vw,520px)}.tf-kaart{width:var(--kaart-b)}.tf-volgt-chip{left:var(--gutter-l);bottom:14px}.modulekaart>ul{max-width:none}}