:root{--font-heading:"Space Grotesk", system-ui, sans-serif;--font-body:"Source Serif 4", Georgia, serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--beton:#edeeeb;--beton-2:#e2e4e0;--grafiet:#26363a;--grafiet-2:#4b5a5e;--grafiet-diep:#1c282b;--oranje:#db5435;--oranje-knop:#c2442a;--wit:#fff;--r:999px}::selection{background:var(--oranje);color:var(--wit)}html{scroll-padding-top:88px}body{background:var(--beton);color:var(--grafiet);font-size:clamp(17px,.35vw + 15.5px,19px);line-height:1.6}h1,h2,h3{font-family:var(--site-serif);letter-spacing:-.03em;text-wrap:balance;font-weight:500;line-height:1.02}p{text-wrap:pretty}.punt{color:var(--oranje)}:focus-visible{outline:2px solid var(--oranje);outline-offset:3px;border-radius:4px}.skip{background:var(--grafiet);color:var(--wit);border-radius:var(--r);z-index:60;padding:10px 16px;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.knop{border-radius:var(--r);min-height:48px;font-family:var(--site-serif);transition:background-color .25s, color .25s, border-color .25s, transform .4s var(--ease-uit);justify-content:center;align-items:center;padding:0 24px;font-size:16px;font-weight:500;text-decoration:none;display:inline-flex}.knop--vol{background:var(--grafiet);color:var(--wit)}.knop--vol:hover{background:var(--oranje-knop)}.knop--lijn{border:1.5px solid var(--grafiet)}.knop--lijn:hover{background:var(--grafiet);color:var(--wit)}.knop:active{transform:scale(.97)}.kop{z-index:40;background:var(--beton);transition:box-shadow .3s;position:sticky;top:0}.kop.is-gescrold{box-shadow:0 1px #26363a24}.kop__binnen{align-items:center;gap:32px;height:80px;display:flex}.kop__logo img{width:62px;height:auto}.kop__nav{font-family:var(--site-serif);gap:28px;margin-left:24px;font-size:16px;display:flex}.kop__nav a{background:linear-gradient(var(--oranje), var(--oranje)) left bottom / 0 1.5px no-repeat;transition:background-size .35s var(--ease-uit);padding:6px 0;text-decoration:none}.kop__nav a:hover{background-size:100% 1.5px}.kop__acties{align-items:center;gap:20px;margin-left:auto;display:flex}.kop__tel{font-family:var(--site-mono);font-size:14px;text-decoration:none}.kop__tel:hover{color:var(--oranje-knop)}.held{padding-top:clamp(28px,5vw,72px)}.held__tekst{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:end;gap:32px 56px;display:grid}.held__titel{letter-spacing:-.045em;font-size:clamp(54px,8.6vw,136px);line-height:.9}.held__titel .regel{padding-bottom:.06em;display:block;overflow:hidden}.held__titel .regel>span{display:inline-block}.held__zij p{color:var(--grafiet-2);max-width:36ch}.held__knoppen{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.band{aspect-ratio:16/7;background:var(--beton-2);border-radius:6px;margin-top:clamp(32px,4vw,56px);position:relative;overflow:hidden}.band img{object-fit:cover;object-position:50% 62%;width:100%;height:100%}.band__lijn{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.band__lijn path{fill:none;stroke:var(--oranje);stroke-width:2.25px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 1px #00000059)}.piket{background:#c9a36b;border-radius:1px 1px 0 0;width:8px;height:34px;margin:-30px 0 0 -4px;position:absolute;box-shadow:0 2px 4px #00000059}.piket:before{content:"";background:var(--oranje);height:7px;position:absolute;inset:0 0 auto}.piket--l{top:37.5%;left:4%}.piket--r{top:52.5%;left:96%}.maat{font-family:var(--site-mono);background:var(--wit);color:var(--grafiet);opacity:0;transition:opacity .6s var(--ease-uit), transform .6s var(--ease-uit);border-radius:4px;padding:7px 10px;font-size:12px;line-height:1;position:absolute;transform:translateY(6px);box-shadow:0 4px 14px #0000002e}.maat--1{top:calc(37.5% + 18px);left:4%}.maat--2{top:calc(52.5% + 18px);right:4%}.band.is-strak .maat{opacity:1;transform:none}.band.is-strak .maat--2{transition-delay:.15s}.band__onder{color:var(--wit);text-shadow:0 1px 6px #0009;font-size:14px;position:absolute;bottom:14px;left:16px}.held__feiten{color:var(--grafiet-2);grid-template-columns:repeat(3,1fr);gap:16px 32px;margin:0;padding:22px 0 0;font-size:16px;list-style:none;display:grid}.held__feiten strong{font-family:var(--site-serif);color:var(--grafiet);font-weight:500}.sectiekop{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end;gap:16px 56px;margin-bottom:clamp(32px,4vw,56px);display:grid}.sectiekop h2{font-size:clamp(38px,5vw,76px)}.sectiekop p{color:var(--grafiet-2);max-width:40ch}.diensten{padding-top:clamp(96px,12vw,176px);position:relative}.lijst{border-bottom:1px solid #26363a40;margin:0;padding:0;list-style:none}.lijst__rij{cursor:default;border-top:1px solid #26363a40;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:baseline;gap:12px 56px;padding:32px 0 36px;transition:color .3s;display:grid}.lijst__rij h3{transition:transform .5s var(--ease-uit);font-size:clamp(30px,3.6vw,54px)}.lijst__rij p{color:var(--grafiet-2);max-width:44ch}.lijst__foto{display:none}@media (hover:hover) and (pointer:fine){.lijst:hover .lijst__rij{color:#26363a61}.lijst:hover .lijst__rij p{color:#4b5a5e73}.lijst .lijst__rij:hover{color:var(--grafiet)}.lijst .lijst__rij:hover p{color:var(--grafiet-2)}.lijst__rij:hover h3{transform:translate(14px)}}.volgfoto{object-fit:cover;pointer-events:none;opacity:0;width:260px;height:330px;transition:opacity .3s, scale .4s var(--ease-uit);z-index:5;border-radius:6px;position:absolute;top:0;left:0;transform:translate(0,0)scale(.9)rotate(-3deg);box-shadow:0 20px 40px #1c282b47}.volgfoto.is-aan{opacity:1}.opbouw{background:var(--grafiet);color:var(--beton);margin-top:clamp(96px,12vw,176px);padding:clamp(72px,9vw,136px) 0}.opbouw__binnen{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:48px 72px;display:grid}.opbouw h2{font-size:clamp(38px,4.6vw,70px)}.opbouw p{color:#c9d2d3;max-width:44ch;margin-top:20px}.opbouw p.klein{color:#9fb0b2;font-size:15px}.doorsnede{border-radius:6px;display:grid;overflow:hidden;box-shadow:0 30px 60px #00000040}.laag{color:var(--wit);justify-content:space-between;align-items:center;gap:16px;padding:0 20px;font-size:15px;display:flex;position:relative}.laag__naam{font-family:var(--site-serif);text-shadow:0 1px 3px #00000073;font-weight:500}.laag__maat{font-family:var(--site-mono);white-space:nowrap;background:#1c282bc7;border-radius:4px;padding:5px 9px;font-size:13px}.laag--steen{background-color:#7f5a4a;background-image:linear-gradient(90deg,#00000059 2px,#0000 2px),linear-gradient(#ffffff14,#0000001a);background-size:76px 100%,100% 100%;height:84px}.laag--zand{background-color:#cdbb94;background-image:radial-gradient(#785f3273 1px,#0000 1.4px);background-size:6px 6px;height:44px}.laag--zand .laag__naam{color:var(--grafiet-diep);text-shadow:none}.laag--fund{background-color:#8d9192;background-image:radial-gradient(circle at 30% 40%,#ffffff59 2px,#0000 3px),radial-gradient(circle at 70% 70%,#0000004d 2.5px,#0000 3.5px),radial-gradient(circle at 50% 20%,#0000002e 4px,#0000 5px);background-size:18px 16px,23px 21px,31px 27px;height:170px}.laag--grond{background-color:#4b3f33;background-image:repeating-linear-gradient(-35deg,#ffffff0f 0 2px,#0000 2px 14px);height:104px}.doorsnede.is-klaar-voor .laag{opacity:0;transform:translateY(-28px)}.doorsnede.is-gebouwd .laag{opacity:1;transition:opacity .7s var(--ease-uit), transform .9s var(--ease-uit);transform:none}.doorsnede.is-gebouwd .laag--grond{transition-delay:0s}.doorsnede.is-gebouwd .laag--fund{transition-delay:.22s}.doorsnede.is-gebouwd .laag--zand{transition-delay:.44s}.doorsnede.is-gebouwd .laag--steen{transition-delay:.66s}.werk{padding-top:clamp(96px,12vw,176px)}.werk__raster{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(14px,1.6vw,24px);display:grid}.w{grid-column:span 4}.w img{aspect-ratio:4/5;object-fit:cover;background:var(--beton-2);border-radius:6px;width:100%}.w figcaption{color:var(--grafiet-2);margin-top:10px;font-size:15px}.w--groot{grid-column:span 8}.w--groot img{aspect-ratio:4/3;height:calc(100% - 34px)}.w--hoog{grid-column:span 4}.w--hoog img{aspect-ratio:auto;height:calc(100% - 34px)}.robin{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px 72px;padding-top:clamp(96px,12vw,176px);display:grid}.robin__foto img{aspect-ratio:4/3;object-fit:cover;border-radius:6px;width:100%}.robin h2{margin-bottom:20px;font-size:clamp(34px,3.8vw,58px)}.robin p+p{margin-top:16px}.robin p{max-width:52ch}.robin__keur{align-items:center;gap:20px;margin-top:28px;display:flex}.robin__keur img{border-radius:4px;width:auto;height:52px}.reviews{padding-top:clamp(96px,12vw,176px)}.sectiekop--rij{align-items:baseline}.reviews__strook{scroll-snap-type:x mandatory;padding:0 max(var(--rand), calc((100vw - 1280px) / 2)) 24px;scroll-padding-inline:max(var(--rand), calc((100vw - 1280px) / 2));scrollbar-width:thin;scrollbar-color:var(--grafiet) transparent;grid-auto-columns:minmax(280px,380px);grid-auto-flow:column;gap:40px;display:grid;overflow-x:auto}.reviews__strook:focus-visible{outline-offset:-2px}.reviews__strook blockquote{scroll-snap-align:start;border-top:1.5px solid var(--grafiet);margin:0;padding-top:20px}.reviews__strook p{font-size:clamp(19px,1.4vw,22px);line-height:1.45}.reviews__strook footer{font-family:var(--site-serif);color:var(--grafiet-2);margin-top:14px;font-size:15px}.offerte{background:var(--grafiet-diep);color:var(--beton);margin-top:clamp(96px,12vw,176px);padding:clamp(72px,9vw,128px) 0}.offerte__binnen{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px 72px;display:grid}.offerte h2{grid-column:1;font-size:clamp(44px,6vw,96px)}.offerte__intro{color:#c9d2d3;grid-column:1;max-width:38ch}.formulier{grid-area:1/2/span 3;grid-template-columns:1fr 1fr;align-content:start;gap:20px 24px;display:grid}.keuze{border:0;flex-wrap:wrap;grid-column:1/-1;gap:10px;margin:0 0 8px;padding:0;display:flex}.keuze legend{font-family:var(--site-serif);color:#c9d2d3;margin-bottom:12px;padding:0;font-size:15px}.keuze label{position:relative}.keuze input{opacity:0;cursor:pointer;position:absolute;inset:0}.keuze span{border-radius:var(--r);min-height:44px;font-family:var(--site-serif);border:1.5px solid #5d6f73;align-items:center;padding:0 18px;font-size:15px;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.keuze input:checked+span{background:var(--oranje);border-color:var(--oranje);color:var(--wit)}.keuze input:focus-visible+span{outline:2px solid var(--oranje);outline-offset:3px}.veld{font-family:var(--site-serif);color:#c9d2d3;gap:6px;font-size:14px;display:grid}.veld input{font:inherit;font-family:var(--site-sans);color:var(--wit);caret-color:var(--oranje);background:0 0;border:0;border-bottom:1.5px solid #5d6f73;border-radius:0;padding:8px 0;font-size:18px}.veld input:focus{border-color:var(--oranje);outline:none}.formulier .knop{background:var(--oranje-knop);grid-column:1/-1;justify-self:start;margin-top:8px}.formulier .knop:hover{background:var(--wit);color:var(--grafiet)}.formulier__melding{color:#c9d2d3;grid-column:1/-1;min-height:1.5em;font-size:15px}.offerte__wegen{grid-column:1;align-self:end;gap:4px;margin-top:16px;display:grid}.weg{border-top:1px solid #3b4d51;justify-content:space-between;gap:16px;padding:16px 0;text-decoration:none;transition:color .25s;display:flex}.weg:hover{color:var(--oranje)}.weg__wat{font-family:var(--site-serif);color:#9fb0b2;font-size:15px}.weg__waar{font-family:var(--site-mono);font-size:15px}.voet{background:var(--grafiet-diep);color:#9fb0b2;border-top:1px solid #33444a;padding:48px 0 120px;font-size:15px}.voet__binnen{grid-template-columns:auto 1fr 1fr 1fr;align-items:start;gap:32px;display:grid}.voet img{width:56px;height:auto}.voet address{font-style:normal}.balk{display:none}@media (width<=900px){.kop__nav,.kop__tel{display:none}.kop__binnen{height:68px}.kop__acties .knop{min-height:42px;padding:0 18px;font-size:15px}.held__tekst,.sectiekop,.lijst__rij,.opbouw__binnen,.robin,.offerte__binnen{grid-template-columns:minmax(0,1fr)}.held__titel{font-size:clamp(50px,15vw,84px)}.band{aspect-ratio:4/5}.piket--l{top:37.5%}.held__feiten{grid-template-columns:1fr;gap:10px}.lijst__rij{padding:28px 0 32px}.lijst__foto{aspect-ratio:16/10;object-fit:cover;border-radius:6px;width:100%;margin-top:8px;display:block}.volgfoto{display:none}.werk__raster{grid-template-columns:repeat(2,minmax(0,1fr))}.w,.w--hoog{grid-column:span 1}.w--groot{grid-column:1/-1}.w--groot img,.w--hoog img{aspect-ratio:4/3;height:auto}.w--hoog img{aspect-ratio:4/5}.w:last-child{grid-column:1/-1}.w:last-child img{aspect-ratio:16/10}.formulier{grid-area:auto/1;grid-template-columns:minmax(0,1fr)}.offerte__wegen{grid-column:1}.voet__binnen{grid-template-columns:1fr 1fr}.balk{z-index:50;background:var(--grafiet);border-radius:var(--r);transition:transform .5s var(--ease-uit);grid-template-columns:1fr 1.6fr;gap:8px;padding:6px;display:grid;position:fixed;bottom:12px;left:12px;right:12px;transform:translateY(140%);box-shadow:0 12px 30px #1c282b59}.balk.is-aan{transform:none}.balk a{border-radius:var(--r);min-height:46px;color:var(--wit);font-family:var(--site-serif);justify-content:center;align-items:center;font-size:16px;font-weight:500;text-decoration:none;display:flex}.balk__vol{background:var(--oranje-knop)}}@media (prefers-reduced-motion:reduce){.maat,.doorsnede.is-klaar-voor .laag{opacity:1;transform:none}}