/* !KoeSt startpagina: hero met snijmat, dienstenindex, mierenteller */
.hero3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.mat{background-image:repeating-linear-gradient(0deg,rgba(28,29,26,.16) 0 1px,transparent 1px 120px),repeating-linear-gradient(90deg,rgba(28,29,26,.16) 0 1px,transparent 1px 120px),repeating-linear-gradient(0deg,rgba(28,29,26,.07) 0 1px,transparent 1px 24px),repeating-linear-gradient(90deg,rgba(28,29,26,.07) 0 1px,transparent 1px 24px)}
.proof{transition:transform .45s cubic-bezier(.2,.9,.3,1)}
.desk:hover .proof{transform:rotate(0deg) translateY(-6px)!important}
.slot{position:relative;background:#eef4e6}
.slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity 1.6s ease}
.slot img.on{opacity:1}
.mat-dots{position:absolute;left:calc(6% + 8px);top:30px;z-index:5;display:flex;gap:2px}
.mat-dots button{width:28px;height:28px;padding:0;border:0;background:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.mat-dots button span{display:block;width:8px;height:8px;border-radius:4px;background:rgba(28,29,26,.35);transition:width .3s ease,background .3s ease}
.mat-dots button[aria-pressed="true"] span{width:22px;background:#1c1d1a}
.mat-cap{display:grid;min-width:0;font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:400;font-size:24px;line-height:1.15;color:#1c1d1a}
.mat-cap span{grid-area:1/1;opacity:0;transition:opacity 1.2s ease}
.mat-cap span.on{opacity:1}
.idx{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0 18px}
.idx-i .idx-t{transition:transform .25s ease,color .25s ease}
.idx-i:hover{border-top-color:#7cb944!important}
.idx-i:hover .idx-t{transform:translateX(6px);color:#4d6b2a}
.idx-i:hover .svc-ico{animation:icoBounce .7s cubic-bezier(.3,1.6,.5,1)}
.antcount{display:inline-flex;align-items:center;gap:5px;height:30px;margin-left:6px;color:#1c1d1a}
.antcount .n{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:500;font-size:17px;letter-spacing:.02em;font-variant-numeric:tabular-nums;transition:color .4s ease}
.antcount.bump .n{color:#7cb944}
@media (prefers-reduced-motion:reduce){.slot img,.mat-cap span{transition:none}}
@media (max-width:900px){.hero3{grid-template-columns:minmax(0,1fr);gap:48px}.idx{grid-template-columns:repeat(2,minmax(0,1fr))}.idx-i{padding-bottom:14px!important}}
.rpanel.met-beeld{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}
.rpanel .pimgs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-self:start}
.rpanel .pimgs img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:#f4f6f0}
@media (max-width:900px){.rpanel.met-beeld{grid-template-columns:minmax(0,1fr);gap:24px}}
@media (max-width:820px){.antcount{display:none!important}.hero-nav{display:none!important}.hero3{padding:48px 0 56px!important}}