:root{--font-heading:"Epilogue", sans-serif;--font-body:"Lora", serif;--font-mono:"JetBrains Mono", monospace;--zwart:#15130f;--zwart-2:#1d1a16;--lijn:#34302a;--tekst:#ece6dc;--zacht:#aaa294;--goud:#c9a46a;--goud-licht:#e2bd7d}html{background:var(--zwart)}body{background:var(--zwart);color:var(--tekst)}::selection{background:var(--goud);color:var(--zwart)}:focus-visible{outline:2px solid var(--goud-licht);outline-offset:3px;border-radius:4px}h1,h2{font-family:var(--site-serif);letter-spacing:-.035em;font-weight:600;line-height:.98}h2{font-size:clamp(34px,4.6vw,68px)}p{max-width:58ch}.naar-inhoud{z-index:50;background:var(--goud);color:var(--zwart);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:.02em;padding:2px 11px;font-size:21px;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.logo:before,.logo:after{content:"";border:2px solid;width:7px;position:absolute;top:0;bottom:0}.logo:before{border-right:0;left:0}.logo:after{border-left:0;right:0}.knop{min-height:52px;font-family:var(--site-serif);letter-spacing:-.01em;transition:background-color .3s, color .3s, border-color .3s, transform .4s var(--ease-uit);border-radius:99px;justify-content:center;align-items:center;gap:10px;padding:0 26px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.knop:active{transform:scale(.98)}.knop-goud{background:var(--goud);color:var(--zwart)}.knop-goud:hover{background:var(--goud-licht)}.knop-lijn{color:var(--tekst);border:1px solid #5a5247}.knop-lijn:hover{border-color:var(--goud)}.knop-klein{min-height:42px;padding:0 18px;font-size:15px}.knoppen{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.kop{z-index:20;padding:20px var(--rand);transition:background-color .4s, padding .4s var(--ease-uit);justify-content:space-between;align-items:center;gap:24px;display:flex;position:fixed;inset:0 0 auto}.kop.is-gescrold{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#15130fdb;padding-block:12px}.kop nav{font-family:var(--site-serif);gap:30px;font-size:15px;display:flex}.kop nav a{color:var(--zacht);text-decoration:none;transition:color .25s}.kop nav a:hover{color:var(--tekst)}.held{align-content:end;min-height:100svh;padding-bottom:28px;display:grid;position:relative;overflow:hidden}.held-steen{position:absolute;inset:0}.held-steen .helft{transition:transform 1.4s var(--ease-uit) 1.15s;position:absolute;left:0;right:0;overflow:hidden}.held-steen .helft svg{width:100%;position:absolute;left:0}.held-steen .boven{height:58%;top:0}.held-steen .boven svg{height:172.41%;top:0}.held-steen .onder{top:58%;bottom:0}.held-steen .onder svg{height:238.1%;top:-138.1%}.held.is-gezaagd .onder{transform:translate(-10px,7px)}.held-steen:after{content:"";background:linear-gradient(90deg,#15130ff0 0%,#15130fb3 45%,#15130f4d 100%),linear-gradient(#15130f00 55%,#15130fe6 100%);position:absolute;inset:0}.zaaglijn{background:var(--goud-licht);transform-origin:0;z-index:1;height:2px;transition:transform 1.2s cubic-bezier(.65,0,.35,1) .2s,opacity .8s 1.6s;position:absolute;top:58%;left:0;right:0;transform:scaleX(0);box-shadow:0 0 18px 2px #e2bd7d99}.held.is-gezaagd .zaaglijn{opacity:.35;transform:scaleX(1)}.held.is-rustig .zaaglijn{opacity:.35}.held-tekst{z-index:2;padding-top:140px;position:relative}.held h1{max-width:11ch;font-size:clamp(54px,9.4vw,148px)}.held-sub{color:#d8d0c3;max-width:44ch;margin-top:26px;font-size:clamp(18px,1.4vw,21px)}.vertrouwen{z-index:2;color:var(--zacht);border-top:1px solid #ece6dc29;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:64px;padding:22px 0 0;font-size:15px;list-style:none;display:grid;position:relative}.vertrouwen b{font-family:var(--site-serif);color:var(--tekst);font-size:16px;font-weight:600;display:block}.fasen{height:420vh;position:relative}.fasen-pin{height:100svh;position:sticky;top:0;overflow:hidden}.fasen-binnen{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:48px;height:100%;padding:96px 0 40px;display:grid}.fasen-teller{font-family:var(--site-serif);color:#6f685d;grid-column:1/-1;gap:28px;margin:0 0 12px;padding:0;font-size:14px;list-style:none;display:flex}.fasen-teller li{transition:color .5s}.fasen-teller span{font-family:var(--site-mono);margin-right:6px;font-size:12px}.fasen-teller .is-actief{color:var(--goud-licht)}.fasen-teksten{align-self:center;min-height:300px;position:relative}.fase-tekst{opacity:0;transition:opacity .6s var(--ease-uit), transform .8s var(--ease-uit);pointer-events:none;position:absolute;inset:0 0 auto;transform:translateY(26px)}.fase-tekst.is-actief{opacity:1;pointer-events:auto;transition-delay:.12s;transform:none}.fase-tekst p{color:#cfc7ba;max-width:40ch;margin-top:22px;font-size:clamp(17px,1.3vw,20px)}.fasen-podium{aspect-ratio:1000/720;align-self:center;width:100%;position:relative}.fase-beeld{opacity:0;transition:opacity .7s var(--ease-uit), transform 1s var(--ease-uit);position:absolute;inset:0;transform:scale(.965)}.fase-beeld.is-actief{opacity:1;transform:none}.fase-beeld svg{width:100%;height:100%}.fase-beeld .label path{stroke:var(--goud);stroke-width:1.2px;fill:none}.fase-beeld .label circle{fill:var(--goud)}.fase-beeld text{fill:var(--tekst);font-family:var(--site-mono);font-size:17px}.fase-beeld .zaag path{fill:none;stroke:var(--goud-licht);stroke-width:2px;stroke-dasharray:10 8;stroke-dashoffset:0}.fase-beeld.is-actief .zaag path{animation:2.4s linear infinite zagen}@keyframes zagen{to{stroke-dashoffset:-72px}}.fase-beeld .stuk text{fill:#d9cfbf;text-anchor:middle;opacity:.85;font-size:15px}.fase-beeld .detail-tekst{fill:var(--goud-licht);font-size:16px}.fase-beeld .maatlijn{color:var(--zacht)}.fase-beeld g[style]{fill:var(--zacht)}.fasen-balk{background:var(--lijn);grid-column:1/-1;height:2px;margin-top:18px}.fasen-balk span{background:var(--goud);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.samenstellen{padding:clamp(96px,12vw,160px) 0 80px}.samen-kop{grid-template-columns:1fr 1fr;align-items:end;gap:40px;display:grid}.samen-kop p{color:var(--zacht);font-size:18px}.samen-raster{grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:start;gap:40px;margin-top:56px;display:grid}.samen-beeld{background:radial-gradient(120% 90% at 50% 40%, #26221c 0%, var(--zwart-2) 60%, var(--zwart) 100%);border:1px solid var(--lijn);color:var(--zacht);border-radius:28px;place-items:center;min-height:340px;padding:40px 12px 20px;display:grid;position:sticky;top:90px}.samen-beeld svg{width:100%}.samen-keuzes{gap:26px;display:grid}.veld{border:0;gap:12px;margin:0;padding:0;display:grid}.veld legend,.veld>label{font-family:var(--site-serif);justify-content:space-between;width:100%;margin-bottom:12px;padding:0;font-size:16px;font-weight:600;display:flex}.veld>label{margin-bottom:0}.veld output{font-family:var(--site-mono);color:var(--goud-licht);font-size:15px;font-weight:400}input[type=range]{width:100%;accent-color:var(--goud);height:28px}.segment{flex-wrap:wrap;gap:8px;display:flex}.segment label,.tegels label{cursor:pointer;position:relative}.segment input,.tegels input{opacity:0;cursor:pointer;position:absolute;inset:0}.segment span{border:1px solid var(--lijn);color:#cfc7ba;border-radius:99px;align-items:center;min-height:44px;padding:0 16px;font-size:15px;transition:border-color .25s,background-color .25s,color .25s;display:inline-flex}.segment label:hover span{border-color:#6a6154}.segment input:checked+span{background:var(--tekst);color:var(--zwart);border-color:var(--tekst)}.segment input:focus-visible+span,.tegels input:focus-visible~.staal{outline:2px solid var(--goud-licht);outline-offset:3px}.tegels{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.tegels label{color:#cfc7ba;gap:8px;font-size:14px;display:grid}.tegels .staal{aspect-ratio:1;border:2px solid #0000;border-radius:14px;transition:border-color .25s;display:block;overflow:hidden}.tegels .staal svg{width:100%;height:100%}.tegels input:checked~.staal{border-color:var(--goud)}.samen-actie{border-top:1px solid var(--lijn);gap:14px;padding-top:22px;display:grid}.samen-samenvatting{font-family:var(--site-mono);color:var(--goud-licht);font-size:14px}.klein{color:var(--zacht);font-size:15px}.klein a,.werk-meer a{color:var(--tekst);text-underline-offset:3px}.eerder{flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:56px;display:flex}.eerder p{color:var(--zacht);font-size:16px}.eerder ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.eerder button{font-family:var(--site-mono);color:#d6cdbf;border:1px dashed #5a5247;border-radius:10px;padding:10px 14px;font-size:13px;transition:border-color .25s,color .25s}.eerder button:hover{border-color:var(--goud);color:var(--tekst)}.werk{border-top:1px solid var(--lijn);padding:clamp(80px,10vw,140px) 0}.werk-lijst{grid-template-columns:repeat(3,1fr);gap:36px 24px;margin:48px 0 0;padding:0;list-style:none;display:grid}.werk-lijst li{gap:4px;display:grid}.werk-lijst .staal{aspect-ratio:16/11;transition:transform .8s var(--ease-uit);border-radius:18px;margin-bottom:14px;display:block;overflow:hidden}.werk-lijst .staal svg{width:100%;height:100%}.werk-lijst li:hover .staal{transform:scale(1.015)}.werk-lijst b{font-family:var(--site-serif);letter-spacing:-.02em;font-size:21px;font-weight:600}.werk-lijst span:not(.staal){color:var(--zacht);font-size:16px}.werk-meer{color:var(--zacht);margin-top:48px}.reviews{padding:clamp(80px,10vw,140px) 0}.reviews-raster{grid-template-columns:1.4fr 1fr 1fr;gap:40px;margin-top:52px;display:grid}.reviews blockquote{border-top:1px solid var(--goud);margin:0;padding-top:22px}.reviews blockquote p{font-size:clamp(18px,1.4vw,21px);font-style:italic;line-height:1.55}.reviews blockquote:first-child p{font-size:clamp(21px,1.8vw,26px);line-height:1.45}.reviews footer{font-family:var(--site-serif);color:var(--zacht);margin-top:18px;font-size:15px}.showroom{background:var(--zwart-2);padding:clamp(72px,9vw,120px) 0}.showroom-raster{grid-template-columns:1.2fr 1fr;align-items:end;gap:56px;display:grid}.showroom p{color:#cfc7ba;margin-top:22px;font-size:18px}.gegevens{gap:18px;margin:0;display:grid}.gegevens div{border-bottom:1px solid var(--lijn);grid-template-columns:110px 1fr;gap:12px;padding-bottom:18px;display:grid}.gegevens dt{font-family:var(--site-serif);color:var(--zacht);font-size:15px}.gegevens dd{margin:0;font-size:18px}.gegevens a{text-decoration:none}.gegevens a:hover{color:var(--goud-licht)}.offerte{text-align:left;padding:clamp(96px,12vw,170px) 0}.offerte h2{max-width:16ch;font-size:clamp(38px,5.4vw,84px)}.offerte p{color:#cfc7ba;margin-top:26px;font-size:19px}.voet{border-top:1px solid var(--lijn);color:var(--zacht);padding:56px 0 120px;font-size:15px}.voet-raster{grid-template-columns:1fr 1fr 1fr 1.3fr;align-items:start;gap:32px;display:grid}.voet .logo{color:var(--tekst);justify-self:start}.voet nav{gap:10px;display:grid}.voet nav a{text-decoration:none}.voet nav a:hover{color:var(--tekst)}.zweef-cta{display:none}@media (width<=900px){.kop nav,.kop .knop-klein{display:none}.held h1{font-size:clamp(48px,14vw,80px)}.vertrouwen{grid-template-columns:1fr;gap:12px;margin-top:44px}.vertrouwen li:nth-child(n+2){display:none}.fasen{height:440vh}.fasen-binnen{grid-template-rows:auto auto 1fr auto;grid-template-columns:1fr;padding:76px 0 26px}.fasen-teller{flex-wrap:wrap;gap:14px;font-size:13px}.fasen-podium{grid-row:2;margin:4px 0 10px}.fasen-teksten{grid-row:3;align-self:start;min-height:240px}.fasen-balk{grid-row:4}.samen-kop,.samen-raster,.showroom-raster{grid-template-columns:1fr}.samen-raster{gap:28px;margin-top:36px}.samen-beeld{z-index:3;border-radius:20px;min-height:0;padding:22px 4px 8px;position:sticky;top:8px}.werk-lijst{grid-template-columns:1fr 1fr;gap:28px 14px}.werk-lijst b{font-size:18px}.werk-lijst span:not(.staal){font-size:14px}.reviews-raster{grid-template-columns:1fr;gap:32px}.voet-raster{grid-template-columns:1fr 1fr}.zweef-cta{white-space:nowrap;z-index:30;display:inline-flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000073}.zweef-cta:active{transform:translate(-50%)scale(.98)}}