:root{--papier:#eceee6;--papier-diep:#e2e5da;--inkt:#15211b;--inkt-zacht:#58645c;--lijn:#cdd1c4;--accent:#b86f0e;--accent-diep:#935708;--radius:999px}::selection{background:var(--accent);color:var(--papier)}html{background:var(--papier)}body{background:var(--papier);color:var(--inkt)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.skip{background:var(--inkt);color:var(--papier);z-index:100;border-radius:8px;padding:10px 16px;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.kop{z-index:50;transition:background .5s,box-shadow .5s;position:sticky;top:0}.kop.is-gescrold{background:color-mix(in srgb, var(--papier) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--lijn)}.kop-rij{transition:padding .5s var(--ease-uit);align-items:center;gap:40px;padding:18px 0;display:flex}.kop.is-gescrold .kop-rij{padding:10px 0}.merk{font-family:var(--site-serif);letter-spacing:-.01em;align-items:center;gap:12px;font-size:26px;font-weight:500;text-decoration:none;display:inline-flex}.kop-nav{gap:28px;margin-left:12px;display:flex}.kop-nav a{color:var(--inkt);font-size:15px;text-decoration:none;position:relative}.kop-nav a:after{content:"";background:var(--inkt);height:1.5px;transition:right .4s var(--ease-uit);position:absolute;bottom:-5px;left:0;right:100%}.kop-nav a:hover:after{right:0}.kop-rij>.knop{margin-left:auto}.knop{border-radius:var(--radius);white-space:nowrap;transition:transform .5s var(--ease-uit), background .3s, color .3s, border-color .3s;align-items:center;gap:10px;padding:13px 22px;font-size:15.5px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.knop:hover{transform:translateY(-1px)}.knop-vol{background:var(--inkt);color:var(--papier)}.knop-vol:hover{background:#000}.knop-rand{border:1px solid var(--lijn);color:var(--inkt)}.knop-rand:hover{border-color:var(--inkt)}.knop-groot{padding:18px 30px;font-size:17px}.hero{padding-top:clamp(40px,8vh,96px)}.hero-status{color:var(--inkt);border:1px solid var(--lijn);border-radius:var(--radius);background:color-mix(in srgb, var(--papier) 60%, white);align-items:center;gap:10px;padding:8px 16px 8px 12px;font-size:14.5px;display:inline-flex}.puntje{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 45%, transparent);border-radius:50%;animation:2.6s ease-out infinite puls}@keyframes puls{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 45%, transparent)}70%{box-shadow:0 0 0 9px #0000}to{box-shadow:0 0 #0000}}.hero-kop{font-family:var(--site-serif);letter-spacing:-.03em;font-variation-settings:"opsz" 144;max-width:12ch;margin-top:36px;font-size:clamp(46px,7.4vw,112px);font-weight:400;line-height:.98}.hero-kop .regel{display:block}.hero-kop .accent{color:var(--accent)}.hero-kop em{font-variation-settings:"opsz" 144, "SOFT" 60;font-style:italic}.hero-onder{justify-content:space-between;align-items:flex-end;gap:40px;margin-top:40px;display:flex}.hero-tekst{max-width:46ch;color:var(--inkt-zacht);font-size:clamp(17px,1.2vw,20px);line-height:1.5}.hero-acties{flex-shrink:0;gap:12px;display:flex}.hero-beeld{width:var(--kolom);aspect-ratio:16/10;border-radius:22px;margin:48px auto 0;transition:width .2s linear,border-radius .2s linear;position:relative;overflow:hidden}.hero-beeld img{object-fit:cover;width:100%;height:100%}.stempel{width:130px;height:130px;color:var(--papier);background:color-mix(in srgb, var(--inkt) 55%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:50%;animation:24s linear infinite draai;position:absolute;top:28px;right:28px}.stempel text{font-family:var(--site-sans);letter-spacing:.12em;text-transform:uppercase;fill:currentColor;font-size:12.5px}@keyframes draai{to{transform:rotate(360deg)}}.intro{padding:clamp(80px,12vh,150px) 0 clamp(40px,6vh,80px)}.intro-rij{grid-template-columns:1fr minmax(0,11fr);display:grid}.intro-groot{font-family:var(--site-serif);letter-spacing:-.015em;grid-column:2;max-width:30ch;font-size:clamp(24px,2.6vw,38px);font-weight:400;line-height:1.3}.sectie-kop{font-family:var(--site-serif);letter-spacing:-.025em;max-width:18ch;font-size:clamp(34px,4vw,58px);font-weight:400;line-height:1.05}section{scroll-margin-top:80px}.aanbod{padding:clamp(60px,10vh,120px) 0}.aanbod-lijst{border-top:1px solid var(--lijn);margin:48px 0 0;padding:0;list-style:none}.aanbod-lijst li{border-bottom:1px solid var(--lijn);grid-template-columns:56px minmax(0,3fr) minmax(0,6fr) auto;align-items:baseline;gap:24px;padding:30px 0;display:grid}.aanbod-nr{font-family:var(--site-serif);color:var(--accent);font-variation-settings:"opsz" 9;font-size:22px}.aanbod-lijst h3{font-family:var(--site-serif);letter-spacing:-.02em;font-size:clamp(24px,2.2vw,32px);font-weight:500}.aanbod-lijst p{color:var(--inkt-zacht);max-width:54ch}.aanbod-prijs{white-space:nowrap;font-variant-numeric:tabular-nums;justify-self:end;font-size:15px}.aanbod-noot{color:var(--inkt-zacht);max-width:60ch;margin-top:22px;font-size:15px}.werkwijze{background:var(--papier-diep);padding:clamp(70px,11vh,140px) 0}.werk-rij{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:clamp(40px,7vw,120px);display:grid}.werk-tekst{position:sticky;top:100px}.werk-intro{color:var(--inkt-zacht);max-width:36ch;margin-top:18px}.werk-beeld{aspect-ratio:4/5;border-radius:18px;max-width:380px;margin-top:40px;overflow:hidden}.werk-beeld img{object-fit:cover;width:100%;height:100%}.tijdlijn{--vul:0%;margin:0;padding:0 0 0 40px;list-style:none;position:relative}.tijdlijn:before{content:"";background:var(--lijn);width:1.5px;position:absolute;top:8px;bottom:8px;left:7px}.tijdlijn:after{content:"";width:1.5px;height:calc((100% - 16px) * var(--vul) / 100);background:var(--inkt);transition:height .1s linear;position:absolute;top:8px;left:7px}.tijdlijn li{padding:0 0 48px;position:relative}.tijdlijn li:last-child{padding-bottom:0}.tijdlijn li:before{content:"";background:var(--papier-diep);border:1.5px solid var(--lijn);border-radius:50%;width:15px;height:15px;transition:background .4s,border-color .4s;position:absolute;top:8px;left:-40px}.tijdlijn li.is-actief:before{background:var(--inkt);border-color:var(--inkt)}.tijdlijn h3{font-family:var(--site-serif);letter-spacing:-.02em;font-size:clamp(24px,2.2vw,30px);font-weight:500}.tijdlijn p{color:var(--inkt-zacht);max-width:48ch;margin-top:10px}.tijd{color:var(--accent-diep);margin-top:12px;font-size:14px;display:inline-block}.reken{padding:clamp(70px,11vh,140px) 0}.reken-rij{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:clamp(40px,6vw,100px);margin-top:48px;display:grid}.reken-situatie h3{font-family:var(--site-serif);letter-spacing:-.02em;font-size:clamp(22px,2vw,28px);font-weight:500}.reken-situatie p{color:var(--inkt-zacht);max-width:48ch;margin-top:16px}.reken-tabel{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.reken-tabel th{text-align:left;border-bottom:1px solid var(--lijn);color:var(--inkt-zacht);padding:18px 0;font-weight:400}.reken-tabel td{text-align:right;border-bottom:1px solid var(--lijn);font-family:var(--site-serif);letter-spacing:-.02em;white-space:nowrap;padding:18px 0;font-size:clamp(22px,2vw,28px)}.reken-tabel tr:first-child th,.reken-tabel tr:first-child td{border-top:1px solid var(--lijn)}.reken-tabel .totaal th{color:var(--inkt)}.reken-tabel .totaal td{color:var(--accent);font-size:clamp(30px,3vw,44px)}.reken-noot{color:var(--inkt-zacht);margin-top:24px;font-size:15px}.verhaal{padding:clamp(40px,6vh,80px) 0 clamp(80px,12vh,150px)}.verhaal-rij{grid-template-columns:minmax(0,3fr) minmax(0,8fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.verhaal-portret{aspect-ratio:4/5;border-radius:50% 50% 18px 18px/40% 40% 18px 18px;max-width:320px;overflow:hidden}.verhaal-portret img{object-fit:cover;width:100%;height:100%}.verhaal-citaat{margin:0}.verhaal-citaat p{font-family:var(--site-serif);letter-spacing:-.015em;font-variation-settings:"opsz" 72;max-width:28ch;font-size:clamp(24px,2.6vw,38px);line-height:1.28}.verhaal-citaat footer{flex-direction:column;gap:2px;margin-top:28px;display:flex}.verhaal-citaat footer span{color:var(--inkt-zacht);font-size:15px}.cta{background:var(--inkt);color:var(--papier);padding:clamp(90px,14vh,170px) 0}.cta-rij{text-align:left;max-width:760px}.cta-kop{font-family:var(--site-serif);letter-spacing:-.03em;font-size:clamp(40px,5.4vw,80px);font-weight:400;line-height:1.02}.cta-kop em{color:var(--accent);font-style:italic}.cta p{color:#b9c0b7;max-width:48ch;margin-top:24px;font-size:18px}.cta-acties{flex-wrap:wrap;align-items:center;gap:20px;margin-top:36px;display:flex}.cta .knop-vol{background:var(--papier);color:var(--inkt)}.cta .knop-vol:hover{background:#fff}.cta-naast{color:#b9c0b7;font-size:15px}.voet{border-top:1px solid var(--lijn);padding:56px 0 40px}.voet-rij{grid-template-columns:minmax(0,6fr) minmax(0,4fr);align-items:start;gap:40px;display:grid}.voet strong{font-family:var(--site-serif);font-size:24px;font-weight:500}.voet p{color:var(--inkt-zacht);max-width:44ch;margin-top:10px;font-size:15.5px}.voet nav{justify-items:start;gap:10px;display:grid}.voet nav a{font-size:15.5px;text-decoration:none}.voet nav a:hover{text-underline-offset:4px;text-decoration:underline}.voet-klein{grid-column:1/-1;margin-top:30px;font-size:13.5px}@media (width<=900px){.kop-nav{display:none}.hero-onder{flex-direction:column;align-items:flex-start;gap:24px}.intro-rij{grid-template-columns:1fr}.intro-groot{grid-column:1}.aanbod-lijst li{grid-template-columns:36px minmax(0,1fr);gap:8px 16px}.aanbod-lijst p{grid-column:2}.aanbod-prijs{color:var(--accent-diep);grid-column:2;justify-self:start}.werk-rij,.reken-rij,.verhaal-rij,.voet-rij{grid-template-columns:1fr}.werk-tekst{position:static}.werk-beeld{display:none}.verhaal-portret{max-width:200px}}@media (width<=560px){.kop-rij{gap:12px}.kop-rij>.knop{padding:11px 16px;font-size:14px}.merk span{display:none}.hero{padding-top:28px}.hero-status{font-size:13px}.hero-kop{max-width:none;margin-top:24px;font-size:clamp(42px,12.5vw,56px)}.hero-acties{flex-direction:column;align-items:stretch;width:100%}.hero-acties .knop{justify-content:center}.hero-beeld{aspect-ratio:4/5;border-radius:16px;margin-top:32px}.stempel{width:96px;height:96px;top:16px;right:16px}.stempel text{font-size:13.5px}.reken-tabel th{padding-right:12px;font-size:15px}.cta-acties{flex-direction:column;align-items:flex-start}}