:root{--font-heading:"Fraunces", serif;--font-body:"Manrope", sans-serif;--font-mono:"JetBrains Mono", monospace;--kalk:#e5e7e0;--kalk-2:#d8dcd2;--wit:#f4f5f1;--inkt:#1e2621;--zacht:#535d56;--lijn:#c4cabf;--messing:#866431;--messing-licht:#b8925a}html{background:var(--kalk)}body{background:var(--kalk);color:var(--inkt)}:focus-visible{outline:2px solid var(--messing);outline-offset:3px;border-radius:4px}h1,h2,h3{font-family:var(--site-serif);letter-spacing:-.025em;font-variation-settings:"opsz" 144, "SOFT" 50;font-weight:380;line-height:1.02}h2{font-size:clamp(34px,4.2vw,60px)}p{max-width:60ch}.naar-inhoud{z-index:50;background:var(--inkt);color:var(--wit);border-radius:99px;padding:10px 16px;position:absolute;top:8px;left:-999px}.naar-inhoud:focus{left:8px}.logo{font-family:var(--site-serif);letter-spacing:.04em;align-items:baseline;gap:8px;font-size:26px;font-weight:500;text-decoration:none;display:inline-flex}.logo small{font-family:var(--site-sans);letter-spacing:.3em;color:var(--zacht);font-size:11px}.knop{border-radius:99px;justify-content:center;align-items:center;min-height:52px;padding:0 26px;font-size:16px;font-weight:600;text-decoration:none;transition:background-color .3s,color .3s;display:inline-flex}.knop-messing{background:var(--messing);color:#fff}.knop-messing:hover{background:#6e5127}.knop-inkt{background:var(--inkt);color:var(--wit)}.knop-inkt:disabled{opacity:.35;cursor:not-allowed}.knop-tekst{text-underline-offset:5px;text-decoration:underline;-webkit-text-decoration-color:var(--messing-licht);text-decoration-color:var(--messing-licht);padding:0 6px}.knop-klein{min-height:42px;padding:0 18px;font-size:15px}.knoppen{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.kop{z-index:20;padding:16px var(--rand);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e5e7e0e6;justify-content:space-between;align-items:center;gap:24px;display:flex;position:sticky;top:0}.kop nav{gap:30px;font-size:15px;display:flex}.kop nav a{color:var(--zacht);text-decoration:none}.kop nav a:hover{color:var(--inkt)}.held{padding-top:clamp(40px,7vw,100px)}.held h1{max-width:12ch;font-size:clamp(50px,8.6vw,140px)}.held-rij{grid-template-columns:1fr auto;align-items:end;gap:40px;margin-top:30px;display:grid}.held-rij p{color:var(--zacht);max-width:46ch;font-size:clamp(17px,1.3vw,20px)}.held-beeld{--open:0;padding-inline:calc(var(--rand) * (1 - var(--open)));margin-top:clamp(40px,6vw,80px)}.badkamer{border-radius:calc(28px * (1 - var(--open)));aspect-ratio:16/6.6;background:linear-gradient(#cfd3c7 0%,#c3c8bb 62%,#b4b9ab 62.2%,#adb2a4 100%);place-items:center;display:grid;position:relative;overflow:hidden}.badkamer .licht{background:radial-gradient(closest-side,#fffcf0a6,#fffcf000);position:absolute;inset:-20% 30% 30% 20%}.badkamer-wastafel{width:min(1100px,80%);margin-top:-2%;position:relative}.badkamer-wastafel svg{width:100%}.bijschrift{left:var(--rand);color:#3e4741;font-size:13px;position:absolute;bottom:18px}.over{padding:clamp(96px,12vw,180px) 0}.inkleur{font-family:var(--site-serif);letter-spacing:-.015em;max-width:30ch;font-size:clamp(26px,3.1vw,46px);font-weight:360;line-height:1.22}.inkleur span{color:#a9b0a7;transition:color .5s}.inkleur span.aan{color:var(--inkt)}.werkwijze{padding-bottom:clamp(80px,10vw,140px)}.tijdlijn{--groei:0;gap:clamp(56px,7vw,96px);margin:56px 0 0;padding:0 0 0 56px;list-style:none;display:grid;position:relative}.tijdlijn:before,.tijdlijn:after{content:"";background:var(--lijn);width:2px;position:absolute;top:6px;bottom:0;left:15px}.tijdlijn:after{background:var(--messing);transform-origin:top;transform:scaleY(var(--groei))}.stap{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:clamp(28px,5vw,80px);display:grid}.stap-tekst{position:relative}.nr{background:var(--kalk);border:2px solid var(--lijn);width:32px;height:32px;color:var(--zacht);z-index:1;border-radius:50%;place-items:center;font-size:14px;font-weight:700;transition:background-color .4s,border-color .4s,color .4s;display:grid;position:absolute;top:2px;left:-56px}.stap.bereikt .nr{background:var(--messing);border-color:var(--messing);color:#fff}.stap h3{font-size:clamp(26px,2.4vw,36px)}.stap p{color:var(--zacht);max-width:42ch;margin-top:14px;font-size:17px}.stap-beeld{aspect-ratio:52/38;background:var(--kalk-2);border-radius:20px;overflow:hidden}.stap-beeld svg{width:100%;height:100%}.tegelvlak{position:relative}.tegelvlak:after{content:"";background:linear-gradient(90deg,#0000 calc(50% - 1px),#fffc 50%,#0000 calc(50% + 1px)),linear-gradient(0deg,#0000 calc(50% - 1px),#fffc 50%,#0000 calc(50% + 1px));position:absolute;inset:0}.gezaagd{background:var(--kalk-2);position:relative}.gezaagd span{transition:transform 1.2s var(--ease-uit);position:absolute;inset:0}.gezaagd span:first-child{clip-path:polygon(0 0,100% 0,100% 38%,0 52%)}.gezaagd span:last-child{clip-path:polygon(0 52%,100% 38%,100% 100%,0 100%)}.stap.bereikt .gezaagd span:last-child{transform:translate(14px,16px)}.gezaagd span svg{width:100%;height:100%}.gezaagd .zaag{width:100%;height:100%;position:absolute;inset:0}.gezaagd .zaag line{stroke:var(--messing-licht);stroke-width:2px;stroke-dasharray:8 6;vector-effect:non-scaling-stroke}.hoek{background:linear-gradient(#d1d5ca,#c3c8bb)}.eind{background:linear-gradient(#d1d5ca,#c3c8bb);place-items:center;display:grid}.keuzehulp{background:var(--wit);padding:clamp(80px,10vw,140px) 0}.keuze-raster{grid-template-columns:1.1fr 1fr;align-items:start;gap:clamp(32px,5vw,80px);display:grid}.keuze-intro p{color:var(--zacht);margin-top:18px;font-size:18px}.keuze-voorbeeld{color:var(--zacht);margin-top:32px}.keuze-voorbeeld svg{width:100%}.kaart{background:var(--kalk);border-radius:28px;gap:18px;padding:clamp(24px,3vw,40px);display:grid}.kaart-stand{color:var(--messing);font-size:14px;font-weight:600}.kaart-balk{background:var(--lijn);border-radius:3px;height:3px;overflow:hidden}.kaart-balk span{background:var(--messing);transform-origin:0;height:100%;transition:transform .5s var(--ease-uit);display:block;transform:scaleX(0)}.vraag{border:0;min-height:250px;margin:0;padding:0;display:none}.vraag.is-actief{animation:in .5s var(--ease-uit);align-content:start;gap:18px;display:grid}@keyframes in{0%{opacity:0;transform:translateY(10px)}}.vraag legend{font-family:var(--site-serif);margin-bottom:18px;padding:0;font-size:clamp(24px,2.2vw,32px);line-height:1.1}.opties{grid-template-columns:1fr 1fr;gap:10px;display:grid}.opties label{position:relative}.opties input{opacity:0;cursor:pointer;position:absolute;inset:0}.opties span{background:var(--wit);cursor:pointer;border:1.5px solid #0000;border-radius:14px;align-items:center;gap:12px;min-height:54px;padding:0 18px;font-weight:600;transition:border-color .2s,background-color .2s;display:flex}.opties label:hover span{border-color:var(--lijn)}.opties input:checked+span{border-color:var(--messing);background:#fbf8f1}.opties input:focus-visible+span{outline:2px solid var(--messing);outline-offset:2px}.opties-tegel i{border-radius:8px;flex:none;width:34px;height:34px;display:block;overflow:hidden}.opties-tegel i svg{width:100%;height:100%}.opties-tegel i.leeg{border:1.5px dashed var(--zacht)}.anders{color:var(--zacht);align-items:center;gap:10px;font-size:15px;display:flex}.anders input{border:1.5px solid var(--lijn);background:var(--wit);width:110px;min-height:44px;font:inherit;color:var(--inkt);border-radius:10px;padding:0 12px}.anders input:focus{border-color:var(--messing);outline:none}.klaar-kop{font-family:var(--site-serif);font-size:clamp(26px,2.4vw,34px)}.klaar-samen{font-size:18px}.klein{color:var(--zacht);font-size:15px}.klein a{color:var(--inkt)}.kaart-nav{border-top:1px solid var(--lijn);justify-content:space-between;align-items:center;padding-top:18px;display:flex}.terug{color:var(--zacht);min-height:44px;padding:0 4px;font-weight:600}.terug:disabled{visibility:hidden}.reviews{padding:clamp(80px,10vw,140px) 0}.reviews-rij{grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,56px);margin-top:48px;display:grid}.reviews blockquote{margin:0}.reviews blockquote p{font-family:var(--site-serif);font-size:clamp(20px,1.7vw,25px);font-weight:360;line-height:1.35}.reviews blockquote p:before{content:"“";color:var(--messing-licht);margin-bottom:12px;font-size:64px;line-height:.6;display:block}.reviews footer{color:var(--zacht);margin-top:16px;font-size:14px}.bezoek{background:var(--inkt);color:var(--kalk);padding:clamp(72px,9vw,120px) 0}.bezoek-raster{grid-template-columns:1.4fr 1fr;align-items:end;gap:48px;display:grid}.bezoek p{color:#b9c1ba;margin-top:20px;font-size:18px}.bezoek address{gap:6px;font-size:18px;font-style:normal;display:grid}.bezoek address span:first-child{font-family:var(--site-serif);margin-bottom:6px;font-size:24px}.bezoek address a{color:var(--kalk);text-underline-offset:4px;-webkit-text-decoration-color:var(--messing-licht);text-decoration-color:var(--messing-licht)}.voet{color:var(--zacht);flex-wrap:wrap;justify-content:space-between;gap:18px;padding:28px 0 110px;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)}.zweef{display:none}@media (width<=900px){.kop nav,.kop .knop-klein{display:none}.held h1{font-size:clamp(46px,13vw,76px)}.held-rij,.keuze-raster,.bezoek-raster,.reviews-rij{grid-template-columns:1fr}.held-rij{gap:24px}.badkamer{aspect-ratio:4/3.4}.badkamer-wastafel{width:128%;margin-top:10%}.bijschrift{display:none}.tijdlijn{padding-left:46px}.tijdlijn:before,.tijdlijn:after{left:13px}.nr{width:28px;height:28px;font-size:13px;left:-46px}.stap{grid-template-columns:1fr;gap:20px}.keuze-voorbeeld{display:none}.opties{grid-template-columns:1fr}.vraag{min-height:0}.zweef{white-space:nowrap;z-index:30;display:inline-flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #1e26214d}}