:root{--font-heading:"Syne", sans-serif;--font-body:"DM Sans", sans-serif;--font-mono:"DM Mono", monospace}body{--bg:#f2efe9;--vlak:#e7e2d9;--inkt:#1c1b18;--zacht:#5f5a52;--lijn:#cfc8bc;--accent:#7d5f33}body[data-steen=noisette]{--bg:#e8dfd3;--vlak:#ddd1c1;--inkt:#2a2119;--zacht:#5e5143;--lijn:#c6b7a4;--accent:#6a4b2f}body[data-steen=black]{--bg:#171614;--vlak:#211f1c;--inkt:#efe9df;--zacht:#aaa294;--lijn:#3a3631;--accent:#d0ae76}html{background:#f2efe9}body{background:var(--bg);color:var(--inkt);transition:background-color .9s var(--ease-uit), color .9s var(--ease-uit)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}h1,h2,h3{font-family:var(--site-serif);letter-spacing:-.02em;font-weight:700;line-height:.95}h2{font-size:clamp(34px,4.4vw,64px)}p{max-width:56ch}.naar-inhoud{z-index:50;background:var(--inkt);color:var(--bg);border-radius:8px;padding:10px 16px;position:absolute;top:8px;left:-999px}.naar-inhoud:focus{left:8px}.logo{font-family:var(--site-serif);letter-spacing:.08em;border-inline:2px solid;padding:1px 10px;font-size:22px;font-weight:800;text-decoration:none}.knop{border-radius:6px;align-items:center;min-height:50px;padding:0 24px;font-size:16px;font-weight:600;text-decoration:none;transition:background-color .3s,color .3s,border-color .3s;display:inline-flex}.knop-vol{background:var(--inkt);color:var(--bg)}.knop-vol:hover{background:var(--accent);color:var(--bg)}.knop-lijn{border:1px solid var(--inkt)}.knop-lijn:hover{background:var(--vlak)}.knop-klein{min-height:40px;padding:0 16px;font-size:15px}.knoppen{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.kop{z-index:20;padding:16px var(--rand);background:var(--bg);transition:background-color .9s var(--ease-uit), box-shadow .3s;justify-content:space-between;align-items:center;gap:24px;display:flex;position:sticky;top:0}.kop.is-gescrold{box-shadow:0 1px 0 var(--lijn)}.kop nav{gap:28px;font-size:15px;display:flex}.kop nav a{color:var(--zacht);text-decoration:none}.kop nav a:hover{color:var(--inkt)}.held{padding:clamp(28px,5vw,64px) 0 0}.held-kop{letter-spacing:-.035em;font-size:clamp(54px,7.4vw,124px);font-weight:800;line-height:.88}.held-kop span{display:block}.held-kop span+span{color:var(--accent);padding-left:.9em;font-weight:400;transition:color .9s}.held-onder{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:end;gap:40px;margin-top:-40px;display:grid}.held-tekst p{color:var(--zacht);font-size:clamp(17px,1.3vw,20px)}.held-beeld{color:var(--zacht);margin:0}.podium svg{width:100%}.held-beeld figcaption{border-top:1px solid var(--lijn);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-top:14px;display:flex}.nu{font-family:var(--site-mono);color:var(--inkt);font-size:14px}.kiezer{flex-wrap:wrap;gap:8px;display:flex}.kiezer button{border:1px solid var(--lijn);border-radius:99px;align-items:center;gap:8px;min-height:44px;padding:4px 14px 4px 4px;font-size:14px;transition:border-color .3s;display:inline-flex}.kiezer button span{border-radius:50%;width:34px;height:34px;display:block;overflow:hidden}.kiezer button span svg{width:100%;height:100%}.kiezer button[aria-pressed=true]{border-color:var(--inkt);box-shadow:inset 0 0 0 1px var(--inkt)}.strook{border-top:1px solid var(--lijn);color:var(--zacht);flex-wrap:wrap;gap:10px 40px;margin:48px 0 0;padding:18px 0 0;font-size:15px;list-style:none;display:flex}.strook li:before{content:"";border:1.5px solid var(--accent);vertical-align:2px;width:7px;height:7px;margin-right:10px;display:inline-block;transform:rotate(45deg)}.hoe{height:340vh;margin-top:clamp(80px,10vw,140px)}.hoe-pin{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);height:100svh;padding-top:92px;display:grid;position:sticky;top:0;overflow:hidden}.hoe-spoor{width:max-content;padding:0 var(--rand);will-change:transform;align-items:center;gap:4vw;margin:0;list-style:none;display:flex}.paneel{border-top:1px solid var(--lijn);flex:0 0 min(62vw,860px);grid-template-columns:1.3fr 1fr;align-items:center;gap:36px;padding-top:28px;display:grid}.paneel svg{width:100%;overflow:visible}.paneel .teken path,.paneel .teken circle{fill:none;stroke:var(--inkt);stroke-width:1.6px;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.6s cubic-bezier(.65,0,.35,1)}.paneel .teken .ader{stroke:var(--accent);stroke-width:1.2px;transition-delay:.6s}.paneel .teken .snede{stroke:var(--accent);stroke-width:2px;transition-delay:.5s}.paneel.is-getekend .teken path,.paneel.is-getekend .teken circle{stroke-dashoffset:0}.paneel text{font-family:var(--site-mono);fill:var(--accent);font-size:16px}.nr{font-family:var(--site-mono);color:var(--accent);font-size:14px}.paneel h3{margin:10px 0 14px;font-size:clamp(26px,2.4vw,38px)}.paneel p{color:var(--zacht)}.maten{padding:clamp(80px,10vw,140px) 0}.maten-kop{grid-template-columns:1fr 1fr;align-items:end;gap:40px;display:grid}.maten-kop p{color:var(--zacht);font-size:18px}.maten-raster{grid-template-columns:1fr 1.2fr;align-items:start;gap:56px;margin-top:56px;display:grid}.bakken{grid-template-columns:1fr 1fr;gap:28px 20px;display:grid}.bakken figure{margin:0}.bakken svg{width:100%}.bakken rect{fill:var(--vlak);stroke:var(--inkt);stroke-width:1.2px;transition:fill .9s}.bakken rect.bak{fill:var(--bg);stroke:var(--accent);stroke-width:1.6px}.bakken figcaption{margin-top:10px;font-size:15px}.specs{border-top:1px solid var(--inkt);margin:0}.specs div{border-bottom:1px solid var(--lijn);grid-template-columns:170px 1fr;gap:16px;padding:16px 0;display:grid}.specs dt{font-weight:600}.specs dd{font-family:var(--site-mono);color:var(--zacht);margin:0;font-size:15px}.specs a{color:var(--inkt)}.aanbod{background:var(--vlak);padding:clamp(72px,9vw,120px) 0;transition:background-color .9s}.aanbod-raster{grid-template-columns:1fr 2fr;gap:40px;display:grid}.aanbod-lijst{margin:0;padding:0;list-style:none}.aanbod-lijst li{border-bottom:1px solid var(--lijn);justify-content:space-between;align-items:baseline;gap:20px;padding:18px 0;display:flex}.aanbod-lijst b{font-family:var(--site-serif);letter-spacing:-.02em;font-size:clamp(24px,2.6vw,40px);font-weight:700}.aanbod-lijst span{color:var(--zacht);text-align:right;font-size:15px}.werk{padding:clamp(80px,10vw,130px) 0 0}.werk-kop{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.werk-kop a{color:var(--inkt);text-underline-offset:4px}.werk-strook{padding:0 var(--rand) 20px;scroll-snap-type:x mandatory;scroll-padding-inline:var(--rand);scrollbar-width:thin;gap:18px;margin:36px 0 0;list-style:none;display:flex;overflow-x:auto}.werk-strook li{scroll-snap-align:start;flex:0 0 clamp(220px,24vw,340px);gap:4px;display:grid}.werk-strook li>span{aspect-ratio:42/52;border-radius:4px;margin-bottom:10px;display:block;overflow:hidden}.werk-strook li>span svg{width:100%;height:100%}.werk-strook b{font-family:var(--site-serif);font-size:20px}.werk-strook small{font-family:var(--site-mono);color:var(--zacht);font-size:13px}.reviews{grid-template-columns:1.6fr 1fr;align-items:end;gap:56px;padding:clamp(80px,10vw,140px) 0;display:grid}.reviews blockquote{margin:0}.groot p{font-family:var(--site-serif);letter-spacing:-.015em;max-width:26ch;font-size:clamp(26px,2.9vw,44px);font-weight:500;line-height:1.12}.reviews-klein{gap:28px;display:grid}.reviews-klein p{font-size:17px}.reviews footer{font-family:var(--site-mono);color:var(--zacht);margin-top:14px;font-size:13px}.contact{border-top:1px solid var(--lijn);padding:clamp(72px,9vw,120px) 0}.contact-raster{grid-template-columns:1.1fr 1fr;align-items:start;gap:56px;display:grid}.contact p{color:var(--zacht);margin-top:20px;font-size:18px}.specs-contact div{grid-template-columns:120px 1fr}.voet{border-top:1px solid var(--lijn);color:var(--zacht);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:28px 0 40px;font-size:14px;display:flex}.voet nav{flex-wrap:wrap;gap:18px;display:flex}.voet nav a{text-decoration:none}.voet nav a:hover{color:var(--inkt)}@media (width<=900px){.kop nav{display:none}.held-kop{font-size:clamp(46px,13.4vw,80px)}.held-kop span+span{padding-left:0}.held-onder,.maten-kop,.maten-raster,.aanbod-raster,.reviews,.contact-raster{grid-template-columns:1fr}.held-onder{gap:20px;margin-top:16px}.held-beeld{order:-1;margin-inline:-12px}.strook{flex-direction:column;gap:8px;margin-top:32px}.hoe{height:auto}.hoe-pin{height:auto;padding-top:0;position:static;overflow:visible}.hoe-spoor{flex-direction:column;gap:40px;width:auto;margin-top:32px}.paneel{flex:none;grid-template-columns:1fr;gap:16px;width:100%}.paneel svg{max-width:340px}.specs div{grid-template-columns:1fr;gap:4px}.aanbod-lijst li{flex-direction:column;gap:4px}.aanbod-lijst span{text-align:left}}