:root{--font-heading:"Cormorant Garamond", Georgia, serif;--font-body:"Hanken Grotesk", system-ui, sans-serif;--font-mono:"DM Mono", ui-monospace, monospace;--papier:#f3eee5;--inkt:#17140f;--grijs:#6a6358;--lijn:#d8cfbf;--rood:#b3261e;--achter:var(--papier);--voor:var(--inkt);--zacht:var(--grijs)}body{background:var(--achter);color:var(--voor);transition:background-color .9s var(--ease-uit), color .9s var(--ease-uit)}body.is-donker{--achter:#100e0b;--voor:#f3eee5;--zacht:#b5ab9b;--lijn:#3a342b}::selection{background:var(--rood);color:#fff}:focus-visible{outline:2px solid var(--rood);outline-offset:3px;border-radius:4px}.label{font-family:var(--site-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--zacht);font-size:12px}em{font-style:italic}.sterren{color:var(--rood);letter-spacing:1px}.knop{background:var(--rood);color:#fff;letter-spacing:.01em;white-space:nowrap;min-height:48px;transition:transform .4s var(--ease-uit), background .3s;border-radius:999px;justify-content:center;align-items:center;padding:0 24px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.knop:hover{background:#9c1f18;transform:translateY(-2px)}.knop-lijn{color:var(--voor);background:0 0;box-shadow:inset 0 0 0 1px}.knop-lijn:hover{background:var(--voor);color:var(--achter)}.knop-klein{min-height:40px;padding:0 18px;font-size:14px}.tekstlink{text-underline-offset:5px;-webkit-text-decoration-color:var(--rood);text-decoration-color:var(--rood);color:inherit;margin-top:16px;font-size:15px;display:inline-block}.kop{z-index:20;padding:12px var(--rand);background:color-mix(in srgb, var(--achter) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background-color .9s var(--ease-uit);grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:sticky;top:0}.kop-links{gap:26px;display:flex}.kop-links a{color:var(--zacht);font-size:15px;text-decoration:none}.kop-links a:hover{color:var(--voor)}.merk img{width:52px;height:52px;transition:opacity .6s}.merk{width:52px;height:52px;display:block;position:relative}.merk-wit{opacity:0;position:absolute;inset:0}body.is-donker .merk-wit{opacity:1}body.is-donker .merk-zwart{opacity:0}.kop .knop{justify-self:end}.hero{padding-top:clamp(40px,7vw,100px)}.hero-tekst{text-align:center;justify-items:center;display:grid}.hero h1{font-family:var(--site-serif);letter-spacing:-.02em;max-width:14ch;margin-top:22px;font-size:clamp(48px,7.6vw,124px);font-weight:500;line-height:.95}.hero h1 .regel{padding-bottom:.08em;display:block;overflow:hidden}.hero h1 .regel>span{display:inline-block}.hero h1 em{color:var(--rood)}.acties{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;display:flex}.hero-beeld{aspect-ratio:16/8;border-radius:4px;margin-top:clamp(48px,6vw,88px);overflow:hidden}.hero-beeld img{object-fit:cover;object-position:50% 55%;width:100%;height:100%}.strook{color:var(--zacht);border-top:1px solid var(--lijn);flex-wrap:wrap;justify-content:space-between;gap:12px 28px;margin:18px auto 0;padding:18px 0 0;font-size:15px;list-style:none;display:flex}.strook b{color:var(--voor);font-weight:700}.paal{width:var(--kolom);background:repeating-linear-gradient(-55deg, var(--rood) 0 10px, var(--papier) 10px 20px, var(--inkt) 20px 30px, var(--papier) 30px 40px);opacity:.9;border-radius:3px;height:6px;margin:clamp(80px,10vw,140px) auto 0}.vak{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(32px,6vw,96px);padding:clamp(64px,9vw,130px) 0;display:grid}.vak h2,.zaak h2{font-family:var(--site-serif);letter-spacing:-.015em;margin-top:16px;font-size:clamp(36px,4.4vw,64px);font-weight:500;line-height:1}.vak h2 em,.zaak h2 em{color:var(--zacht)}.kaart{border-top:1px solid var(--voor);margin:0}.kaart>div{border-bottom:1px solid var(--lijn);grid-template-columns:1fr 1.3fr;align-items:baseline;gap:24px;padding:26px 0;display:grid}.kaart dt{font-family:var(--site-serif);font-size:clamp(34px,3.4vw,50px);font-style:italic;font-weight:500;line-height:1}.kaart dd{color:var(--zacht);margin:0}.zaak{padding:clamp(80px,11vw,160px) 0}.zaak-raster{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,6vw,96px);display:grid}.zaak-beeld{aspect-ratio:4/4.8;border-radius:4px;overflow:hidden}.zaak-beeld img{object-fit:cover;width:100%;height:100%}.embleem{width:132px;transition:filter .9s var(--ease-uit);margin-bottom:36px}body:not(.is-donker) .embleem{filter:invert()}.zaak-tekst>p:not(.label){color:var(--zacht);max-width:42ch;margin-top:20px}.cta{text-align:center;justify-items:center;padding:clamp(100px,14vw,200px) 0;display:grid}.cta h2{font-family:var(--site-serif);letter-spacing:-.02em;max-width:13ch;margin-top:20px;font-size:clamp(46px,7vw,112px);font-weight:500;line-height:.98}.cta mark{color:var(--rood);background:0 0}.telefoon{font-family:var(--site-mono);letter-spacing:.04em;border-bottom:2px solid var(--rood);margin-top:36px;padding-bottom:6px;font-size:clamp(22px,2.4vw,32px);text-decoration:none}.voet{border-top:1px solid var(--lijn);padding:56px 0 110px}.voet-raster{grid-template-columns:repeat(4,1fr);gap:32px;display:grid}.voet p:not(.label){margin-top:10px}.voet a{text-underline-offset:4px}.slot{border-top:1px solid var(--lijn);font-family:var(--site-serif);color:var(--zacht);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:64px;padding-top:18px;font-size:22px;font-style:italic;display:flex}.belknop{display:none}@media (width<=900px){.kop-links{display:none}.kop{grid-template-columns:auto 1fr}.vak,.zaak-raster,.voet-raster{grid-template-columns:1fr}.hero-beeld{aspect-ratio:4/3.4}.strook{justify-content:flex-start}.voet-raster{grid-template-columns:1fr 1fr}.belknop{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:30;background:var(--rood);color:#fff;opacity:0;pointer-events:none;min-height:56px;transition:opacity .4s, transform .5s var(--ease-uit);border-radius:999px;justify-content:center;align-items:center;padding:0 28px;font-weight:600;text-decoration:none;display:inline-flex;position:fixed;transform:translateY(16px);box-shadow:0 10px 30px #17140f4d}body.is-verder .belknop{opacity:1;pointer-events:auto;transform:none}}@media (width<=480px){.hero h1{font-size:clamp(44px,12.4vw,58px)}.acties .knop{flex:100%}.kaart>div{grid-template-columns:1fr;gap:8px}.voet-raster{grid-template-columns:1fr;gap:24px}.strook{grid-template-columns:1fr 1fr;font-size:14px;display:grid}}