@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-var.woff2)format("woff2-variations");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:Archivo;src:url(/fonts/archivo-var.woff2)format("woff2-variations");font-weight:400 600;font-style:normal;font-display:swap}@font-face{font-family:Sligoil Micro;src:url(/fonts/sligoil-micro.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--papier:#f7f5f0;--papier-100:#f4f2ed;--papier-200:#ebe7dd;--papier-300:#ddd7c8;--inkt:#16140f;--inkt-600:#5f5a4e;--inkt-300:#b3ac9c;--blauw:#153e8e;--blauw-800:#0f2f6b;--blauw-300:#4a6bb5;--blauw-075:#e8edf8;--amber:#995c00;--amber-licht:#e09422;--tekst-display:clamp(31px,3.7vw,52px);--tekst-kop:clamp(24px,2.4vw,34px);--tekst-body:17px;--tekst-klein:13px;--tekst-label:12px;--diepte-1:0 1px 0 #b3ac9c66, 1px 2px 4px #b3ac9c42, 2px 6px 14px #b3ac9c2e;--diepte-2:0 1px 0 #b3ac9c8c, 1px 3px 6px #b3ac9c52, 4px 10px 22px #b3ac9c3d, 10px 28px 56px #b3ac9c2e;--diepte-in:inset 1px 1px 0 #b3ac9c94, inset 2px 4px 8px #b3ac9c52, inset -1px -1px 0 #f7f5f0e0;--rand-licht:inset 0 1px 0 #f7f5f0;--licht-op-inkt:inset 0 1px 0 #f7f5f013;--korrel:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='k' x='0' y='0' width='100%25' height='100%25'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch' seed='7'/><feColorMatrix type='matrix' values='0 0 0 0 0.702 0 0 0 0 0.675 0 0 0 0 0.612 0.20 0.20 0.20 0 -0.25'/></filter><rect width='160' height='160' filter='url(%23k)'/></svg>");--korrel-maat:160px 160px;--ease-micro:cubic-bezier(.4,0,.2,1);--ease-reveal:cubic-bezier(.2,.8,.2,1);--ease-signatuur:cubic-bezier(.16,1,.3,1);--duur-micro:.18s;--duur-element:.38s;--duur-uitklap:.35s;--duur-reveal:.6s;--duur-reveal-lang:.9s;--duur-signatuur:2.2s;--duur-puls:2.5s;--duur-herbouw:60s;--reveal-y:16px;--reveal-y-groot:20px;--stap-rij:60ms;--stap-vlak:40ms;--vakgat:4px;--regel:510px;--spleet:72px;--kophoogte:76px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-padding-top:calc(var(--kophoogte) + 16px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}a,button,summary,label,input,.knop{touch-action:manipulation}html{-webkit-tap-highlight-color:#16140f14}::selection{background:var(--inkt);color:var(--papier)}body{background:var(--papier-100);color:var(--inkt);font-variation-settings:"wght" 400,"wdth" 100;font-family:Archivo,sans-serif;font-weight:400;font-size:var(--tekst-body);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}.rail{width:min(1320px,100% - 96px);margin-inline:auto}.rail-tekst{width:min(1180px,100% - 96px);margin-inline:auto}@supports (padding:max(0px)){.rail,.rail-tekst{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}.label{font-family:Sligoil Micro,monospace;font-size:var(--tekst-label);text-transform:uppercase;letter-spacing:.08em;color:var(--inkt-600);font-variant-numeric:tabular-nums;line-height:1.4}.kop2{font-variation-settings:"opsz" 84,"wght" 600,"wdth" 100;font-family:Bricolage Grotesque,sans-serif;font-weight:600;font-size:var(--tekst-kop);letter-spacing:-.024em;color:var(--inkt);margin-top:12px;line-height:1.15}.vel{border:1px solid var(--papier-300);box-shadow:var(--rand-licht);background-image:var(--korrel), linear-gradient(180deg,var(--papier) 0%,var(--papier-100) 100%);background-size:var(--korrel-maat),auto;border-radius:4px;position:relative}.velschaduw{pointer-events:none;box-shadow:var(--diepte-2);border-radius:4px;display:block;position:absolute;inset:0}.velschaduw-1{box-shadow:var(--diepte-1)}.knop{isolation:isolate;background:var(--blauw);color:var(--papier);font-variation-settings:"wght" 500,"wdth" 100;cursor:pointer;white-space:nowrap;min-width:fit-content;transition:background-color var(--duur-micro) var(--ease-micro), transform var(--duur-micro) var(--ease-micro), box-shadow var(--duur-micro) var(--ease-micro);border:0;border-radius:3px;justify-content:center;align-items:center;padding:0 22px;font-family:Archivo,sans-serif;font-size:15px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.knop-44{height:44px}.knop-48{height:48px;box-shadow:var(--diepte-1);padding:0 24px}@media (hover:hover) and (pointer:fine){.knop:hover{background-color:var(--blauw-800);box-shadow:var(--diepte-1);transform:translateY(-1px)}.knop-48:hover{box-shadow:var(--diepte-2)}.knop:hover:after{animation:streek var(--duur-element) var(--ease-micro) forwards}}.knop:active{box-shadow:none;background-color:#0d2757;transform:translateY(0)}.knop:focus-visible{outline:2px solid var(--inkt);outline-offset:2px}.knop:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(100deg,#0000 0%,#f7f5f038 45%,#0000 92%);position:absolute;inset:0;transform:translate(-115%)}.knop:focus-visible:after{animation:streek var(--duur-element) var(--ease-micro) forwards}@keyframes streek{0%{opacity:1;transform:translate(-115%)}to{opacity:1;transform:translate(115%)}}@media (max-width:400px){.knop{white-space:normal;text-align:center;min-width:0;height:auto;min-height:48px;padding-block:12px;line-height:1.25}.knop-44{height:auto;min-height:44px}.knop-48{height:auto;min-height:48px}}a.tekstlink{color:var(--inkt);text-underline-offset:4px;transition:text-decoration-thickness var(--duur-micro) var(--ease-micro), text-underline-offset var(--duur-micro) var(--ease-micro);text-decoration:underline;text-decoration-thickness:1px}@media (hover:hover) and (pointer:fine){a.tekstlink:hover{text-underline-offset:3px;text-decoration-thickness:2px}}a.tekstlink:focus-visible{outline:2px solid var(--inkt);outline-offset:3px;border-radius:2px}.springlink{z-index:60;clip-path:inset(50%);pointer-events:none;white-space:nowrap;background:var(--inkt);width:1px;height:1px;color:var(--papier);border-radius:3px;text-decoration:none;position:fixed;top:12px;left:max(60px,50% - 648px);overflow:hidden}.springlink:focus{clip-path:none;pointer-events:auto;outline:2px solid var(--papier);outline-offset:2px;align-items:center;width:auto;height:44px;padding:0 16px;display:inline-flex}.js .op-komst{opacity:0;transform:translateY(var(--reveal-y))}.js .op-komst-groot{opacity:0;transform:translateY(var(--reveal-y-groot))}.js .velschaduw{opacity:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}