:root{--font-heading:"Instrument Serif", serif;--font-body:"Onest", sans-serif;--font-mono:"JetBrains Mono", monospace;--salie:#e3e5df;--salie-2:#d5d8d0;--inkt:#1a1a17;--zacht:#50524b;--goud:#b08328;--goud-tekst:#7d5c14;--creme:#efe9dc;--creme-zacht:#b9b4a8;--r-s:8px;--r-m:12px;--r-l:24px}html{background:var(--salie)}body{background:var(--salie);color:var(--inkt)}::selection{background:var(--inkt);color:var(--creme)}:focus-visible{outline:2px solid var(--inkt);outline-offset:3px;border-radius:4px}.contact :focus-visible{outline-color:var(--creme)}main:focus{outline:none}a{text-underline-offset:3px}.naar-inhoud{z-index:50;background:var(--inkt);color:var(--creme);border-radius:var(--r-s);padding:12px 16px;position:absolute;top:-64px;left:16px}.naar-inhoud:focus{top:16px}.merk{flex-direction:column;gap:4px;line-height:1;text-decoration:none;display:inline-flex}.merk-naam{font-family:var(--site-serif);letter-spacing:-.01em;font-size:28px}.merk-sub{color:var(--zacht);letter-spacing:.02em;font-size:12px}.kop{z-index:20;transition:background-color .3s var(--ease-uit), box-shadow .3s;position:fixed;inset:0 0 auto}.kop.is-gescrold{background:color-mix(in srgb, var(--salie) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px #1a1a1714}.kop-binnen{align-items:center;gap:32px;height:80px;display:flex}.kop-nav{gap:24px;margin-left:auto;display:flex}.kop-nav a{color:var(--zacht);padding:12px 0;font-size:16px;text-decoration:none;transition:color .15s}.kop-nav a:hover{color:var(--inkt)}.knop{white-space:nowrap;min-height:48px;transition:transform .15s var(--ease-uit), background-color .15s, color .15s, border-color .15s;border-radius:999px;justify-content:center;align-items:center;padding:0 24px;font-size:16px;font-weight:500;text-decoration:none;display:inline-flex}.knop:active{transform:scale(.97)}.knop-inkt{background:var(--inkt);color:var(--creme)}.knop-inkt:hover{background:#33332d}.knop-lijn{color:var(--inkt);border:1px solid #1a1a1747}.knop-lijn:hover{border-color:var(--inkt)}.knop-creme{background:var(--creme);color:var(--inkt)}.knop-creme:hover{background:#fff}.knop-lijn-licht{color:var(--creme);border:1px solid #efe9dc4d}.knop-lijn-licht:hover{border-color:var(--creme)}.knop-klein{min-height:44px;padding:0 20px}.held{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:end;gap:64px;padding:144px 0 96px;display:grid}h1{font-family:var(--site-serif);letter-spacing:-.02em;font-size:clamp(48px,7vw,104px);font-weight:400;line-height:.98}h1 .regel{padding-bottom:.06em;display:block;overflow:hidden}h1 .regel>span{display:block}.held-intro{max-width:44ch;color:var(--zacht);margin-top:32px;font-size:19px}.acties{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.held-score{color:var(--zacht);align-items:center;gap:8px;margin-top:24px;font-size:16px;display:flex}.held-score b{color:var(--inkt);font-weight:600}.ster svg,.sterren svg{width:18px;height:18px;fill:var(--goud);display:block}.held-foto-ram{border-radius:var(--r-l);aspect-ratio:3/4;overflow:hidden}.held-foto-ram img{object-fit:cover;width:100%;height:112%}.held-foto figcaption{color:var(--zacht);margin-top:12px;font-size:15px}.verhaal{padding:96px 0 128px}.inkleur{font-family:var(--site-serif);letter-spacing:-.01em;max-width:30ch;font-size:clamp(32px,4.2vw,56px);line-height:1.12}.inkleur .w{opacity:var(--o,.28);transition:opacity .2s linear}.vakwerk{gap:96px;padding-bottom:128px;display:grid}.rij{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;display:grid}.rij-om .rij-foto{order:2}.rij-foto img{aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-l);width:100%}.rij-foto-breed img{aspect-ratio:720/464}.rij-foto{max-width:480px}.rij-om .rij-foto{justify-self:end}.rij-tekst{max-width:44ch}h2,h3{font-family:var(--site-serif);letter-spacing:-.01em;text-wrap:balance;font-weight:400}h3{margin-bottom:16px;font-size:clamp(32px,3.4vw,48px);line-height:1.05}.rij-tekst p{color:var(--zacht)}.reviews{background:var(--salie-2);padding:96px 0 128px}.reviews-binnen{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.sterren{gap:4px;display:flex}.sterren svg{width:28px;height:28px}.reviews h2{max-width:16ch;font-size:clamp(40px,5.6vw,80px);line-height:1}.reviews p{color:var(--zacht);margin-bottom:16px}.contact{background:linear-gradient(var(--salie-2), var(--inkt) 192px);color:var(--creme);padding-top:192px}.contact-raster{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;padding-bottom:128px;display:grid}.contact-foto img{border-radius:var(--r-l)}.contact h2{font-size:clamp(40px,4.8vw,64px);line-height:1.02}.gegevens{gap:16px;margin:32px 0;display:grid}.gegevens div{border-bottom:1px solid #efe9dc24;grid-template-columns:144px minmax(0,1fr);gap:16px;padding-bottom:16px;display:grid}.gegevens dt{color:var(--creme-zacht)}.gegevens dd{margin:0}.contact .acties{margin-top:0}.voet{color:var(--creme-zacht);border-top:1px solid #efe9dc24;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;padding:32px 0 48px;font-size:15px;display:flex}.voet .merk-sub{color:var(--creme-zacht)}.voet .merk-naam{color:var(--creme)}.belbalk{z-index:30;opacity:0;visibility:hidden;transition:transform .3s var(--ease-uit), opacity .2s, visibility 0s .3s;display:none;position:fixed;bottom:16px;left:16px;right:16px;transform:translateY(24px)}.belbalk .knop{width:100%;min-height:56px;box-shadow:0 8px 24px #1a1a174d}.belbalk.is-zichtbaar{opacity:1;visibility:visible;transition:transform .3s var(--ease-uit), opacity .2s, visibility 0s;transform:none}@media (width<=860px){.kop-nav{display:none}.kop-binnen{justify-content:space-between;height:64px}.merk-naam{font-size:24px}.held{grid-template-columns:1fr;gap:48px;padding:112px 0 64px}.held-intro{margin-top:24px;font-size:17px}.held-foto-ram{aspect-ratio:4/5}.verhaal{padding:48px 0 96px}.vakwerk{gap:64px;padding-bottom:96px}.rij{grid-template-columns:1fr;gap:24px}.rij-om .rij-foto{order:0;justify-self:start}.rij-foto{max-width:none}.rij-foto img{aspect-ratio:4/3}.contact{padding-top:128px}.contact-raster{grid-template-columns:1fr;gap:32px;padding-bottom:96px}.gegevens div{grid-template-columns:1fr;gap:4px}.belbalk{display:block}.voet{padding-bottom:112px}}