@font-face{font-family:Instrument Sans;src:url(/fonts/InstrumentSans-latin-wght.woff2)format("woff2");font-weight:400 700;font-display:swap}:root{color-scheme:light;--papier:#f1f1ee;--papier-diep:#e4e4e0;--vlak:#fafaf8;--inkt:#1f1f1d;--inkt-zacht:#5b5b57;--lijn:#d2d2cd;--lak:#23349b;--lak-tekst:#23349b;--op-lak:#fff;--goed:#1f6b43;--fout:#a3261c;--ritme:clamp(80px, 11vw, 160px);--container:1600px;--rand:max(var(--gutter), calc((100% - var(--container)) / 2 + var(--gutter)));--gutter:clamp(20px, 4vw, 48px);--nav-h:64px;--f-hero:clamp(3rem, 11.6vw, 13.5rem);--f-titel:clamp(2.6rem, 7vw, 6.5rem);--f-kop:clamp(1.75rem, 3.4vw, 2.75rem);--f-item:1.375rem;--f-tekst:1.0625rem;--f-klein:.875rem;--ease:cubic-bezier(.2, .7, .2, 1)}:root[data-thema=donker]{color-scheme:dark;--papier:#141413;--papier-diep:#1d1d1b;--vlak:#1a1a19;--inkt:#edede8;--inkt-zacht:#a6a6a0;--lijn:#34342f;--lak:#7f93ff;--lak-tekst:#9aa9ff;--op-lak:#0f1330;--goed:#6fcf97;--fout:#ff8a80}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--nav-h) + 16px)}body{background:var(--papier);color:var(--inkt);font-family:Instrument Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:var(--f-tekst);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55;transition:background-color .4s,color .4s;overflow-x:clip}img,video{max-width:100%;height:auto;display:block}h1,h2,h3,p,figure,ul,ol,dl,dd{margin:0}ul,ol{padding:0;list-style:none}h2{font-size:var(--f-kop);letter-spacing:-.03em;font-weight:500;line-height:1.1}h3{font-size:var(--f-item);letter-spacing:-.02em;font-weight:500;line-height:1.2}a{color:inherit;text-decoration-color:var(--lijn);text-underline-offset:.18em}a:hover{text-decoration-color:var(--lak)}:focus-visible{outline:2px solid var(--lak);outline-offset:3px;border-radius:2px}button{font:inherit;color:inherit}.container{max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{left:var(--gutter);z-index:30;background:var(--inkt);color:var(--papier);border-radius:999px;padding:10px 14px;position:absolute;top:-100px}.skip:focus{top:12px}.nav{z-index:20;height:var(--nav-h);padding-inline:var(--rand);background:color-mix(in srgb, var(--papier) 88%, transparent);backdrop-filter:blur(12px)saturate(1.2);view-transition-name:nav;align-items:center;gap:clamp(16px,3vw,40px);display:flex;position:fixed;inset:0 0 auto}.nav--lijn{box-shadow:inset 0 -1px 0 var(--lijn)}.merk{letter-spacing:-.02em;align-items:center;gap:10px;margin-right:auto;font-size:1.125rem;font-weight:500;text-decoration:none;display:inline-flex}.merk svg{view-transition-name:merk}.menu{gap:clamp(14px,2.4vw,32px);display:flex}.menu a{padding-block:6px;font-size:.9375rem;text-decoration:none;position:relative}.menu a:after{content:"";background:var(--lak);transform-origin:0;height:1px;transition:transform .35s var(--ease);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.menu a:hover:after,.menu a[aria-current=page]:after{transform:scaleX(1)}.opties{align-items:center;gap:6px;display:flex}.knopje{border:1px solid var(--lijn);cursor:pointer;min-width:40px;height:36px;font-size:var(--f-klein);background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 10px;text-decoration:none;display:inline-flex}.knopje:hover{border-color:var(--inkt-zacht)}.menu-knop{display:none}.hero{min-height:100svh;padding:calc(var(--nav-h) + 24px) var(--rand) clamp(24px, 5vh, 56px);grid-template-rows:1fr auto auto;grid-template-columns:minmax(0,1fr) minmax(0,24rem);column-gap:clamp(24px,4vw,64px);display:grid}.hero-zegel{grid-area:1/2;align-self:end;width:clamp(120px,15vw,280px);height:auto;margin-bottom:clamp(16px,3vh,40px);overflow:visible}.hero-zegel .ring{fill:none;stroke:var(--lak);stroke-width:1.1px;stroke-dasharray:100 0;transform-origin:16px 16px;transform:rotate(-45deg)}.hero-zegel .punt{fill:var(--lak)}.hero-kop{font-size:var(--f-hero);letter-spacing:-.055em;grid-area:2/1/auto/-1;margin-left:-.04em;font-weight:500;line-height:.92}.hero-kop span{display:block}.datum{color:var(--lijn);filter:blur(.035em)}.datum:before{content:attr(data-datum)}.hero-tekst{color:var(--inkt-zacht);grid-area:2/2;align-self:end;padding-bottom:.4em;font-size:clamp(1.0625rem,1.45vw,1.5rem);line-height:1.45}.hero-voet{border-top:1px solid var(--lijn);font-size:var(--f-klein);color:var(--inkt-zacht);grid-area:3/1/auto/-1;justify-content:space-between;gap:16px;margin-top:clamp(28px,6vh,72px);padding-top:20px;display:flex}.hero-voet a{text-decoration:none}.hero-voet a:hover{color:var(--inkt);text-decoration:underline;text-decoration-color:var(--lak)}@media (prefers-reduced-motion:no-preference){.vraag{animation:onthul .9s var(--ease) both .15s}.datum{animation:1.8s cubic-bezier(.4,0,.2,1) .9s both vervaag}.hero-zegel .ring{animation:1.6s cubic-bezier(.6,0,.2,1) 1.4s both sluit}.hero-zegel .punt{transform-origin:23.8px 8.2px;animation:.5s cubic-bezier(.2,.7,.2,1.4) 2.8s both punt}.hero-tekst,.hero-voet{animation:onthul .9s var(--ease) both 2.4s}}@keyframes onthul{0%{clip-path:inset(0 0 100%);transform:translateY(.35em)}to{clip-path:inset(0 0 -10%)}}@keyframes vervaag{0%{color:var(--inkt);filter:blur();opacity:0;transform:translateY(.2em)}25%{color:var(--inkt);filter:blur();opacity:1;transform:none}to{color:var(--lijn);filter:blur(.035em)}}@keyframes sluit{0%{stroke-dasharray:0 100;opacity:0}2%{opacity:1}to{stroke-dasharray:100 0}}@keyframes punt{0%{transform:scale(0)}}.kop-pagina{padding:calc(var(--nav-h) + clamp(56px, 12vh, 140px)) 0 clamp(40px, 7vw, 96px)}.kop-pagina .label{font-size:var(--f-klein);color:var(--inkt-zacht);view-transition-name:label;margin-bottom:18px;display:block}.kop-pagina h1{font-size:var(--f-titel);letter-spacing:-.05em;view-transition-name:titel;max-width:14ch;font-weight:500;line-height:.95}.kop-pagina p{color:var(--inkt-zacht);max-width:46ch;margin-top:clamp(20px,3vw,36px);font-size:clamp(1.125rem,1.6vw,1.5rem);line-height:1.45}.sectie{margin-top:var(--ritme)}.sectie>h2{max-width:24ch;margin-bottom:clamp(28px,4vw,48px)}.statement{letter-spacing:-.015em;max-width:34ch;font-size:clamp(1.375rem,2.4vw,2.125rem);line-height:1.28}.twee{grid-template-columns:1fr 2fr;align-items:start;gap:clamp(28px,4vw,64px);display:grid}.tekst p{max-width:62ch}.tekst p+p{margin-top:1.1em}.tekst strong{font-weight:500}.rij{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,40px);display:grid}.blok{border-top:1px solid var(--lijn);padding-top:20px}.blok h3{margin-bottom:10px}.blok p{color:var(--inkt-zacht)}.stap-nr{font-size:var(--f-klein);color:var(--lak-tekst);font-variant-numeric:tabular-nums;margin-bottom:14px;display:block}.film-raster{grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px) clamp(20px,2.5vw,32px);display:grid}.film-raster .breed{grid-column:1/-1}.film figure{margin:0}.film video,.film img{aspect-ratio:3/2;object-fit:cover;background:var(--papier-diep);width:100%}.film.breed video,.film.breed img{aspect-ratio:2}.film figcaption{max-width:60ch;padding-top:18px}.film .kicker{font-size:var(--f-klein);color:var(--inkt-zacht);margin-bottom:6px;display:block}.film h3{margin-bottom:8px}.film p{color:var(--inkt-zacht)}.cta{background:var(--lak);height:52px;color:var(--op-lak);transition:transform .3s var(--ease);view-transition-name:cta;border-radius:999px;align-items:center;gap:12px;margin-top:32px;padding:0 26px;font-weight:500;text-decoration:none;display:inline-flex}.cta:hover{transform:translateY(-2px)}.link-door{margin-top:20px;font-weight:500;display:inline-block}.voet{margin-top:var(--ritme);padding-block:28px calc(28px + env(safe-area-inset-bottom));border-top:1px solid var(--lijn);font-size:var(--f-klein);color:var(--inkt-zacht);flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.onthul{animation:linear both scroll-in view();animation-range:entry entry 60%}.film video,.film img{animation:linear both scroll-zoom view();animation-range:entry cover 50%}}}@keyframes scroll-in{0%{clip-path:inset(0 0 30%);transform:translateY(48px)}to{clip-path:inset(0 0 -10%);transform:none}}@keyframes scroll-zoom{0%{clip-path:inset(6%)}to{clip-path:inset(0)}}@view-transition{navigation:auto}::view-transition-old(root){animation:.45s var(--ease) both vt-uit}::view-transition-new(root){animation:.6s var(--ease) both vt-in}::view-transition-group(titel),::view-transition-group(label){animation-duration:.6s;animation-timing-function:var(--ease)}@keyframes vt-uit{to{opacity:0;filter:blur(6px);transform:translateY(-24px)}}@keyframes vt-in{0%{opacity:0;transform:translateY(32px)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}@media (width<=899px){.hero{grid-template-rows:1fr auto auto auto;grid-template-columns:minmax(0,1fr)}.hero-zegel{grid-column:1;justify-self:end;width:clamp(96px,26vw,180px)}.hero-kop{font-size:clamp(3rem,16.5vw,8rem)}.hero-tekst{grid-area:3/1;max-width:34ch;margin-top:28px}.hero-voet{grid-row:4}.twee,.rij,.film-raster{grid-template-columns:1fr}.film.breed video,.film.breed img{aspect-ratio:3/2}}@media (width<=759px){.menu-knop{display:inline-flex}.menu{inset:var(--nav-h) 0 auto 0;background:var(--papier);padding:8px var(--gutter) 24px;box-shadow:0 1px 0 var(--lijn);flex-direction:column;gap:0;display:none;position:fixed}.nav[data-open] .menu{display:flex}.menu a{border-bottom:1px solid var(--lijn);padding-block:12px;font-size:1.5rem}.menu a:after,.hero-voet span{display:none}}.rij.vier{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=1200px){.rij.vier.stappen{grid-template-columns:repeat(4,minmax(0,1fr))}}.stappen{padding:0;list-style:none}.afk{letter-spacing:-.04em;color:var(--lak-tekst);margin-bottom:16px;font-size:clamp(2rem,3.4vw,3rem);font-weight:500;line-height:1;display:block}.h3{font-size:var(--f-item);letter-spacing:-.02em;margin-bottom:10px;font-weight:500;line-height:1.2}.eerste{margin-top:0}.slot .cta{margin-top:28px}@media (width<=899px){.rij.vier{grid-template-columns:1fr}}.film-beeld{position:relative}.film-knop{background:color-mix(in srgb, var(--papier) 82%, transparent);backdrop-filter:blur(8px);justify-content:center;width:40px;height:40px;padding:0;position:absolute;bottom:14px;right:14px}.film-knop .i-pauze,.film-knop[data-speelt=true] .i-speel{display:none}.film-knop[data-speelt=true] .i-pauze{display:block}