@font-face{font-family:Anthem Grotesk;src:url(/fonts/anthem-grotesk/NVAnthemGrotesk-Medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Anthem Grotesk;src:url(/fonts/anthem-grotesk/NVAnthemGrotesk-SemiBold.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Neue Helvena;src:url(/fonts/neue-helvena/NeueHelvena-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Neue Helvena;src:url(/fonts/neue-helvena/NeueHelvena-Medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Geist Pixel Square;src:url(/fonts/geist-pixel/GeistPixel-Square.woff2)format("woff2");font-display:swap}:root{--grijs:#e9ecee;--grijs-2:#dde1e4;--grijs-3:#cfd4d8;--wit:#fafbfb;--inkt:#16120f;--limoen:#edfb46;--f-kop:"Anthem Grotesk", "Neue Helvena", system-ui, sans-serif;--f-tekst:"Neue Helvena", system-ui, -apple-system, "Segoe UI", sans-serif;--f-pixel:"Geist Pixel Square", ui-monospace, monospace;--marge:clamp(16px, -1.83px + 4.571vw, 64px);--t-snel:.18s;--stap-snel:steps(3);--t-mid:.3s;--stap-mid:steps(5);--pixelhoek:polygon(0 4px, 4px 4px, 4px 0, calc(100% - 4px) 0, calc(100% - 4px) 4px, 100% 4px, 100% calc(100% - 4px), calc(100% - 4px) calc(100% - 4px), calc(100% - 4px) 100%, 4px 100%, 4px calc(100% - 4px), 0 calc(100% - 4px));--pixelhoek-klein:polygon(0 2px, 2px 2px, 2px 0, calc(100% - 2px) 0, calc(100% - 2px) 2px, 100% 2px, 100% calc(100% - 2px), calc(100% - 2px) calc(100% - 2px), calc(100% - 2px) 100%, 2px 100%, 2px calc(100% - 2px), 0 calc(100% - 2px))}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--grijs);min-height:100vh;color:var(--inkt);font-family:var(--f-tekst);-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.55}a{color:inherit}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}:focus{outline:none}:focus-visible{outline:2px solid var(--inkt);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.kop{font-family:var(--f-kop);letter-spacing:-.02em;text-transform:uppercase;font-weight:500;line-height:1.04}.kop .regel{display:block}.pl-w{white-space:nowrap}.pl-l{display:inline-block}.pl-l.is-pixel{width:var(--loop);vertical-align:baseline;justify-content:center;display:inline-flex}.pl-l.is-pixel svg{flex:none;display:block}.punt{vertical-align:baseline;-webkit-text-fill-color:transparent;background:currentColor;width:.116em;height:.116em;margin:0 .03em 0 .05em;line-height:0;display:inline-block;overflow:hidden}.tag{font-family:var(--f-pixel);letter-spacing:.08em;text-transform:uppercase;font-size:clamp(12px,11.6px + .1vw,13px);line-height:1.4}.label{isolation:isolate;width:max-content;max-width:100%;font-family:var(--f-pixel);letter-spacing:.06em;text-transform:uppercase;align-items:center;margin:0 4px 4px 0;padding:7px 10px 6px;font-size:13px;line-height:1.15;display:inline-flex;position:relative}.label:before,.label:after{content:"";pointer-events:none;position:absolute;inset:0}.label:before{z-index:-1;background:var(--limoen);outline:2px solid var(--inkt);outline-offset:-2px}.label:after{z-index:-2;background:repeating-conic-gradient(var(--inkt) 0 25%, transparent 0 50%) 0 0 / 4px 4px;transform:translate(4px,4px)}.knop{--knop-bg:var(--limoen);--knop-d:5px;--knop-h:54px;isolation:isolate;height:var(--knop-h);margin:0 var(--knop-d) var(--knop-d) 0;color:var(--inkt);font-family:var(--f-kop);white-space:nowrap;cursor:pointer;transition:transform var(--t-snel) var(--stap-snel);background:0 0;border:0;justify-content:center;align-items:center;gap:.65em;padding:0 26px;font-size:1rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex;position:relative}.knop:before,.knop:after{content:"";clip-path:var(--pixelhoek);pointer-events:none;position:absolute;inset:0}.knop:before{z-index:-1;background:linear-gradient(var(--inkt), var(--inkt)) 0 0 / 0% 100% no-repeat, var(--knop-bg);transition:background-size var(--t-mid) var(--stap-mid)}.knop:after{z-index:-2;transform:translate(var(--knop-d), var(--knop-d));background:repeating-conic-gradient(var(--inkt) 0 25%, transparent 0 50%) 0 0 / 4px 4px;transition:transform var(--t-snel) var(--stap-snel)}.knop--klein{--knop-h:44px;--knop-d:4px;padding:0 18px;font-size:.9375rem}.knop--wit{--knop-bg:var(--wit)}.knop__pijl{width:14px;height:14px;transition:transform var(--t-snel) var(--stap-snel);background:currentColor;flex:none;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7' shape-rendering='crispEdges'%3E%3Crect x='3' y='0' width='1' height='1'/%3E%3Crect x='4' y='1' width='1' height='1'/%3E%3Crect x='5' y='2' width='1' height='1'/%3E%3Crect x='0' y='3' width='7' height='1'/%3E%3Crect x='5' y='4' width='1' height='1'/%3E%3Crect x='4' y='5' width='1' height='1'/%3E%3Crect x='3' y='6' width='1' height='1'/%3E%3C/svg%3E") 50%/14px 14px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7' shape-rendering='crispEdges'%3E%3Crect x='3' y='0' width='1' height='1'/%3E%3Crect x='4' y='1' width='1' height='1'/%3E%3Crect x='5' y='2' width='1' height='1'/%3E%3Crect x='0' y='3' width='7' height='1'/%3E%3Crect x='5' y='4' width='1' height='1'/%3E%3Crect x='4' y='5' width='1' height='1'/%3E%3Crect x='3' y='6' width='1' height='1'/%3E%3C/svg%3E") 50%/14px 14px no-repeat}@media (any-hover:hover){.knop:hover{color:var(--limoen);transform:translate(-3px,-3px)}.knop:hover:before{background-size:100% 100%,auto}.knop:hover:after{transform:translate(calc(var(--knop-d) + 3px), calc(var(--knop-d) + 3px));background-size:2px 2px}.knop:hover .knop__pijl{transform:translate(5px)}}.knop:active{transform:translate(var(--knop-d), var(--knop-d));transition:transform 60ms step-end}.pijllink{font-family:var(--f-kop);align-items:center;gap:.55em;font-weight:500;text-decoration:none;display:inline-flex}.pijllink .knop__pijl{transition:transform var(--t-snel) var(--stap-snel)}.pijllink:hover,.pijllink:focus-visible{text-underline-offset:.25em;text-decoration:underline;text-decoration-thickness:1px}.pijllink:hover .knop__pijl{transform:translate(4px)}.bk{isolation:isolate;min-height:100svh;padding:0 var(--marge);grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden}.bk__grond{z-index:-1;pointer-events:none;position:absolute;inset:0}.bk__grond canvas{display:block}.bk__vloer{height:clamp(220px,36vh,420px);position:absolute;bottom:0;left:0;right:0;overflow:hidden}.bk__vloer canvas{image-rendering:pixelated}.bk__kop{justify-content:space-between;align-items:center;gap:16px;padding-block:18px;display:flex}.bk__logo{width:clamp(118px,9vw,150px);display:block}.bk__logo svg{width:100%;height:auto;display:block}.bk__midden{align-content:center;gap:clamp(18px,2.2vw,32px);padding-block:clamp(24px,4vh,56px);display:grid}.bk__titel{margin-left:-.047em;font-size:clamp(2.5rem,min(10.4vw,16.5vh),12rem)}.bk__titel .regel{white-space:nowrap}.bk__woord{display:inline-block;position:relative}.bk__onder{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px 48px;margin-top:clamp(4px,1vw,16px);display:flex}.bk__tekst{gap:22px;max-width:34em;display:grid}.bk__lead{text-wrap:pretty;font-size:clamp(1.0625rem,1rem + .3vw,1.3125rem);line-height:1.55}.bk__knoppen{flex-wrap:wrap;align-items:center;gap:16px 28px;display:flex}.bk__meter{background:var(--wit);width:min(380px,100%);clip-path:var(--pixelhoek);gap:10px;padding:16px 18px 18px;display:grid}.bk__meternaam{justify-content:space-between;gap:16px;display:flex}.bk__balk{grid-template-columns:repeat(20,minmax(0,1fr));gap:3px;display:grid}.bk__cel{aspect-ratio:1;background:var(--grijs-2)}.bk__cel.is-vol{background:var(--inkt)}.bk__cel.is-bijna{background:var(--limoen);box-shadow:inset 0 0 0 2px var(--inkt)}.bk__voet{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding-block:18px 22px;display:flex}.bk__links{gap:20px;display:flex}.bk__links a{text-decoration:none}.bk__links a:hover{text-decoration:underline}.bk__zit{z-index:1;pointer-events:none;position:absolute;bottom:96%;left:30%;overflow:hidden}.bk__zit svg{display:block}.bk__poten{z-index:2;pointer-events:none;display:block;position:absolute}.bk-plan{width:min(640px,100% - 32px);max-height:calc(100% - 32px);color:var(--inkt);background:0 0;border:0;margin:auto;padding:0;overflow:visible}.bk-plan::backdrop{background:#16120f8c}.bk-plan__vak{isolation:isolate;gap:18px;max-height:calc(100vh - 48px);padding:clamp(22px,3vw,36px);display:grid;position:relative;overflow:auto}.bk-plan__vak:before,.bk-plan__vak:after{content:"";clip-path:var(--pixelhoek);pointer-events:none;position:absolute;inset:0}.bk-plan__vak:before{z-index:-1;background:var(--wit)}.bk-plan__vak:after{z-index:-2;background:repeating-conic-gradient(var(--limoen) 0 25%, transparent 0 50%) 0 0 / 4px 4px;transform:translate(6px,6px)}.bk-plan__kop{justify-content:space-between;align-items:center;gap:16px;display:flex}.bk-plan__sluit{font-family:var(--f-kop);text-underline-offset:.25em;font-weight:500;text-decoration:underline}.bk-plan__titel{font-family:var(--f-kop);letter-spacing:-.02em;text-wrap:balance;font-size:clamp(1.5rem,1.1rem + 1.2vw,2.25rem);font-weight:500;line-height:1.12}.bk-plan__rij{grid-template-columns:1fr 1fr;gap:18px;display:grid}.veld{gap:6px;display:grid}.veld .tag{color:#16120fad}.veld input,.veld textarea{border:0;border-bottom:2px solid var(--inkt);width:100%;font-family:var(--f-kop);resize:vertical;background:0 0;border-radius:0;padding:8px 0 10px;font-size:1.25rem;font-weight:500;line-height:1.3}.veld :is(input,textarea):focus{background:linear-gradient(var(--limoen), var(--limoen)) 0 100% / 100% 6px no-repeat}.veld :is(input,textarea)[aria-invalid=true]{border-bottom-color:#b42318}.keuzes{border:0;flex-wrap:wrap;gap:8px;display:flex}.keuzes legend{color:#16120fad;margin-bottom:8px}.keuze{cursor:pointer;position:relative}.keuze input{opacity:0;cursor:pointer;position:absolute;inset:0}.keuze span{background:var(--grijs);height:40px;clip-path:var(--pixelhoek-klein);font-family:var(--f-kop);align-items:center;padding:0 14px;font-size:.9375rem;font-weight:500;display:inline-flex}.keuze input:checked+span{background:var(--limoen)}.keuze input:focus-visible+span{outline:2px solid var(--inkt);outline-offset:2px}.akkoord{align-items:flex-start;gap:10px;font-size:.9375rem;line-height:1.45;display:flex}.akkoord input{width:18px;height:18px;accent-color:var(--inkt);flex:none;margin-top:3px}.bk-plan__honing{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.bk-plan__melding{background:var(--grijs);padding:10px 12px;font-size:.9375rem}.bk-plan__melding[data-soort=fout]{background:var(--inkt);color:var(--limoen)}.bk-plan__melding[data-soort=goed]{background:var(--limoen)}.bk-plan__actie{display:flex}@media (width<=859px){.bk__kopknop{display:none}.bk__midden{align-content:start;padding-top:clamp(32px,9vh,80px)}.bk__titel{margin-top:16px;margin-left:-.024em;font-size:11.4vw}.bk__vloer{height:clamp(130px,19vh,200px)}.bk__meter{width:100%}.bk-plan__rij{grid-template-columns:1fr}}html[data-beweging=minder] *,html[data-beweging=minder] :before,html[data-beweging=minder] :after{transition:none!important}
