@layer tokens,base,layout,components,utilities;@layer tokens{:root{--t-xs: var(--tekst-xs);--t-s: var(--tekst-s);--t-mono: var(--tekst-mono);--t-m: var(--tekst-basis);--t-l: var(--tekst-m);--t-xl: var(--tekst-l);--t-proof: var(--tekst-proof);--inkt-2: var(--inkt-blauw);--kader: var(--kader-breedte);--goot: 1.5rem;--sectie: clamp(4.5rem, 8.5vw, 8rem);--staat-duur: var(--hover-duur)}}@layer components{.op-diep{background:var(--diep);color:var(--wit)}.op-licht{background:var(--licht);color:var(--inkt-basis)}.op-diep a{color:var(--blauw-ijs)}.op-diep :focus-visible{outline-color:var(--groen-licht)}.zacht{color:var(--inkt-2)}.op-diep .zacht{color:var(--blauw-bleek)}.op-licht .mono,.op-diep .mono{font-weight:400;font-size:var(--t-mono)}.telling{font-variant-numeric:tabular-nums;font-weight:500}.op-diep .telling{color:var(--blauw-bleek)}.sectiekop{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.75rem 2rem;margin-block-end:3.25rem}.sectiekop h2{max-inline-size:24ch}.sectievoet{margin-block-start:3.25rem}.leeg{color:var(--inkt-2)}.op-diep .leeg{color:var(--blauw-bleek)}.knop.knop-blauw{background:var(--blauw-actie);border-color:var(--blauw-actie);color:var(--wit)}.knop-blauw:hover,.knop-blauw:focus-visible{background:var(--blauw-helder);border-color:var(--blauw-helder);color:var(--inkt-basis);transform:translateY(-2px)}.stempel{display:inline-block;padding:.3em .55em;background:var(--stempel-oker);color:var(--inkt-basis);font-family:var(--font-tekst);font-size:var(--t-xs);font-weight:600;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;vertical-align:middle}.hero{position:relative;display:grid;align-content:end;min-block-size:min(88vh,54rem);overflow:hidden;background:var(--licht)}.hero-grond{position:absolute;inset:0;pointer-events:none}.hero-grond img{inline-size:100%;block-size:100%;object-fit:cover;object-position:50% 42%}.hero-lus{display:none}@media(prefers-reduced-motion:no-preference){.hero-lus{display:block;position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;object-position:50% 42%}}.hero-plaats{position:relative;display:grid;justify-items:start;padding-block-end:clamp(2.5rem,7vh,4.5rem)}.hero-plaat{display:grid;gap:1.5rem;justify-items:start;max-inline-size:42rem;padding:clamp(2.5rem,5vw,3.5rem) clamp(1.75rem,4vw,3rem) clamp(1.75rem,4vw,2.75rem);background:var(--wit);clip-path:polygon(0 clamp(1rem,2.2vw,2.2rem),100% 0,100% 100%,0 100%)}.hero-payoff{margin-block-end:-.5rem;font-family:var(--font-mono);font-weight:500;font-size:var(--t-m);letter-spacing:.04em;color:var(--blauw-tekst)}.hero h1{max-inline-size:14ch;font-size:clamp(2.4rem,4.2vw,3.6rem)}.hero-sub{max-inline-size:48ch;font-size:var(--t-m);color:var(--inkt-2)}.hero-ingangen{display:flex;flex-wrap:wrap;gap:.75rem}.bewijs{padding-block:var(--sectie) 0}.bewijs .sectiekop{margin-block-end:2rem}.bewijs-split{position:relative;display:grid;grid-template-columns:minmax(0,58fr) minmax(0,42fr);align-items:stretch}.bewijs-split:before{content:"";position:absolute;inset:0;background:var(--blauw-bleek);clip-path:polygon(0 0,100% 5.24vw,100% 100%,0 100%)}.bewijs-proofs{position:relative;display:grid;align-content:center;padding-block:clamp(3.5rem,6vw,5.5rem);padding-inline-start:max(calc((100% - var(--kader)) / 2),var(--marge));padding-inline-end:clamp(2rem,4vw,4rem)}.bewijs-laag{position:relative;z-index:var(--i);background:var(--licht-2);max-inline-size:44rem;margin-inline-start:calc(var(--i) * clamp(1rem,4vw,4rem))}.bewijs-laag+.bewijs-laag{margin-block-start:-1rem}.bewijs-laag:nth-child(2n){background:var(--wit)}.bewijs-fotokolom{z-index:4;margin-inline-start:calc(-1*clamp(2rem,4vw,4.5rem));clip-path:polygon(clamp(2rem,4vw,4.5rem) 0,100% 0,100% 100%,0 100%);min-block-size:min(96vh,60rem)}.bewijs-fotokolom .foto-scherm{opacity:.15}.bewijs-norm{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding:.625rem 1.5rem;background:var(--blauw-helder);color:var(--inkt-basis)}.bewijs-laag:nth-child(2n) .bewijs-norm{background:var(--groen)}.bewijs-norm .mono{font-weight:500}.bewijs-body{display:grid;gap:1rem;padding:1.75rem 1.75rem 2rem}.bewijs-waarde{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .5rem;font-family:var(--font-display);font-optical-sizing:auto;font-weight:800;font-size:var(--t-proof);line-height:1;letter-spacing:-.03em;color:var(--diep);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.bewijs-eenheid{font-size:var(--t-xl);font-weight:700;letter-spacing:-.01em}.bewijs-uitspraak{font-size:var(--t-l);font-weight:600;line-height:1.25;text-wrap:pretty}.bewijs-meta{display:grid;gap:.375rem;font-size:var(--t-s)}.bewijs-meta div{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:.75rem}.bewijs-meta dt{color:var(--inkt-2);font-weight:500}.bewijs-meta .mono{font-size:var(--t-s)}.catalogus{padding-block:var(--sectie)}.catalogus-stapel{display:grid;list-style:none;padding:0}.product-rij{position:relative;z-index:var(--i);display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:1.5rem;padding:1.5rem 1.75rem;background:var(--wit);--bus-grond: var(--wit);margin-inline-start:calc(var(--i) * var(--stap));margin-inline-end:calc((var(--n) - 1 - var(--i)) * var(--stap))}.product-rij+.product-rij{margin-block-start:-.75rem}.product-rij:nth-child(2n){background:var(--licht-2);--bus-grond: var(--licht-2)}.product-beeld{display:grid;justify-items:center}.product-kader{--stap: .5rem;position:relative;inline-size:6rem;aspect-ratio:1 / .92}.product-kader .zeshoek-voor{padding:16% 27% 18%;background:var(--licht-2);--bus-grond: var(--licht-2)}.product-rij:nth-child(2n) .product-kader .zeshoek-voor{background:var(--wit);--bus-grond: var(--wit)}.product-kader .bus{block-size:100%;inline-size:auto;max-block-size:3.75rem}.product-code{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-block-end:.375rem}.product-code .mono{font-weight:500;color:var(--diep)}.product-naam h3{font-size:var(--t-xl)}.product-samenvatting{margin-block-start:.375rem;max-inline-size:48ch;font-size:var(--t-s);color:var(--inkt-2)}.product-specs{display:grid;gap:.5rem;font-size:var(--t-s);margin:0}.product-specs div{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:.5rem;align-items:baseline}.product-specs dt{color:var(--inkt-2);font-weight:500}.product-specs dd{white-space:nowrap;margin:0}.product-link{white-space:nowrap}.foto-laag{position:relative;overflow:hidden}.foto-laag img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover}.foto-scherm{position:absolute;inset:0;background:var(--diep);opacity:.3;transition:opacity var(--staat-duur) ease-out}.sectoren{position:relative;overflow:hidden;padding-block:var(--sectie) calc(var(--sectie) + 5.24vw);clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 5.24vw))}.sectoren-inhoud{position:relative}.sectoren-waaier{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;list-style:none;padding:0}.sector-laag{position:relative;isolation:isolate;display:flex;flex-direction:column;overflow-wrap:anywhere;background:var(--diep-2)}.sector-laag:nth-child(3n+2){background:var(--blauw)}.sector-laag:nth-child(3n){background:var(--diep)}.sector-beeld{position:relative;overflow:hidden;aspect-ratio:3 / 2}.sector-beeld img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover}.sector-scherm{position:absolute;inset:0;background:var(--diep-2);opacity:.3;transition:opacity var(--staat-duur) ease-out}.sector-laag:nth-child(3n+2) .sector-scherm{background:var(--blauw);opacity:.35}.sector-laag:nth-child(3n) .sector-scherm{background:var(--diep)}.sector-tekst{flex:1;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem 1.25rem 1.375rem;color:var(--wit);background:var(--diep-2)}.sector-laag:nth-child(3n+2) .sector-tekst{background:var(--blauw)}.sector-laag:nth-child(3n) .sector-tekst{background:var(--groen-donker)}.sector-laag h3{font-size:var(--t-xl);text-wrap:balance}.sector-voorwie{font-size:var(--t-s)}.sector-telling{font-weight:500}.sector-laag .sector-link{margin-block-start:auto;padding-block-start:.25rem;color:var(--wit);font-weight:600;text-decoration-color:var(--wit)}.sector-link:after{content:"";position:absolute;inset:0}.sector-overzicht{display:flex}.sector-overzicht:nth-child(3n+2){grid-column:span 2}.sector-overzicht:nth-child(3n+1){grid-column:1 / -1}.sector-overzicht a{position:relative;flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:.5rem;padding:1.25rem 1.25rem 1.375rem;border:1px solid var(--lijn-sterk);color:var(--wit);text-decoration:none}.sector-overzicht-titel{font-family:var(--font-display);font-optical-sizing:auto;font-weight:700;font-size:var(--t-xl);letter-spacing:-.01em}.sector-overzicht-link{font-weight:600;text-decoration:underline;text-decoration-color:var(--wit)}.bevatniet{padding-block:var(--sectie)}.bevatniet-raster{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:calc(var(--stap) + 1.5rem);align-items:start}.uitsparingen{position:relative;isolation:isolate;padding:1.25rem .5rem .5rem;color:var(--inkt-basis)}.uitsparingen:before{content:"";position:absolute;z-index:-2;inset:var(--stap) calc(-1 * var(--stap)) calc(-1 * var(--stap)) var(--stap);background:var(--diep)}.uitsparingen:after{content:"";position:absolute;z-index:-1;inset:0;background:var(--blauw-helder)}.uitsparingen-kop{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding-inline:.75rem;margin-block-end:1rem;font-weight:600}.uitsparingen-laag{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;list-style:none;padding:0}.uitsparing{display:grid;gap:.375rem;align-content:start;padding:1.5rem;background:var(--diep);color:var(--wit)}.uitsparing h3{font-size:1.25rem;line-height:1.2}.uitsparing-cas{font-size:var(--t-s);color:var(--groen-licht)}.uitsparing-cas .mono{font-size:var(--t-s);color:inherit}.uitsparing-reden{font-size:var(--t-s);color:var(--blauw-bleek)}.uitsparing .stempel{justify-self:start;margin-block-start:.25rem}.conventioneel{position:relative;z-index:1;padding:1.75rem;background:var(--wit);margin-block-start:var(--stap)}.conventioneel-kop{margin-block-end:1rem;font-family:var(--font-tekst);font-size:var(--t-l);font-weight:600;letter-spacing:0}.conventioneel ul{display:grid;gap:.75rem;list-style:none;padding:0}.conventioneel li{display:grid;gap:.125rem;padding-block-start:.75rem;border-block-start:1px solid var(--licht-2);font-size:var(--t-s)}.conventioneel li:first-child{padding-block-start:0;border-block-start:0}.conventioneel strong{font-weight:600}.conventioneel span{color:var(--inkt-2)}.reken{padding-block:var(--sectie)}.reken-stapel{position:relative;padding:0 var(--stap) var(--stap) 0}.reken-stapel:before{content:"";position:absolute;inset:var(--stap) 0 0 var(--stap);background:var(--licht-2)}.tabelkader{position:relative;overflow-x:auto;background:var(--wit)}.tabel{inline-size:100%;min-inline-size:56rem}.tabel caption{padding:1.25rem 1.5rem .75rem;text-align:start;font-family:var(--font-display);font-optical-sizing:auto;font-weight:700;font-size:var(--t-l);letter-spacing:-.01em}.tabel th,.tabel td{padding:.875rem 1.5rem;text-align:start;vertical-align:top;border-block-start:1px solid var(--licht-2)}.tabel thead th{font-size:var(--t-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--inkt-2)}.tabel tbody th{font-weight:600}.reken-naam{display:block;font-size:var(--t-s);font-weight:500;color:var(--inkt-2)}.tabel .getal{font-family:var(--font-mono);font-size:var(--t-mono);white-space:nowrap}.tabel .leeg{color:var(--inkt-2)}.reken-noot{margin-block-start:1.5rem;max-inline-size:66ch;color:var(--inkt-2)}.reken-link{margin-block-start:.75rem}.contact{position:relative;overflow:hidden;display:grid;align-content:center;min-block-size:min(92vh,64rem);padding-block:calc(var(--sectie) * 1.1)}.contact-grond{position:absolute;inset:0;pointer-events:none}.contact-grond img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;object-position:50% 44%}.contact-scherm{position:absolute;inset:0;background:var(--diep);opacity:.55}.contact-raster{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--goot);align-items:start;inline-size:100%}.contact-tekst{background:var(--diep);padding:clamp(1.75rem,3.5vw,2.75rem)}.contact-tekst h2{margin-block-end:1.25rem}.contact-tekst p{max-inline-size:38ch;color:var(--blauw-bleek)}.contact-routes{display:grid;gap:.75rem;margin-block-start:1.75rem;list-style:none;padding:0}.contact-routes a{font-size:var(--t-l);color:var(--blauw-ijs)}.contact-vorm{position:relative;padding:2.5rem;background:var(--diep-2)}.vorm{display:grid;gap:1.5rem}.vorm-legenda{font-size:var(--t-s);color:var(--blauw-bleek)}.vorm-veld{display:grid;gap:.375rem}.vorm label{font-weight:600}.verplicht{color:var(--groen-licht)}.vorm input,.vorm textarea{inline-size:100%;min-block-size:3.25rem;padding:.75rem .875rem;border:2px solid var(--wit);background:var(--wit);color:var(--inkt-basis)}.vorm textarea{min-block-size:8rem;resize:vertical}.vorm-fout{justify-self:start;padding:.375rem .625rem;background:var(--blauw);color:var(--wit);font-size:var(--t-s);font-weight:600}.vorm-fout[hidden]{display:none}.vorm-honing{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.vorm-alert{padding:.875rem 1rem;background:var(--blauw);color:var(--wit)}.vorm-alert a{color:var(--wit)}.vorm-alert[hidden]{display:none}.vorm-knoprij{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.vorm-status{padding:1.5rem;background:var(--groen-bleek);color:var(--inkt-basis)}.vorm-status a{color:var(--inkt-basis)}.vorm input:hover,.vorm textarea:hover{border-color:var(--groen-licht)}.vorm input:focus-visible,.vorm textarea:focus-visible{border-color:var(--groen-licht);outline-offset:0}.vorm [aria-invalid=true]{border-color:var(--blauw-helder)}.sector-laag:hover,.sector-laag:focus-within{transform:translateY(-3px)}.sector-laag:hover .sector-scherm,.sector-laag:focus-within .sector-scherm{opacity:.2}.sector-overzicht a:hover,.sector-overzicht a:focus-visible{background:var(--diep-2);border-color:var(--wit)}.sector-overzicht a{transition:background-color var(--staat-duur) ease-out,border-color var(--staat-duur) ease-out}.product-rij:hover,.product-rij:focus-within{transform:translateY(-3px)}.bewijs-laag:hover{transform:translateY(-2px)}.foto-laag:hover .foto-scherm{opacity:.15}.hero-laag-kader{animation:laag-zetten var(--laag-duur) var(--laag-ease) both;animation-delay:var(--laag-stagger)}@keyframes laag-zetten{0%{transform:translateY(24px)}to{transform:translateY(0)}}.sector-laag,.product-rij,.bewijs-laag,.vorm input,.vorm textarea{transition-property:background-color,border-color,color,transform;transition-duration:var(--staat-duur);transition-timing-function:ease-out}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.bewijs-fotokolom,.sectoren-waaier,.conventioneel,.tabelkader,.contact-vorm{animation:laag-schuiven var(--laag-ease) both;animation-timeline:view();animation-range:entry 5% entry 45%}.bewijs-fotokolom img,.contact-grond img{scale:1.06;animation:grond-drijven linear both;animation-timeline:view()}}}@keyframes laag-schuiven{0%{translate:0 24px}to{translate:0 0}}@keyframes grond-drijven{0%{translate:0 2.5%}to{translate:0 -2.5%}}@media(max-width:63.99rem){.hero{min-block-size:0;align-content:start}.hero-grond{position:relative;block-size:clamp(15rem,48vw,24rem)}.hero-plaats{padding-block-end:0}.hero-plaat{max-inline-size:100%;margin-block-start:clamp(-3.5rem,-8vw,-2rem)}.bewijs-split{grid-template-columns:1fr}.bewijs-proofs{padding-block:2.5rem;padding-inline:var(--marge)}.bewijs-laag{max-inline-size:none;margin-inline-start:0}.bewijs-fotokolom{margin-inline-start:0;min-block-size:clamp(18rem,55vh,26rem);clip-path:polygon(0 0,100% 1.75rem,100% 100%,0 100%)}.catalogus-stapel{--stap: 0px}.product-rij{grid-template-columns:auto minmax(0,1fr)}.product-kader{inline-size:5rem}.product-rij+.product-rij{margin-block-start:.75rem}.product-specs,.product-link{grid-column:2}.product-link{justify-self:start}.sectoren-waaier{grid-template-columns:repeat(2,minmax(0,1fr))}.sector-overzicht:nth-child(n){grid-column:auto}.sector-overzicht:nth-child(odd){grid-column:1 / -1}.bevatniet-raster{grid-template-columns:1fr;gap:0}.uitsparingen{padding-block-end:var(--stap)}.uitsparingen:before{inset:.75rem -.75rem -.75rem .75rem}.conventioneel{margin-inline:var(--stap) 0;margin-block-start:1.75rem}.contact{min-block-size:0}.contact-raster{grid-template-columns:1fr}.contact-tekst,.contact-vorm{padding:1.5rem}}@media(max-width:37.49rem){.hero-ingangen .knop{inline-size:100%}.sectiekop{margin-block-end:2rem}.uitsparingen{padding:1rem .375rem var(--stap)}.uitsparingen-kop{padding-inline:.5rem;margin-block-end:.75rem}.uitsparingen-laag{grid-template-columns:1fr;gap:.375rem}.uitsparing{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;padding:.75rem .875rem}.uitsparing h3{font-size:1rem}.uitsparing-reden{flex-basis:100%}.conventioneel{padding:1rem}.conventioneel ul{gap:.5rem}.conventioneel-kop{margin-block-end:.5rem}.conventioneel li{gap:0;padding-block-start:.5rem}.product-code .stempel,.uitsparingen-kop .stempel,.reken .sectiekop .stempel{white-space:normal}.product-rij{gap:1rem;padding:1rem}.product-specs div{grid-template-columns:1fr;gap:.125rem}.product-link{white-space:normal}.contact-vorm{padding:1.25rem}.sectoren-waaier{grid-template-columns:1fr;gap:.75rem}.sector-overzicht:nth-child(n){grid-column:auto}.sector-laag{flex-direction:row}.sector-laag:nth-child(3n){background:var(--groen-donker)}.sector-beeld{flex:0 0 8rem;align-self:flex-start}.sector-tekst{gap:.25rem;padding:.75rem .875rem .875rem}.sector-laag h3{font-size:var(--t-l)}.sector-overzicht a{flex-direction:row;justify-content:space-between;align-items:baseline;padding:1rem .875rem}.sector-overzicht-titel{font-size:var(--t-l)}}}