@font-face{font-family:Silkscreen;src:url(/fonts/silkscreen-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/plus-jakarta-sans.woff2)format("woff2");font-weight:200 800;font-display:swap}.z{--z-bg:#fbf7f0;--z-vlak:#fff;--z-tint:#f7e6c4;--z-lijn:#eadfcb;--z-inkt:#1a0f0b;--z-zacht:#5c4a3d;--z-rood:#e2132f;--z-rood-hover:#b80f27;--z-donkerrood:#9e1230;--z-oranje:#f7851f;--z-radius:12px;--z-schaduw:0 1px 2px #1a0f0b0f, 0 10px 30px #1a0f0b0f;background:var(--z-bg);color:var(--z-inkt);-webkit-font-smoothing:antialiased;margin:0;font:400 1.0625rem/1.65 Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif}.z *,.z :before,.z :after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}.z a{color:var(--z-donkerrood);text-underline-offset:3px}html:has(body.z){color-scheme:light}.z h1,.z h2,.z h3{letter-spacing:-.02em;text-wrap:balance;margin:0;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-weight:800;line-height:1.15}.z p{margin:0 0 1rem}.z :focus-visible{outline:3px solid var(--z-oranje);outline-offset:3px}.z-wrap{width:min(1120px,100% - 32px);margin-inline:auto}.z-skip{z-index:100;background:var(--z-inkt);border-radius:8px;padding:8px 16px;position:absolute;top:-100px;left:16px;color:#fff!important}.z-skip:focus{top:16px}.z-label{text-transform:uppercase;letter-spacing:.08em;color:var(--z-donkerrood);margin:0 0 14px;font:400 .78rem Silkscreen,monospace;display:inline-block}.z-knop{background:var(--z-rood);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:12px 24px;font-size:1rem;font-weight:700;text-decoration:none;transition:background-color .2s,transform .2s;display:inline-flex;color:#fff!important}.z-knop:hover{background:var(--z-rood-hover)}.z-knop:active{transform:translateY(1px)}.z-knop--klein{min-height:44px;padding:8px 18px;font-size:.95rem}.z-knop--rustig{box-shadow:inset 0 0 0 2px var(--z-lijn);background:0 0;color:var(--z-inkt)!important}.z-knop--rustig:hover{background:var(--z-vlak);box-shadow:inset 0 0 0 2px var(--z-inkt)}.z-kop{z-index:50;backdrop-filter:blur(8px);border-bottom:1px solid var(--z-lijn);background:#fbf7f0eb;position:sticky;top:0}.z-kop-rij{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding-block:8px;display:flex}.z-logo{text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:10px;min-height:44px;margin:0;font:400 .95rem Silkscreen,monospace;text-decoration:none;display:inline-flex;color:var(--z-inkt)!important}.z-nav{flex-wrap:wrap;align-items:center;gap:4px 22px;display:flex}.z-nav a:not(.z-knop){color:var(--z-zacht);align-items:center;min-height:44px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.z-nav a:not(.z-knop):hover{color:var(--z-inkt)}.z-voet{border-top:1px solid var(--z-lijn);color:var(--z-zacht);padding-block:40px;font-size:.95rem}.z-voet-rij{flex-wrap:wrap;justify-content:space-between;gap:24px;display:flex}.z-voet p{margin:0 0 6px}.z-voet ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.z-voet a{color:var(--z-zacht)}.z-logo--voet{margin-bottom:8px}@media (width<=760px){.z-kop{position:static}.z-nav a:not(.z-knop){display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.z *,.z :before,.z :after{transition-duration:0s!important}}body:has(>.site-header){color:#1a0f0b;background:#fbf7f0;font-family:Plus Jakarta Sans,system-ui,sans-serif}body:has(>.site-header) a{color:#9e1230}body .site-header{background:#fbf7f0eb;border-bottom:1px solid #eadfcb}body .site-header .logo{text-transform:uppercase;letter-spacing:.04em;color:#1a0f0b;align-items:center;gap:10px;min-height:44px;font:400 .95rem Silkscreen,monospace;display:inline-flex}body .site-header .logo:before{content:"";width:32px;height:32px;image-rendering:pixelated;background:url(/images/vosje/vosje-32.png) 0 0/32px 32px}body .site-header nav a{color:#5c4a3d;align-items:center;min-height:44px;font-weight:600;display:inline-flex}body .site-header nav a:hover{color:#1a0f0b}body .site-footer{color:#5c4a3d;border-top:1px solid #eadfcb}body .site-footer a,body .credit a{color:#5c4a3d}body:has(>.site-header) main h1{letter-spacing:-.02em;font-size:clamp(1.9rem,5vw,2.8rem);font-weight:800}body:has(>.site-header) main h2{letter-spacing:-.01em;margin-top:2rem;font-size:1.25rem;font-weight:800}
