:root{--font-heading:"Hanken Grotesk", sans-serif;--font-body:"Hanken Grotesk", sans-serif;--bg:#f5f5f3;--inkt:#1a1a18;--zacht:#5a5a55;--lijn:#e0dfda;--goud:#b8892b}body{background:var(--bg);color:var(--inkt)}::selection{background:var(--inkt);color:var(--bg)}:focus-visible{outline:2px solid var(--inkt);outline-offset:3px;border-radius:4px}main{max-width:1040px;padding:96px 0 64px}.voor{text-transform:uppercase;letter-spacing:.04em;font-size:15px}.merk-l{color:var(--zacht)}.merk-g{color:var(--goud);font-weight:700}h1{letter-spacing:-.02em;margin-top:24px;font-size:clamp(36px,5.2vw,56px);font-weight:600;line-height:1.05}.lead{max-width:62ch;color:var(--zacht);margin-top:24px;font-size:19px}.vergelijk{grid-template-columns:1fr 1fr;gap:16px;margin-top:64px;display:grid}.kolomblok{border:1px solid var(--lijn);background:#fff;border-radius:16px;padding:24px}.kolomblok h3{margin-bottom:12px;font-size:17px;font-weight:600}.kolomblok ul{color:var(--zacht);gap:8px;margin:0;padding-left:20px;display:grid}.straks{background:var(--inkt);color:#f1efe9;border-color:var(--inkt)}.straks ul{color:#c9c6be}.straks li::marker{color:var(--goud)}.richtingen{margin-top:96px}.richtingen h2{letter-spacing:-.01em;margin-bottom:32px;font-size:clamp(28px,3.4vw,40px);font-weight:600}.richting{border-top:1px solid var(--lijn);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:48px;padding:32px 0;display:grid}.richting-beeld{transition:transform .3s var(--ease-uit), box-shadow .3s;border-radius:12px;display:block;overflow:hidden;box-shadow:0 12px 32px #1a1a181f}.richting-beeld:hover{transform:translateY(-4px);box-shadow:0 16px 40px #1a1a1829}.richting-tekst h3{letter-spacing:-.01em;align-items:center;gap:12px;font-size:28px;font-weight:600;display:flex}.letter{background:var(--inkt);color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:17px;display:inline-grid}.richting-tekst p{color:var(--zacht);max-width:44ch;margin:16px 0 24px}.knop{background:var(--inkt);color:#fff;min-height:48px;transition:transform .15s var(--ease-uit), background-color .15s;border-radius:999px;align-items:center;padding:0 24px;font-weight:600;text-decoration:none;display:inline-flex}.knop:hover{background:#3a3a35}.knop:active{transform:scale(.97)}.voet{border-top:1px solid var(--lijn);color:var(--zacht);max-width:70ch;margin-top:64px;padding-top:24px;font-size:15px}@media (width<=760px){main{padding-top:64px}.lead{font-size:17px}.vergelijk,.richting{grid-template-columns:1fr}.richting{gap:24px}}