.waarom-vdecto{position:relative;padding-block:var(--section-padding-block);overflow:hidden}.waarom-vdecto--bg{background:var(--color-bg)}.waarom-vdecto--white{background:#fff}.waarom-vdecto--olive{background:var(--color-surface)}.waarom-vdecto__background{position:absolute;inset:0;z-index:0;opacity:.25}.waarom-vdecto__background img{width:100%;height:100%;object-fit:cover;object-position:center}.waarom-vdecto__inner{position:relative;z-index:1;display:grid;gap:80px}.waarom-vdecto__header{display:grid;gap:8px;max-width:718px}.waarom-vdecto__subtitle{display:flex;align-items:center;gap:8px;color:var(--color-copy);font-size:12px;line-height:1.4}.waarom-vdecto__subtitle::before{width:8px;height:8px;border-radius:50%;background:var(--color-ink);content:""}.waarom-vdecto h2{font-size:var(--font-size-h2);line-height:1.2}.waarom-vdecto__points{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}.waarom-vdecto__point{position:relative;display:grid;align-content:start;gap:24px;min-width:0;min-height:272px;padding-right:16px;overflow:hidden;border-right:1px solid var(--color-surface);isolation:isolate;outline-offset:-4px}.waarom-vdecto__point:nth-child(5n){border-right:0}.waarom-vdecto__point-image img{width:100%;height:100%;object-fit:cover;object-position:center}.waarom-vdecto__number{color:var(--color-surface);font-family:var(--font-display);font-size:72px;font-style:italic;line-height:1.2}.waarom-vdecto h3{color:var(--color-ink);font-size:24px;line-height:1.35}.waarom-vdecto__text{color:var(--color-copy);font-size:18px;line-height:1.4}.waarom-vdecto__point--has-image{padding:24px 16px;transition:color .35s ease}.waarom-vdecto__point--has-image:hover .waarom-vdecto__point-image,.waarom-vdecto__point--has-image:focus .waarom-vdecto__point--has-image:hover .waarom-vdecto__number,.waarom-vdecto__point--has-image:focus .waarom-vdecto__number{color:var(--color-surface)}.waarom-vdecto__point--has-image:hover h3,.waarom-vdecto__point--has-image:focus h3,.waarom-vdecto__point--has-image:hover .waarom-vdecto__text,.waarom-vdecto__point--has-image:focus .waarom-vdecto__text{color:var(--color-bg)}.waarom-vdecto__placeholder{padding:32px;border:1px dashed var(--color-copy);color:var(--color-copy)}
@media(max-width:1024px){.waarom-vdecto__inner{gap:56px}.waarom-vdecto__points{grid-template-columns:repeat(3,minmax(0,1fr))}.waarom-vdecto__point:nth-child(5n){border-right:1px solid var(--color-surface)}.waarom-vdecto__point:nth-child(3n){border-right:0}}
@media(max-width:767px){.waarom-vdecto__inner{gap:40px}.waarom-vdecto__points{grid-template-columns:1fr;gap:0}.waarom-vdecto__point,.waarom-vdecto__point:nth-child(5n){min-height:0;padding:24px 0;border-right:0;border-bottom:1px solid var(--color-surface)}.waarom-vdecto__point:last-child{border-bottom:0}.waarom-vdecto__point--has-image{padding-inline:20px}.waarom-vdecto__number{font-size:56px}.waarom-vdecto h3{font-size:24px}.waarom-vdecto__text{font-size:16px}}
@media(prefers-reduced-motion:reduce){.waarom-vdecto__point-image,.waarom-vdecto__point--has-image{transition:none}}
.waarom-vdecto__points--count-1{grid-template-columns:1fr}.waarom-vdecto__points--count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.waarom-vdecto__points--count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.waarom-vdecto__points--count-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.waarom-vdecto__points--count-1 .waarom-vdecto__point,.waarom-vdecto__points--count-2 .waarom-vdecto__point:nth-child(2n),.waarom-vdecto__points--count-3 .waarom-vdecto__point:nth-child(3n),.waarom-vdecto__points--count-4 .waarom-vdecto__point:nth-child(4n){border-right:0}
@media(max-width:1024px){.waarom-vdecto__points--count-4,.waarom-vdecto__points--count-5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.waarom-vdecto__points[class*="waarom-vdecto__points--count-"]{grid-template-columns:1fr}}
.waarom-vdecto__point--has-image{transition:color .35s ease,transform .35s ease}.waarom-vdecto__point--has-image:hover,.waarom-vdecto__point--has-image:focus{transform:translateY(-4px)}
@media(prefers-reduced-motion:reduce){.waarom-vdecto__point--has-image{transition:none}.waarom-vdecto__point--has-image:hover,.waarom-vdecto__point--has-image:focus{transform:none}}

/* Images reveal above the point rather than behind its content. */
.waarom-vdecto__points--top-border{border-top:1px solid var(--color-surface);padding-top:16px}
.waarom-vdecto__point,.waarom-vdecto__point--has-image{display:flex;flex-direction:column;min-height:0;overflow:visible;padding:16px 16px 0 0;transition:padding-top .65s ease}
.waarom-vdecto__point-image{position:static;z-index:auto;display:grid;grid-template-rows:0fr;opacity:0;margin-bottom:-24px;transition:grid-template-rows .65s ease,opacity .65s ease,margin-bottom .65s ease}
.waarom-vdecto__point-image-inner{min-height:0;overflow:hidden}
.waarom-vdecto__point-image img{height:auto;aspect-ratio:1;object-fit:cover;object-position:center}
.waarom-vdecto__point--has-image:hover,.waarom-vdecto__point--has-image:focus{transform:none;padding-top:0}
.waarom-vdecto__point--has-image:hover .waarom-vdecto__point-image,.waarom-vdecto__point--has-image:focus .waarom-vdecto__point-image{grid-template-rows:1fr;opacity:1;margin-bottom:0}
.waarom-vdecto__point--has-image:hover h3,.waarom-vdecto__point--has-image:focus h3{color:var(--color-ink)}
.waarom-vdecto__point--has-image:hover .waarom-vdecto__text,.waarom-vdecto__point--has-image:focus .waarom-vdecto__text{color:var(--color-copy)}
.waarom-vdecto__point:last-child{border-right:0}
@media(max-width:767px){.waarom-vdecto__point,.waarom-vdecto__point--has-image{padding:16px 0 24px}}
@media(prefers-reduced-motion:reduce){.waarom-vdecto__point-image,.waarom-vdecto__point--has-image{transition:none}}
.waarom-vdecto__toggle{display:none}
@media(max-width:767px){
 .waarom-vdecto__point--has-image{cursor:pointer;padding-right:48px}
 .waarom-vdecto__point--has-image:hover,.waarom-vdecto__point--has-image:focus{padding-top:16px}
 .waarom-vdecto__point--has-image:hover .waarom-vdecto__point-image,.waarom-vdecto__point--has-image:focus .waarom-vdecto__point-image{grid-template-rows:0fr;opacity:0;margin-bottom:-24px}
 .waarom-vdecto__point--has-image.is-open .waarom-vdecto__point-image{grid-template-rows:1fr;opacity:1;margin-bottom:0}
 .waarom-vdecto__toggle{position:absolute;top:20px;right:0;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--color-copy);border-radius:50%;background:transparent;color:var(--color-ink);cursor:pointer}
 .waarom-vdecto__toggle::before{content:"";width:16px;height:16px;background:currentColor;mask:url("../../assets/images/icons/majesticons_plus.svg") center/contain no-repeat;-webkit-mask:url("../../assets/images/icons/majesticons_plus.svg") center/contain no-repeat}
 .waarom-vdecto__toggle[aria-expanded="true"]::before{mask-image:url("../../assets/images/icons/iconoir_minus.svg");-webkit-mask-image:url("../../assets/images/icons/iconoir_minus.svg")}
}

/* Keep the accessible tap control without a visible icon. */
@media(max-width:767px){.waarom-vdecto__point--has-image{padding-right:0}.waarom-vdecto__toggle{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;opacity:0}.waarom-vdecto__toggle::before{content:none}.waarom-vdecto__point--has-image:has(.waarom-vdecto__toggle:focus-visible){outline:2px solid var(--color-copy);outline-offset:4px}}