@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Condensed:wght@400;500;700;800&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark;--calque:#0b0b0b;--papier:#151514;--inkt:#f5f5f2;--tekst:#c9c9c4;--potlood:#8a8a84;--accent:#b8e62e;--lijn:#2e2e2c;--kop:"IBM Plex Sans Condensed", "Arial Narrow", sans-serif;--sans:"IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif;--mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--wrap:1200px;--gutter:40px}html{scroll-behavior:smooth;scroll-padding-top:5rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--sans);color:var(--inkt);background:var(--calque);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{color:var(--inkt)}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:var(--calque)}.wrap{max-width:var(--wrap);padding:0 var(--gutter);margin:0 auto}.kop{font-family:var(--kop);letter-spacing:-.015em;color:var(--inkt);font-weight:800;line-height:.95}.mono{font-family:var(--mono)}.reeks{flex-wrap:wrap;gap:.2em 2em;display:flex}.split{grid-template-columns:7fr 5fr;gap:56px;display:grid}.hero.split{grid-template-columns:6fr 6fr}.site-kop{justify-content:space-between;align-items:center;gap:24px;height:80px;display:flex}.site-kop .merk{align-items:center;display:flex}.site-kop .merk img{width:auto;height:32px;display:block}.site-kop nav{gap:32px;font-size:15px;display:flex}.site-kop nav a{color:var(--inkt);font-weight:500}.site-kop nav a:hover{color:var(--accent)}.hero{padding:64px var(--gutter) 112px;gap:40px}.intro{flex-direction:column;gap:32px;display:flex}.intro .regel{color:var(--potlood);font-size:13px}.intro h1{text-wrap:balance;letter-spacing:-.02em;font-size:clamp(56px,8.2vw,112px)}.intro .lead{color:var(--tekst);max-width:46ch;font-size:21px;line-height:1.5}.hero .onder{align-items:end}.hero .acties{flex-wrap:wrap;gap:28px;font-size:17px;font-weight:500;display:flex}.hero .acties a{border-bottom:2px solid var(--lijn);color:var(--inkt);padding-bottom:2px}.hero .acties a:first-child{border-bottom-color:var(--accent)}.hero .acties a:hover{color:var(--accent)}.maker-kop{padding:72px var(--gutter) 48px}.maker-diensten{padding:48px var(--gutter) 112px}.maker-diensten .terug{margin-top:56px;font-size:15px;font-weight:500}.maker-diensten .terug a{color:var(--inkt);border-bottom:2px solid var(--accent);padding-bottom:2px}.maker-diensten .terug a:hover{color:var(--accent)}.posten-wrap{background:var(--papier);padding:112px 0 96px}.posten-wrap .kopregel{align-items:end;margin-bottom:40px}.posten-wrap .kopregel .mono{color:var(--potlood);font-size:13px}h2.kop{font-size:clamp(40px,3.9vw,56px)}.post{border-top:1px solid var(--lijn);grid-template-columns:160px 1fr 220px;align-items:start;gap:32px;padding:32px 0;display:grid}.post:last-child{border-bottom:1px solid var(--lijn)}.post-nr{z-index:1;font-family:var(--mono);color:var(--inkt);background:var(--calque);padding:6px 8px;font-size:13px;line-height:1;position:absolute;top:0;left:0}.post h3{font-family:var(--kop);font-size:26px;font-weight:700;line-height:1.1}.post h3 a{color:var(--inkt)}.post h3 a:hover{color:var(--accent)}.post .post-tekst{flex-direction:column;gap:10px;display:flex}.post .post-tekst p{color:var(--tekst);max-width:60ch;font-size:16px;line-height:1.6}.post-rol{font-family:var(--mono);color:var(--potlood);padding-top:6px;font-size:13px;line-height:1.7}.post-kader{aspect-ratio:4/3;background:var(--accent);width:100%;position:relative;overflow:hidden}.post-beeld{object-fit:cover;object-position:top;filter:grayscale()contrast(1.15);mix-blend-mode:multiply;width:100%;height:100%;display:block}.post-leeg{justify-content:center;align-items:center;display:flex}.eerder{margin-top:80px}.eerder h3{font-family:var(--kop);color:var(--inkt);margin-bottom:20px;font-size:26px;font-weight:700;line-height:1.1}.eerder-tabel+h3{margin-top:64px}.eerder-tabel{border-collapse:collapse;width:100%}.eerder-tabel td{border-top:1px solid var(--lijn);vertical-align:baseline;padding:12px 24px 12px 0}.eerder-tabel tr:last-child td{border-bottom:1px solid var(--lijn)}.eerder-tabel .jaren{font-family:var(--mono);color:var(--potlood);white-space:nowrap;width:128px;font-size:13px}.eerder-tabel .naam{font-family:var(--kop);color:var(--inkt);white-space:nowrap;width:260px;font-size:20px;font-weight:700}.eerder-tabel .wat{color:var(--tekst);padding-right:0;font-size:15px;line-height:1.55}.beheer{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px;list-style:none;display:grid}.beheer li{border-top:1px solid var(--lijn);justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;display:flex}.beheer a{color:var(--tekst);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}.beheer a:hover{color:var(--accent)}.beheer .sinds{font-family:var(--mono);color:var(--potlood);white-space:nowrap;font-size:13px}.beheer li:nth-last-child(-n+3){border-bottom:1px solid var(--lijn)}.post-leeg svg{width:56px;height:56px;stroke:var(--calque);fill:none;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round}.diensten-wrap{padding:112px 0}.diensten-wrap .kopregel{align-items:end;margin-bottom:48px}.diensten-wrap .kopregel p{color:var(--tekst);max-width:44ch;font-size:17px;line-height:1.5}.diensten{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;display:grid}.dienst{border-top:2px solid var(--inkt);flex-direction:column;gap:12px;padding-top:20px;display:flex}.dienst h3{font-family:var(--kop);font-size:26px;font-weight:700;line-height:1.1}.dienst p{color:var(--tekst);font-size:16px;line-height:1.6}.over-wrap{background:var(--papier);padding:112px 0}.over-wrap .tekst{flex-direction:column;gap:24px;display:flex}.over-wrap .tekst p{color:var(--tekst);max-width:58ch;font-size:18px;line-height:1.6}.stempel{grid-template-columns:160px 1fr;align-items:start;gap:24px;display:grid}.stempel img{aspect-ratio:4/5;object-fit:cover;object-position:top;filter:grayscale()contrast(1.05);width:160px;height:auto}.feiten{font-family:var(--mono);color:var(--potlood);border-top:2px solid var(--inkt);padding-top:12px;font-size:13px;line-height:1.8}.feiten dt{color:var(--inkt)}.feiten dd{margin:0 0 8px}.feiten dd:last-child{margin-bottom:0}.contact-wrap{padding:112px var(--gutter) 64px;align-items:start}.contact-wrap .tekst{flex-direction:column;gap:24px;display:flex}.contact-wrap h2{max-width:12ch;font-size:clamp(40px,4.4vw,64px)}.contact-wrap .tekst p{color:var(--tekst);font-size:18px}.contact-wrap .feiten{font-size:14px;line-height:1.9}.voet{padding:24px var(--gutter) 40px;font-family:var(--mono);color:var(--potlood);border-top:1px solid var(--lijn);flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:12px;display:flex}.voet a{color:var(--potlood)}.voet a:hover{color:var(--accent)}@media (width<=860px){:root{--gutter:24px}.site-kop{flex-direction:column;align-items:flex-start;gap:10px;height:auto;padding-top:16px;padding-bottom:16px}.site-kop nav{gap:20px;font-size:14px}.site-kop .merk img{height:28px}.split,.hero.split{grid-template-columns:1fr;gap:40px}.hero{padding:32px var(--gutter) 56px;gap:28px}.intro{gap:24px}.intro h1{font-size:clamp(56px,15vw,72px)}.intro .lead{font-size:19px}.posten-wrap{padding:72px 0 64px}.posten-wrap .kopregel,.diensten-wrap .kopregel{margin-bottom:24px}.post{grid-template-columns:1fr;gap:14px;padding:24px 0}.post-kader{max-width:220px}.post-rol{padding-top:0}.eerder{margin-top:56px}.eerder-tabel,.eerder-tabel tbody,.eerder-tabel tr,.eerder-tabel td{width:auto;display:block}.eerder-tabel tr{border-top:1px solid var(--lijn);padding:12px 0}.eerder-tabel tr:last-child{border-bottom:1px solid var(--lijn)}.eerder-tabel td,.eerder-tabel tr:last-child td{white-space:normal;border:0;padding:2px 0}.eerder-tabel+h3{margin-top:48px}.beheer{grid-template-columns:1fr}.beheer li:nth-last-child(-n+3){border-bottom:0}.beheer li:last-child{border-bottom:1px solid var(--lijn)}.diensten-wrap{padding:72px 0}.diensten{grid-template-columns:1fr;gap:32px}.over-wrap{padding:72px 0}.stempel{grid-template-columns:120px 1fr;gap:16px}.stempel img{width:120px}.contact-wrap{padding:72px var(--gutter) 48px}.maker-kop{padding:32px var(--gutter) 40px}.maker-diensten{padding-bottom:72px}}