:root{--verhoogblauw:#33358f;--verhoogblauw-donker:#282a75;--dennengroen:#3b4a3f;--korenoker:#c6892f;--korenoker-tekst:#8f5f12;--korenoker-licht:#e8b65c;--perkament:#f6f1e4;--inkt:#221d18;--inkt-zacht:#5a5249;--zand:#e4d9c2;--wit:#fff;--font-display:var(--font-fraunces);--font-body:var(--font-karla);--font-mono:var(--font-plex-mono);--font-accent:var(--font-caveat);--radius-s:8px;--radius-m:12px;--radius-round:999px;--maxw:1320px;--gutter:clamp(1.25rem, 4vw, 2.5rem);--space-xs:.5rem;--space-s:.75rem;--space-m:1.5rem;--space-l:3rem;--space-xl:clamp(3.5rem, 8vw, 6rem);--text-hero:clamp(2rem, 2.2vw + 1.1rem, 2.75rem);--text-hero-groot:clamp(2.25rem, 2.6vw + .9rem, 3.25rem);--text-h2:clamp(1.5rem, 1.4vw + .9rem, 1.9rem);--text-h3:1.375rem;--text-body:1.125rem;--text-small:.9375rem;--text-label:.75rem}
*,:before,:after{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body), sans-serif;font-size:var(--text-body);color:var(--inkt);background-color:var(--perkament);flex-direction:column;min-height:100vh;line-height:1.6;display:flex}main{flex:1}h1,h2,h3,h4{font-family:var(--font-display), serif;letter-spacing:-.02em;text-wrap:balance;font-weight:600;line-height:1.15}p{text-wrap:pretty;max-width:65ch}img{max-width:100%;height:auto;display:block}a{color:var(--verhoogblauw);text-underline-offset:3px;text-decoration-thickness:1.5px}a:hover{color:var(--verhoogblauw-donker)}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--verhoogblauw);outline-offset:2px}.container{max-width:var(--maxw);padding-inline:var(--gutter);margin-inline:auto}.section-label{font-family:var(--font-mono), monospace;font-size:var(--text-label);letter-spacing:.18em;text-transform:uppercase;color:var(--korenoker-tekst);font-weight:500}.skip-link{top:0;left:var(--gutter);z-index:20;background-color:var(--verhoogblauw);color:var(--wit);border-radius:0 0 var(--radius-s) var(--radius-s);padding:.6em 1.2em;font-weight:600;text-decoration:none;position:fixed;transform:translateY(-110%)}.skip-link:focus{transform:translateY(0)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}