:root{--font-heading:"Syne", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--font-mono:"DM Mono", ui-monospace, monospace;--groen:#a7cf41;--groen-licht:#e9f3cf;--bruin:#4b2824;--bruin-diep:#2e1714;--bruin-zacht:#6e4f49;--wit:#fff;--papier:#f7f7f3;--lijn:#4b282429}body{background:var(--papier);color:var(--bruin-diep)}::selection{background:var(--bruin);color:var(--groen)}:focus-visible{outline:2px solid var(--bruin-diep);outline-offset:3px;border-radius:4px}.skip{background:var(--bruin);color:#fff;z-index:50;border-radius:999px;padding:8px 16px;position:absolute;top:-64px;left:16px}.skip:focus{top:16px}.kop{z-index:20;pointer-events:none;justify-content:center;display:flex;position:fixed;top:16px;left:0;right:0}.kop-in{pointer-events:auto;width:min(100% - 32px,1280px);height:64px;transition:width .4s var(--ease-uit), background-color .3s, box-shadow .3s;border-radius:999px;align-items:center;gap:24px;padding:0 8px;display:flex}.kop.is-gescrold .kop-in{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;width:min(100% - 32px,720px);box-shadow:0 12px 32px -16px #2e171459}.merk{font-family:var(--site-serif);letter-spacing:-.02em;color:var(--bruin);align-items:center;gap:12px;font-size:24px;font-weight:800;text-decoration:none;display:flex}.merk span{transition:opacity .25s}.kop:not(.is-gescrold) .merk span{opacity:0}.merk img{object-fit:cover;width:44px;height:44px;box-shadow:0 0 0 2px var(--bruin);background:#fff;border-radius:50%}.kop nav{margin-left:auto}.kop ul{gap:4px;margin:0;padding:0;list-style:none;display:flex}.kop nav a{color:var(--bruin);border-radius:999px;padding:8px 12px;font-size:15px;font-weight:500;text-decoration:none;transition:background-color .15s;display:block}.kop nav a:hover{background:#4b282414}.knop{min-height:48px;transition:transform .15s var(--ease-uit), background-color .15s, color .15s;border-radius:999px;justify-content:center;align-items:center;padding:12px 24px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.knop:active{transform:scale(.97)}.knop-bruin{background:var(--bruin);color:#fff}.knop-bruin:hover{background:var(--bruin-diep);transform:translateY(-1px)}.knop-rand{box-shadow:inset 0 0 0 1.5px var(--bruin);color:var(--bruin)}.knop-rand:hover{background:var(--bruin);color:var(--groen)}.knop-klein{min-height:44px;padding:8px 20px}.hero{background:var(--groen);color:var(--bruin-diep);border-radius:0 0 32px 32px;padding:128px 0 0;overflow:hidden}.hero-in{width:var(--kolom);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:48px;margin-inline:auto;display:grid}.hero-tekst{padding-bottom:64px}.sub{font-size:18px;font-weight:500}.woordmerk{font-family:var(--site-serif);letter-spacing:-.045em;color:var(--bruin);margin-top:8px;margin-bottom:-.12em;padding-bottom:.12em;font-size:clamp(64px,8.4vw,124px);font-weight:800;line-height:.92}.lead{max-width:34ch;margin-top:24px;font-size:20px;line-height:1.5}.acties{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.rating{background:#ffffff8c;border-radius:999px;align-items:center;gap:12px;margin-top:32px;padding:8px 16px 8px 12px;font-size:15px;text-decoration:none;transition:background-color .15s;display:inline-flex}.rating:hover{background:#fff}.sterren{color:var(--bruin);letter-spacing:1px}.boog{align-self:end}.boog img{aspect-ratio:4/5;object-fit:cover;object-position:35% center;border-radius:999px 999px 0 0;width:100%}.kernzin{width:var(--kolom);max-width:1040px;margin:0 auto;padding:128px 0}.inkleur{font-family:var(--site-serif);letter-spacing:-.02em;font-size:clamp(28px,3.8vw,52px);font-weight:600;line-height:1.2}.inkleur span{color:#4b282452;transition:color .3s}.inkleur span.aan{color:var(--bruin)}.keuze{padding:0 0 128px}.keuze-in{width:var(--kolom);margin:0 auto}h2{font-family:var(--site-serif);letter-spacing:-.025em;color:var(--bruin);font-size:clamp(32px,4vw,52px);font-weight:700;line-height:1.1}.chips{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.chips button{background:var(--wit);min-height:44px;box-shadow:inset 0 0 0 1px var(--lijn);color:var(--bruin);transition:background-color .15s, color .15s, transform .15s var(--ease-uit);border-radius:999px;padding:8px 20px;font-weight:500}.chips button:hover{box-shadow:inset 0 0 0 1.5px var(--bruin)}.chips button:active{transform:scale(.97)}.chips button[aria-pressed=true]{background:var(--bruin);color:var(--groen);box-shadow:none}.paneel{background:var(--wit);border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;margin-top:24px;display:grid;overflow:hidden;box-shadow:0 1px 2px #2e17140f,0 16px 40px -24px #2e171440}.paneel-tekst{transition:opacity .16s, transform .2s var(--ease-uit);flex-direction:column;align-items:start;gap:16px;padding:48px;display:flex}.paneel h3{font-family:var(--site-serif);color:var(--bruin);font-size:28px;font-weight:700;line-height:1.2}.paneel p{color:var(--bruin-zacht);max-width:44ch}.paneel .knop{margin-top:16px}.paneel img{object-fit:cover;width:100%;height:100%;min-height:320px;transition:opacity .16s}.paneel.is-wissel .paneel-tekst{opacity:0;transform:translateY(8px)}.paneel.is-wissel img{opacity:0}.tekstlink{color:var(--bruin);text-underline-offset:4px;margin-top:24px;padding:8px 0;font-weight:600;display:inline-block}.binnen{padding:0 0 128px}.binnen-kop{width:var(--kolom);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin:0 auto;display:flex}.binnen-kop p{color:var(--bruin-zacht);max-width:40ch}.strook{padding:0 var(--rand) 16px;scroll-snap-type:x mandatory;scroll-padding:var(--rand);scrollbar-width:thin;scrollbar-color:var(--bruin) transparent;gap:16px;margin:32px 0 0;list-style:none;display:flex;overflow-x:auto}.strook li{scroll-snap-align:start;flex:none}.strook img{aspect-ratio:4/3;object-fit:cover;border-radius:16px;width:auto;height:clamp(260px,36vw,440px)}.strook li.staand img{aspect-ratio:3/4}.strook span{color:var(--bruin-zacht);margin-top:12px;font-size:15px;display:block}.merken{background:var(--groen-licht);padding:96px 0}.merken-in{width:var(--kolom);grid-template-columns:1fr 1fr;gap:48px;margin:0 auto;display:grid}.merken h3{font-family:var(--site-serif);letter-spacing:-.03em;color:var(--bruin);font-size:clamp(32px,4vw,56px);font-weight:800;line-height:1.1}.merken p{color:var(--bruin-zacht);max-width:42ch;margin-top:12px}.contact{background:var(--bruin);color:#fff;padding:128px 0}.contact-in{width:var(--kolom);margin:0 auto}.contact h2{color:var(--groen)}.nummer{font-family:var(--site-serif);letter-spacing:-.04em;white-space:nowrap;color:#fff;font-variant-numeric:tabular-nums;margin-top:16px;font-size:clamp(34px,7vw,104px);font-weight:800;line-height:1;text-decoration:none;transition:color .2s;display:inline-block}.nummer:hover{color:var(--groen)}.contact-rij{color:#ffffffd9;border-top:1px solid #fff3;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:64px;padding-top:32px;display:grid}.contact-rij a{color:#fff;text-underline-offset:4px}.contact-rij a:hover{color:var(--groen)}.voet{background:var(--bruin-diep);color:#ffffffbf;padding:24px var(--rand);font-size:14px}.contact :focus-visible,.voet :focus-visible{outline-color:var(--groen)}.belbalk{display:none}.belbalk[data-belbalk]{opacity:0;transition:transform .3s var(--ease-uit), opacity .2s;margin-bottom:env(safe-area-inset-bottom);transform:translateY(calc(100% + 32px))}.belbalk[data-belbalk].is-zichtbaar{opacity:1;transform:none}@media (width<=959px){.kop nav{display:none}.kop .knop-klein{margin-left:auto}.hero{padding-top:104px}.hero-in{grid-template-columns:1fr;gap:0}.hero-tekst{padding-bottom:48px}.boog{justify-self:center;width:80%}.boog img{aspect-ratio:1}.kernzin{padding:96px 0}.paneel{grid-template-columns:1fr}.paneel-tekst{padding:32px 24px}.paneel img{aspect-ratio:4/3;order:-1;min-height:0}.merken-in,.contact-rij{grid-template-columns:1fr;gap:24px}.contact{padding:96px 0}.belbalk{z-index:30;display:block;position:fixed;bottom:16px;left:16px;right:16px}.belbalk .knop{width:100%;min-height:56px;box-shadow:0 12px 32px -8px #2e171480}.voet{padding-bottom:104px}}@media (width<=479px){.kop .knop-klein{display:none}.lead{font-size:18px}.woordmerk{font-size:16vw}.nummer{font-size:29px;font-weight:700}.paneel h3{overflow-wrap:anywhere;font-size:22px}.acties .knop{flex:100%}}