:root{--canvas:#faf9f6;--inkt:#1c1c1f;--tekst-secundair:#3f4756;--label:#475569;--lijn:#d9d3c7;--indigo:#5143e4;--indigo-diep:#2e3a85;--raster:#3a479a;--lijnwerk:#c9c3f0;--blauwdruk-tekst:#dcdff3;--blauwdruk-label:#faf9f6;--blauwdruk-sublabel:#aeb4e0;--violet:#ae6be5;--violet-licht:#e3ccf7;--donker-tekst:#f5f2ec;--donker-lopend:#cfcac1;--donker-label:#b9b4ac;--donker-rand:#3a3a40;--radius:8px;--container:1200px;--gutter:32px;--sectie-ruimte:120px;--kop-hoogte:96px;--focus:var(--indigo);--fout:#a4262c;--tekst-zacht:var(--tekst-secundair)}@media (max-width:640px){:root{--gutter:20px;--sectie-ruimte:72px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background-color:var(--canvas);color:var(--inkt);font-family:var(--font-body), system-ui, -apple-system, "Segoe UI", sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-kop), system-ui, sans-serif;text-wrap:balance;margin:0;font-weight:800}h1{letter-spacing:-.03em;font-size:clamp(40px,5.8vw,82px);line-height:1.04}h2{letter-spacing:-.025em;font-size:clamp(30px,4vw,50px);line-height:1.08}h3{letter-spacing:-.025em;font-size:clamp(24px,2.6vw,34px);line-height:1.15}p{text-wrap:pretty;margin:0}code,kbd,samp,pre{font-family:var(--font-mono), ui-monospace, "SFMono-Regular", monospace}a{color:var(--indigo)}a:hover{color:var(--indigo-diep)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}img,picture,svg{max-width:100%;height:auto}.container{width:100%;max-width:calc(var(--container) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.lead{color:var(--tekst-zacht);max-width:44rem;font-size:clamp(18px,1.6vw,21px);line-height:1.55}.visueel-verborgen{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skiplink{left:var(--gutter);z-index:10;background:var(--canvas);color:var(--inkt);border-radius:var(--radius);padding:12px 16px;font-weight:500;position:absolute;top:-100px}.skiplink:focus{top:12px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}