@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-vietnamese-standard-normal.rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-latin-ext-standard-normal.7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-latin-standard-normal.DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/jetbrains-mono-latin-400-normal.V6pRDFza.woff2)format("woff2"),url(/_astro/jetbrains-mono-latin-400-normal.6-qcROiO.woff)format("woff")}:root{--papier:#efede8;--inkt:#121212;--grijs:#5d5a55;--oranje:#ff4f12;--oranje-tekst:#b23a0b;--lijn:#12121214;--kolommen:4;--rand:clamp(16px, 3.2vw, 44px);--letter:"Archivo Variable", "Helvetica Neue", Arial, sans-serif;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--ease:cubic-bezier(.2, .9, .1, 1)}@media (width>=56rem){:root{--kolommen:12}}*,:before,:after{box-sizing:border-box}html{background:var(--papier);color:var(--inkt);font-family:var(--letter);-webkit-text-size-adjust:100%;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}body{background:var(--papier);min-height:100svh;margin:0}p,h1,h2,ul,figure{margin:0}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}::selection{background:var(--oranje);color:var(--inkt)}.raster{padding-inline:var(--rand);grid-template-columns:repeat(var(--kolommen), 1fr);pointer-events:none;z-index:0;display:grid;position:fixed;inset:0}.raster i{border-left:1px solid var(--lijn);transform-origin:top}.raster i:nth-child(n+5){display:none}.raster i:nth-child(4){border-right:1px solid var(--lijn)}@media (width>=56rem){.raster i:nth-child(n+5){display:block}.raster i:nth-child(4){border-right:0}.raster i:nth-child(12){border-right:1px solid var(--lijn)}}.kaart{min-height:100svh;padding:0 var(--rand) max(var(--rand), env(safe-area-inset-bottom));grid-template-columns:repeat(var(--kolommen), minmax(0, 1fr));grid-template-rows:auto auto auto auto auto 1fr;grid-template-areas:"kop kop kop kop""naam naam naam naam""intro intro intro intro"".foto foto foto""links links links links""voet voet voet voet";align-content:start;display:grid;position:relative}.kop,.voet{font-family:var(--mono);letter-spacing:.01em;font-size:.75rem;line-height:1.4}.kop{grid-area:kop;grid-template-columns:subgrid;align-items:center;padding-block:1.1rem;display:grid}.merk{grid-column:1/3;align-items:center;gap:.55rem;font-weight:400;display:flex}.blokje{background:var(--oranje);width:.7rem;height:.7rem;display:inline-block}.nummer{display:none}.domein{grid-column:3/-1;justify-self:end}.naam{white-space:nowrap;letter-spacing:-.035em;grid-area:naam;margin-top:clamp(1rem,5vw,3rem);font-size:clamp(4.5rem,25vw,19rem);font-weight:800;line-height:.8}.voornaam{margin-left:-.03em;font-stretch:125%;display:block}.letter{display:inline-block}.achternaam{letter-spacing:-.02em;margin-top:.12em;font-size:.46em;font-weight:700;font-stretch:75%;line-height:.95;display:block}.intro-tekst{grid-area:intro;max-width:34ch;margin-top:1.5rem;font-size:clamp(1.05rem,1.4vw,1.3rem);font-stretch:100%;line-height:1.45}.foto{grid-area:foto;margin-top:1.75rem}.foto-kader{aspect-ratio:1;background:#4a4644;position:relative;overflow:hidden}.foto-kader img{object-fit:cover;object-position:50% 30%;width:100%;height:100%;display:block}@media (width>=56rem){.foto-kader img{object-position:50% 38%}}.luiken{pointer-events:none;grid-template-columns:repeat(4,1fr);display:grid;position:absolute;inset:0}.luiken i{background:var(--papier);transform-origin:bottom;transform:scaleY(0)}figcaption{font-family:var(--mono);color:var(--grijs);margin-top:.6rem;font-size:.75rem}.links{grid-area:links;margin-top:2rem}.links-kop{font-family:var(--mono);color:var(--grijs);margin-bottom:.9rem;font-size:.75rem;font-weight:400;line-height:1.4}.links ul{border-bottom:1px solid var(--inkt);padding:0;list-style:none}.links li{border-top:1px solid var(--inkt)}.link{min-height:3.75rem;color:var(--inkt);letter-spacing:-.01em;isolation:isolate;-webkit-tap-highlight-color:transparent;grid-template-columns:2rem 1.6rem 1fr auto;align-items:center;gap:.5rem;padding-block:.9rem;font-size:clamp(1.2rem,1.7vw,1.55rem);font-weight:650;font-stretch:100%;text-decoration:none;display:grid;position:relative}.link:before{content:"";background:var(--oranje);transform-origin:0;transition:transform .45s var(--ease);z-index:-1;position:absolute;inset:0 -.5rem;transform:scaleX(0)}.link-nr{font-family:var(--mono);color:var(--oranje-tekst);font-size:.75rem;font-weight:400;transition:color .3s}.link-icoon{fill:currentColor;width:1.15rem;height:1.15rem}.link-naam{font-family:var(--mono);color:var(--grijs);font-size:.8rem;font-weight:400;transition:color .3s;display:none}.link-pijl{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:square;width:1.4rem;height:1.4rem;transition:transform .45s var(--ease);grid-column:-2;transform:rotate(-45deg)}.link:focus-visible{outline:2px solid var(--inkt);outline-offset:3px}.link:focus-visible:before,.link:active:before{transform:scaleX(1)}@media (hover:hover){.link:hover:before{transform:scaleX(1)}.link:hover .link-pijl{transform:rotate(0)translate(.15rem)}}.link:focus-visible .link-pijl{transform:rotate(0)translate(.15rem)}.link:hover .link-nr,.link:focus-visible .link-nr,.link:active .link-nr,.link:hover .link-naam,.link:focus-visible .link-naam{color:var(--inkt)}.voet{color:var(--grijs);flex-wrap:wrap;grid-area:voet;justify-content:space-between;align-self:end;gap:.25rem 1rem;padding-top:2.5rem;display:flex}@media (width>=22rem){.link{grid-template-columns:2rem 1.6rem auto 1fr auto}.link-naam{display:block}}@media (width>=36rem) and (width<=55.99rem){.kaart{grid-template-areas:"kop kop kop kop""naam naam naam naam""intro intro intro intro"". .foto foto""links links links links""voet voet voet voet"}.foto-kader{aspect-ratio:4/5}}@media (width>=56rem){.kaart{grid-template-rows:auto auto auto 1fr auto;grid-template-areas:"kop kop kop kop kop kop kop kop kop kop kop kop""naam naam naam naam naam naam naam naam foto foto foto foto""intro intro intro intro intro. . .foto foto foto foto""links links links links links links links.foto foto foto foto""voet voet voet voet voet voet voet voet voet voet voet voet";align-content:stretch}.merk{grid-column:1/5}.nummer{grid-column:5/9;display:block}.domein{grid-column:9/-1}.naam{margin-top:clamp(2rem,6vh,4.5rem);font-size:clamp(7rem,18.5vw,21rem)}.foto-kader{aspect-ratio:4/5}.foto{align-self:end;margin-top:clamp(2rem,6vh,4.5rem);margin-left:1px}.links{align-self:end;margin-top:3rem}.voet{padding-top:1.5rem}}.vloed{display:none}.intro .vloed,.intro-uit .vloed{z-index:20;background:var(--oranje);transition:opacity .2s;display:block;position:fixed;inset:0}.intro-uit .vloed{opacity:0}.vloed-hint{left:50%;bottom:max(1.5rem, env(safe-area-inset-bottom));font-family:var(--mono);color:var(--inkt);opacity:0;font-size:.75rem;animation:.4s .6s both verschijn;position:absolute;translate:-50%}.intro:not(.intro-start) *{animation-play-state:paused!important}.intro .raster{z-index:21;--lijn:#12121229}.intro .raster i{animation:lijn .7s var(--ease) both}.intro .raster i:first-child{animation-delay:0s}.intro .raster i:nth-child(2){animation-delay:30ms}.intro .raster i:nth-child(3){animation-delay:60ms}.intro .raster i:nth-child(4){animation-delay:90ms}.intro .raster i:nth-child(5){animation-delay:.12s}.intro .raster i:nth-child(6){animation-delay:.15s}.intro .raster i:nth-child(7){animation-delay:.18s}.intro .raster i:nth-child(8){animation-delay:.21s}.intro .raster i:nth-child(9){animation-delay:.24s}.intro .raster i:nth-child(10){animation-delay:.27s}.intro .raster i:nth-child(11){animation-delay:.3s}.intro .raster i:nth-child(12){animation-delay:.33s}.intro .naam{z-index:22;position:relative}.intro .letter{animation:letter .8s var(--ease) both;animation-delay:calc(.45s + var(--i) * 90ms)}.intro .achternaam{animation:.65s cubic-bezier(.7,0,.2,1) 1.3s both wis}.intro .kop p,.intro figcaption,.intro .links-kop,.intro .intro-tekst,.intro .voet{animation:.5s 2.05s both verschijn}.intro .luiken i{animation:.55s cubic-bezier(.7,0,.2,1) both luik}.intro .luiken i:first-child{animation-delay:1.95s}.intro .luiken i:nth-child(2){animation-delay:2.03s}.intro .luiken i:nth-child(3){animation-delay:2.11s}.intro .luiken i:nth-child(4){animation-delay:2.19s}.intro .foto-kader img{animation:zoom 1s var(--ease) 1.95s both}.intro .links li{animation:binnen .5s var(--ease) both;animation-delay:calc(2.3s + var(--i) * 80ms)}@keyframes lijn{0%{transform:scaleY(0)}}@keyframes letter{0%{opacity:0;font-stretch:62%;transform:translateY(.75em)}45%{opacity:1}to{font-stretch:125%}}@keyframes wis{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes luik{0%{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes zoom{0%{transform:scale(1.12)}}@keyframes binnen{0%{opacity:0;transform:translateY(.8rem)}}@keyframes verschijn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.kaart{animation:.3s both verschijn}.link:before,.link-pijl{transition:none}}
