:root{--font-heading:"Syne", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--font-mono:"DM Mono", ui-monospace, monospace;--nacht:#0f1830;--nacht-2:#18233f;--geel:#f6c623;--geel-diep:#dcab00;--maan:#f1efe8;--maan-zacht:#aab0c2;--lila:#e6e0f3;--lila-inkt:#1d1530;--lila-zacht:#4f4566;--rood:#c1272d;--groen:#1b7a43;--bg:var(--nacht);--tekst:var(--maan);--zacht:var(--maan-zacht)}.keuken{--bg:var(--lila);--tekst:var(--lila-inkt);--zacht:var(--lila-zacht)}html{background:var(--nacht)}body{background:var(--nacht);color:var(--maan)}.keuken{background:var(--lila);color:var(--tekst)}.zin{background:linear-gradient(to bottom, var(--nacht) 0%, var(--nacht) 55%, #2b2f55 75%, var(--lila) 100%)}.contact{background:linear-gradient(to bottom, var(--lila) 0%, #2b2f55 18%, var(--nacht) 38%)}::selection{background:var(--geel);color:var(--nacht)}:focus-visible{outline:2px solid var(--geel);outline-offset:3px;border-radius:4px}.keuken :focus-visible{outline-color:var(--lila-inkt)}.kop{z-index:20;transition:background-color .3s;position:fixed;inset:0 0 auto}.kop.is-gescrold{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1830db}.kop-in{height:72px;padding-inline:var(--rand);align-items:center;gap:32px;display:flex}.merk{font-family:var(--site-serif);letter-spacing:-.01em;font-size:20px;font-weight:800;text-decoration:none}.nav{gap:24px;margin-left:auto;display:flex}.nav a{color:var(--zacht);padding:8px 0;font-size:16px;text-decoration:none;transition:color .15s}.nav a:hover{color:var(--tekst)}.knop{white-space:nowrap;min-height:48px;transition:transform .15s var(--ease-uit), background-color .2s, border-color .2s;border-radius:999px;justify-content:center;align-items:center;padding:0 24px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.knop:active{transform:scale(.97)}.knop-geel{background:var(--geel);color:var(--nacht)}.knop-geel:hover{background:var(--geel-diep)}.knop-rand{border:1px solid color-mix(in srgb, var(--tekst) 40%, transparent);color:var(--tekst)}.knop-rand:hover{border-color:var(--tekst)}.hero{padding:120px var(--rand) 64px}.woordmerk{font-family:var(--site-serif);color:var(--geel);letter-spacing:-.04em;font-weight:800;line-height:.82;display:grid}.wm-regel{padding-bottom:.04em;display:block;overflow:hidden}.wm{font-size:var(--wm,9.2vw);white-space:nowrap;text-transform:uppercase;transform-origin:0 100%;display:inline-block}.hero-onder{justify-items:start;gap:24px;margin-top:32px;display:grid}.hero-tekst{max-width:40ch;color:var(--zacht);font-size:18px}.hero-knoppen{flex-wrap:wrap;gap:12px;display:flex}.hero-beeld{aspect-ratio:16/8;border-radius:16px;margin-top:64px;overflow:hidden}.hero-beeld img{object-fit:cover;object-position:30% 50%;width:100%;height:112%}.zin{padding:96px var(--rand) 256px}.inkleur{font-family:var(--site-serif);letter-spacing:-.025em;max-width:22ch;font-size:clamp(30px,4.4vw,68px);font-weight:700;line-height:1.12}.inkleur .w{color:#3a4566;transition:color .25s}.inkleur .w.aan{color:var(--maan)}.inkleur .w.geel{color:var(--geel)}.keuken{padding:128px var(--rand)}.sectie-kop{font-family:var(--site-serif);letter-spacing:-.04em;font-size:clamp(44px,7vw,112px);font-weight:800;line-height:.9}.keuken-raster{grid-template-rows:auto auto;grid-template-columns:5fr 6fr;gap:24px;margin-top:48px;display:grid}.bord{border-radius:16px;position:relative;overflow:hidden}.bord img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-uit)}.bord:hover img{transform:scale(1.03)}.bord-hoog{aspect-ratio:1;grid-row:span 2}.bord:not(.bord-hoog){aspect-ratio:4/3}.contact-knoppen{flex-wrap:wrap;gap:12px;margin-top:40px;display:flex}.bord figcaption{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--maan);background:#0f1830c7;border-radius:12px;flex-wrap:wrap;align-items:baseline;gap:8px;padding:12px 16px;font-size:16px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.bord figcaption b{font-family:var(--site-serif);color:var(--geel);font-weight:800}.beoordeling{align-self:end;padding:8px 0}.cijfer{font-family:var(--site-serif);letter-spacing:-.04em;font-size:clamp(72px,9vw,140px);font-weight:800;line-height:.9}.sterren{letter-spacing:3px;color:#c9c0dd;margin:8px 0;font-size:24px;line-height:1;display:inline-block;position:relative}.sterren .vol{width:var(--vul);white-space:nowrap;color:var(--lila-inkt);position:absolute;inset:0;overflow:hidden}.beoordeling p:not(.cijfer):not(.sterren){color:var(--zacht)}.link{text-underline-offset:6px;margin-top:16px;padding:8px 0;font-weight:600;text-decoration:underline;text-decoration-thickness:2px;transition:text-underline-offset .2s;display:inline-block}.link:hover{text-underline-offset:3px}.contact{padding:128px var(--rand) 96px}.contact-kop{font-family:var(--site-serif);letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-size:clamp(40px,8.2vw,150px);font-weight:800;line-height:.9}.contact-kop span{white-space:nowrap}.contact-kop a{color:var(--geel);text-decoration:none;transition:color .2s}.contact-kop a:hover{color:var(--maan)}.gegevens{border-top:1px solid #2c3757;grid-template-columns:repeat(3,1fr);gap:32px;margin:64px 0 0;padding-top:24px;display:grid}.gegevens dt{color:var(--maan);margin-bottom:8px;font-size:14px;font-weight:600}.gegevens dd{color:var(--maan-zacht);margin:0;font-size:18px}.gegevens .link{margin-top:0;padding:0}.voet{padding:32px var(--rand);border-top:1px solid #2c3757;justify-content:space-between;align-items:center;display:flex}.voet .merk{color:var(--maan);font-size:18px}.tricolore{border-radius:999px;width:72px;height:6px;display:flex;overflow:hidden}.tricolore i{flex:1}.tricolore i:first-child{background:var(--groen)}.tricolore i:nth-child(2){background:var(--maan)}.tricolore i:nth-child(3){background:var(--rood)}.belbalk{display:none}@media (width<=900px){.nav{display:none}.kop .knop{min-height:44px;margin-left:auto;padding:0 18px}.hero{padding:104px var(--rand) 48px}.hero-beeld{aspect-ratio:4/3;margin-top:40px}.zin{padding:64px var(--rand) 96px}.keuken{padding:96px var(--rand)}.keuken-raster{grid-template-columns:1fr}.bord-hoog{aspect-ratio:1;grid-row:auto}body{padding-bottom:calc(64px + 16px + env(safe-area-inset-bottom))}.contact-knoppen .knop{flex:100%}.bord figcaption{padding:8px 12px;font-size:14px;bottom:8px;left:8px;right:8px}.contact{padding:96px var(--rand) 64px}.gegevens{grid-template-columns:1fr;gap:24px;margin-top:40px}.contact-kop{font-size:13vw}.contact-kop span{display:block}.belbalk{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;height:64px;transition:transform .3s var(--ease-uit), opacity .2s;background:#0f1830e6;border-radius:999px;gap:8px;padding:8px;display:flex;position:fixed;transform:translateY(calc(100% + 40px));box-shadow:0 8px 32px #00000059}.belbalk.is-aan{opacity:1;transform:none}.belbalk .knop{flex:1}.belbalk .knop-rand{color:var(--maan);border-color:#f1efe859}}@media (width<=480px){.kop .knop{font-size:0}.kop .knop:after{content:"Bellen";font-size:15px}.hero-knoppen .knop{flex:100%}}:root{scroll-behavior:auto}section[id]{scroll-margin-top:80px}