:root{--font-heading:"Clash Display", system-ui, sans-serif;--font-body:"Satoshi", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--antraciet:#262b30;--antraciet-2:#323840;--kalk:#f5f2ed;--wit:#fff;--cognac:#c98a4b;--cognac-donker:#8f5524;--r:999px}body{--bg:var(--antraciet);--fg:var(--kalk);--fg-2:#b3b8bd;--lijn:#f5f2ed29;--accent:var(--cognac);background:var(--bg);color:var(--fg);transition:background-color .5s var(--ease-uit), color .5s var(--ease-uit)}body[data-thema=licht],main [data-thema=licht]{--bg:var(--kalk);--fg:var(--antraciet);--fg-2:#5a6168;--lijn:#262b3024;--accent:var(--cognac-donker)}main [data-thema=donker]{--bg:var(--antraciet);--fg:var(--kalk);--fg-2:#b3b8bd;--lijn:#f5f2ed29;--accent:var(--cognac)}main [data-thema]{color:var(--fg)}html{background:var(--antraciet)}::selection{background:var(--cognac);color:var(--antraciet)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.skip{z-index:50;background:var(--cognac);color:var(--antraciet);border-radius:var(--r);padding:8px 16px;position:absolute;top:-64px;left:16px}.skip:focus{top:16px}.mono{font-family:var(--site-mono);letter-spacing:.02em;color:var(--fg-2);font-size:13px}.sectiekop{font-family:var(--site-serif);letter-spacing:-.02em;max-width:18ch;font-size:clamp(32px,4.4vw,60px);font-weight:500;line-height:1.05}.kop{z-index:20;transition:background-color .3s,color .5s;position:fixed;inset:0 0 auto}.kop.is-gescrold{background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.kop__in{align-items:center;gap:32px;height:72px;display:flex}.merk{font-family:var(--site-serif);letter-spacing:-.02em;font-size:26px;font-weight:600;line-height:1;text-decoration:none}.merk span{color:var(--accent);margin-right:2px;font-weight:400}.kop__nav{gap:24px;margin-left:auto;display:flex}.kop__nav a{color:var(--fg-2);font-size:15px;text-decoration:none;transition:color .2s}.kop__nav a:hover{color:var(--fg)}.knop{border-radius:var(--r);background:var(--cognac);min-height:48px;color:var(--antraciet);transition:transform .15s var(--ease-uit), background-color .2s;justify-content:center;align-items:center;padding:0 24px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.knop:hover{background:#d89c60;transform:translateY(-1px)}.knop:active{transform:scale(.98)}.knop--klein{min-height:40px;padding:0 16px;font-size:15px}.knop--rand{color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg-2);background:0 0}.knop--rand:hover{background:color-mix(in srgb, var(--fg) 8%, transparent)}.hero{background:var(--antraciet);padding-top:144px;overflow:hidden}.hero__kop{font-family:var(--site-serif);letter-spacing:-.035em;margin-top:16px;font-size:clamp(44px,8.4vw,128px);font-weight:500;line-height:.95}.hero__kop .regel{padding-bottom:.05em;display:block;overflow:hidden}.hero__kop span[data-onthul]{display:inline-block}.hero__rij{gap:24px;margin-top:32px;display:grid}.hero__lead{color:var(--fg-2);max-width:42ch;font-size:18px}.hero__acties{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.score{color:var(--fg-2);align-items:center;gap:8px;min-height:48px;font-size:15px;text-decoration:none;display:inline-flex}.score b{color:var(--fg);font-family:var(--site-serif);font-size:20px;font-weight:600}.score span{color:var(--cognac)}.score:hover{color:var(--fg)}@media (width>=900px){.hero__rij{grid-template-columns:1fr auto;align-items:end}}.ramen{grid-template-columns:1fr 1fr;align-items:end;gap:16px;margin-top:64px;display:grid}.raam{border:6px solid var(--wit);background:var(--antraciet-2);border-bottom:0;border-radius:999px 999px 0 0;margin:0;overflow:hidden}.raam img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease-uit)}.raam:hover img{transform:scale(1.03)}.raam--groot{aspect-ratio:3/3.4;grid-column:1/-1}.raam:not(.raam--groot){aspect-ratio:3/4.2}.raam--groot img{object-position:76% 40%}@media (width>=900px){.ramen{grid-template-columns:1.5fr 1fr 1fr;gap:24px;margin-top:96px}.raam--groot{aspect-ratio:3/3.6;grid-column:auto}.raam:not(.raam--groot){aspect-ratio:3/4.4}.raam{border-width:8px}}.tafel{background:linear-gradient(180deg, var(--antraciet) 0, var(--kalk) 128px);padding:192px 0 96px}.tafel__in{gap:24px;display:grid}.tafel__lead{color:var(--fg-2);max-width:46ch;font-size:18px}.tafel__breed{margin-top:48px}.tafel__breed img{aspect-ratio:1800/810;object-fit:cover;border-radius:16px;width:100%}.tafel__breed figcaption{margin-top:12px}@media (width>=900px){.tafel__in{grid-template-columns:1fr 1fr;align-items:end;gap:64px}}.reviews{background:var(--kalk);padding:64px 0 128px}.reviews__in{align-items:center;gap:32px;display:grid}.reviews__cijfer{font-family:var(--site-serif);letter-spacing:-.05em;color:var(--accent);font-size:clamp(120px,20vw,280px);font-weight:600;line-height:.8}.reviews__cijfer span{color:var(--fg-2);letter-spacing:0;margin-left:8px;font-size:.25em}.reviews__tekst p{color:var(--fg-2);max-width:42ch;margin:16px 0 24px}@media (width>=900px){.reviews__in{grid-template-columns:auto 1fr;gap:96px}}.bezoek{background:linear-gradient(180deg, var(--kalk) 0, var(--antraciet) 128px);padding:192px 0 128px}.bezoek__in{align-items:center;gap:48px;display:grid}.bezoek__gevel img{aspect-ratio:890/565;object-fit:cover;border-radius:16px;width:100%}.gegevens{margin:32px 0;padding:0;list-style:none}.gegevens li{border-bottom:1px solid var(--lijn);grid-template-columns:96px 1fr;align-items:baseline;gap:16px;padding:16px 0;display:grid}.gegevens a{font-variant-numeric:tabular-nums;text-decoration:none}.gegevens .mono{font-family:var(--site-sans);letter-spacing:0;font-size:15px}.gegevens .ster{color:var(--cognac);font-weight:700}.gegevens a:hover{color:var(--cognac)}@media (width>=900px){.bezoek__in{grid-template-columns:7fr 5fr;gap:96px}}.voet{border-top:1px solid var(--lijn);padding:32px 0 112px}.voet__in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.voet a{text-decoration:none}.belbalk{z-index:30;border-radius:var(--r);background:var(--cognac);min-height:56px;color:var(--antraciet);justify-content:center;align-items:center;gap:12px;font-weight:700;text-decoration:none;display:flex;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 8px 24px #0000004d}.belbalk .mono{color:var(--antraciet)}.belbalk:active{transform:scale(.98)}@media (width>=900px){.belbalk{display:none}.voet{padding-bottom:32px}}@media (width<=899px){.kop__nav{display:none}.kop .knop--klein{margin-left:auto}}