body{font-family:var(--grotesk)}.skip-link{font-weight:400}:root{--twee-regels: 1.35;--site-bg: #111111;--line: rgb(245 244 242 / 0.14);--col-gap: 1rem;--card-w: 78vw;--card-gap: 0.5rem}@media(min-width:48em){:root{--col-gap: 1.5rem;--header-h: 5rem;--card-w: 42vw}}@media(min-width:62em)and (min-aspect-ratio:1/1){:root{--card-w: min(26vw, (100svh - var(--header-h) - 8rem) * 0.8)}}html{scroll-padding-top:var(--header-h)}:focus-visible{outline-color:currentColor;box-shadow:none}@view-transition{navigation:auto}::view-transition-old(root){animation:0.35s var(--ease) both pagina-uit}::view-transition-new(root){animation:0.6s var(--ease) 0.15s both pagina-in}@keyframes pagina-uit{to{opacity:0}}@keyframes pagina-in{from{opacity:0}}.site-header--d{view-transition-name:kop}::view-transition-group(kop){animation-duration:0s}@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}.site-header--d{position:fixed;top:0;left:0;right:0;z-index:50;background:var(--site-bg);color:var(--paper);border-bottom:1px solid var(--line);font-family:var(--grotesk);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.01em}.site-header--d .brand{font:400 0.75rem/1 var(--grotesk);letter-spacing:0.01em;white-space:nowrap}.site-header--d .brand-long{display:inline;position:relative;width:auto;height:auto;overflow:visible;clip-path:none}.web-cursor{position:relative}.web-cursor::after{content:"";position:absolute;left:calc(100% + 0.12em);top:50%;height:1.4em;translate:0 -50%;width:1px;background:currentColor}.logo-typen .site-header--d .web-cursor{visibility:hidden}.js .site-header--d .web-cursor::after{opacity:0}.js .site-header--d .web-cursor.is-typen::after{opacity:1}.js .site-header--d .web-cursor.is-knipper::after{opacity:1;animation:logo-knipper 1.1s steps(1) 4,logo-weg 0.01s linear 4.4s forwards}html:not(.js) .site-header--d .web-cursor::after{animation:logo-knipper 1.1s steps(1) 0.3s 4,logo-weg 0.01s linear 4.7s forwards}@keyframes logo-knipper{50%{opacity:0}}@keyframes logo-weg{to{opacity:0}}@media(prefers-reduced-motion:reduce){.site-header--d .web-cursor::after{animation:none!important;opacity:0!important}}.site-header--d .nav a{font-size:0.75rem;padding:0.375rem 0;background-position:0 calc(100% - 0.25rem)}.site-header--d .header-link{display:none}@media(max-width:47.99em){html:not(.js) .site-header--d{position:relative}}@media(max-width:47.99em){.js .site-header--d .nav{display:none}.site-header--d .brand{line-height:var(--twee-regels)}.site-header--d .brand-long{display:block}.js .site-header--d .header-end{flex-direction:column;align-items:flex-end;gap:0}.js .site-header--d .header-link{display:block;line-height:var(--twee-regels);text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100% / 0 1px no-repeat;transition:background-size 0.35s var(--ease)}.js .site-header--d .header-link:first-child{padding-top:0.625rem;margin-top:-0.625rem}.js .site-header--d .header-link:last-child{padding-bottom:0.625rem;margin-bottom:-0.625rem;background-position:0 calc(100% - 0.625rem)}.js .site-header--d .header-link:hover{background-size:100% 1px}}@media(min-width:48em){.site-header--d{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap)}.site-header--d>*{grid-row:1}.site-header--d .brand{grid-column:1 / 5;justify-self:start}.site-header--d .nav{grid-column:1 / -1;justify-self:center}.site-header--d .nav ul{display:grid;grid-template-columns:1fr auto 1fr;column-gap:1.5rem}.site-header--d .nav li:first-child{justify-self:end}.site-header--d .header-end{grid-column:12 / -1;justify-self:end;margin-left:0}}@media(min-width:62em){.site-header--d .nav{grid-column:5 / -1}}main{min-height:100vh;min-height:100svh}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:var(--header-h);padding:0 var(--gutter);border-top:1px solid var(--line);background:var(--site-bg);color:var(--paper);font:400 0.75rem/1 var(--grotesk);letter-spacing:0.01em;text-transform:uppercase}.site-footer a{display:inline-block;padding-block:0.375rem;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 calc(100% - 0.25rem) / 0 1px no-repeat;transition:background-size 0.35s var(--ease)}.site-footer a:hover{background-size:100% 1px}.site-footer__legal{margin:0}