.toepassingen{padding-block:var(--section-padding-block,120px);background:var(--color-surface);color:var(--color-ink)}
.toepassingen__inner{display:grid;gap:32px;min-width:0}
.toepassingen__header{display:grid;gap:8px;min-width:0}
.toepassingen__header h2{max-width:22ch;overflow-wrap:anywhere}
.toepassingen__subtitle{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:400;color:var(--color-copy)}
.toepassingen__subtitle::before{content:"";width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:currentColor}
.toepassingen__intro{max-width:65ch;margin-top:16px;font-size:16px;color:var(--color-copy)}
.toepassingen__intro p+p,.toepassingen__description p+p{margin-top:12px}
.toepassingen__tabs{display:flex;gap:8px;overflow-x:auto;min-width:0;padding:4px 4px 8px;scrollbar-width:thin;scrollbar-color:var(--color-copy) transparent}
.toepassingen__tab{display:grid;gap:8px;flex:1 0 140px;padding:0 4px 8px;text-align:center;font-family:var(--font-display);font-size:var(--font-size-h5);line-height:1.2;color:var(--color-copy);text-decoration:none}
.toepassingen__tab::before{content:"";height:4px;border-radius:999px;background:var(--color-bg);transition:background-color .25s ease}
.toepassingen__tab[aria-selected=true]{color:var(--color-ink)}
.toepassingen__tab[aria-selected=true]::before,.toepassingen__tab:hover::before{background:var(--color-copy)}
.toepassingen__panels{display:grid;gap:32px;min-width:0}
.toepassingen__panel{display:grid;gap:40px;padding:16px;border:1px solid var(--color-bg);min-width:0;scroll-margin-top:24px}
.toepassingen__panel[hidden]{display:none!important}
.toepassingen__main,.toepassingen__content,.toepassingen__summary,.toepassingen__description{display:grid;gap:24px;min-width:0}
.toepassingen__media{position:relative;min-width:0;overflow:hidden;aspect-ratio:4/3}
.toepassingen__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.toepassingen__description{gap:16px;align-content:start}
.toepassingen__description>div{font-size:16px;line-height:1.4;color:var(--color-copy);overflow-wrap:anywhere}
.toepassingen__price{display:grid;justify-items:center;align-content:center;gap:8px;padding:24px;background:var(--color-ink);color:var(--color-surface);text-align:center;font-size:16px;overflow-wrap:anywhere}
.toepassingen__price-label{font-family:var(--font-display);font-size:var(--font-size-h5);color:var(--color-bg)}
.toepassingen__price-amount{font-family:var(--font-display);font-size:var(--font-size-h3);line-height:1.2;color:var(--color-bg)}
.toepassingen__process{display:grid;gap:16px}
.toepassingen__process-title{font-family:var(--font-body);font-size:20px;font-weight:400}
.toepassingen__steps{display:grid;gap:16px;margin:0;padding:0;list-style:none}
.toepassingen__step{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;align-items:start}
.toepassingen__step-number{font-family:var(--font-display);font-style:italic;font-size:40px;line-height:1.2}
.toepassingen__step-title{font-size:var(--font-size-h4);line-height:var(--line-height-h4);margin-bottom:4px}
.toepassingen__step p{font-size:16px;color:var(--color-copy);overflow-wrap:anywhere}
.toepassingen__projects{display:grid;gap:24px;min-width:0}
.toepassingen__projects-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.toepassingen__projects-grid{display:grid;grid-template-columns:minmax(0,1fr);border:1px solid var(--color-bg)}
@media(min-width:641px){.toepassingen__summary{grid-template-columns:minmax(0,1fr) 180px;align-items:start}.toepassingen__summary--no-price{grid-template-columns:minmax(0,1fr)}.toepassingen__projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toepassingen__panel{padding:24px}.toepassingen__media{aspect-ratio:3/2}}
@media(min-width:1025px){.toepassingen__inner{gap:40px}.toepassingen__header{margin-bottom:40px}.toepassingen__intro{font-size:18px}.toepassingen__main{grid-template-columns:minmax(0,44fr) minmax(0,56fr);gap:40px}.toepassingen__main--no-image{grid-template-columns:minmax(0,1fr)}.toepassingen__media{aspect-ratio:auto;min-height:560px}.toepassingen__content{align-content:center}.toepassingen__panel{gap:80px}.toepassingen__step{grid-template-columns:65px minmax(0,1fr);gap:24px}.toepassingen__step-number{font-size:56px}.toepassingen__step p{font-size:18px}.toepassingen__projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.toepassingen__tab{flex-basis:0;min-width:0}.toepassingen__tab:only-child{flex:0 1 200px}}
@media(prefers-reduced-motion:reduce){.toepassingen__tab::before,.vdecto-project-card__image{transition:none}.vdecto-project-card:hover .vdecto-project-card__image{transform:none}}
@media(max-width:1024px){.toepassingen{padding-block:var(--section-padding-block,50px)}}
.toepassingen__projects .vdecto-project-card{background:var(--color-surface);border:0;border-bottom:1px solid var(--color-bg)}
.toepassingen__projects .vdecto-project-card:last-child{border-bottom:0}
@media(min-width:641px){.toepassingen__projects .vdecto-project-card{border-bottom:0;border-right:1px solid var(--color-bg)}.toepassingen__projects .vdecto-project-card:nth-child(2n){border-right:0}.toepassingen__projects .vdecto-project-card:nth-child(n+3){border-top:1px solid var(--color-bg)}}
@media(min-width:1025px){.toepassingen__projects .vdecto-project-card:nth-child(2n){border-right:1px solid var(--color-bg)}.toepassingen__projects .vdecto-project-card:nth-child(n+3){border-top:0}.toepassingen__projects .vdecto-project-card:nth-child(3n){border-right:0}}
.toepassingen__projects .vdecto-project-card__tags li{background:var(--color-bg)}
@media(hover:hover){.toepassingen__projects .vdecto-project-card--has-image:hover .vdecto-project-card__tags li{background:rgba(204,207,189,.25)}}
.toepassingen__projects .vdecto-project-card--has-image:focus-visible .vdecto-project-card__tags li{background:rgba(204,207,189,.25)}
.toepassingen__steps{gap:32px}
.toepassingen__back-to-start{display:none}
@media(max-width:767px){.toepassingen__back-to-start:not([hidden]){position:fixed;right:var(--container-padding,20px);bottom:calc(20px + env(safe-area-inset-bottom));z-index:40;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid var(--color-copy);border-radius:50%;background:var(--color-ink);color:#fff;box-shadow:0 4px 16px rgba(0,0,0,.15);cursor:pointer}.toepassingen__back-to-start::before{content:"";width:24px;height:24px;background:currentColor;mask:url("https://vdecto.mentall.studio/wp-content/themes/vdecto/assets/images/icons/arrow-up-24.svg") center/contain no-repeat;-webkit-mask:url("https://vdecto.mentall.studio/wp-content/themes/vdecto/assets/images/icons/arrow-up-24.svg") center/contain no-repeat;transform:rotate(-90deg)}}

.toepassingen__back-to-start[hidden]{display:none!important}
@media(max-width:767px){.toepassingen__back-to-start:not([hidden]){z-index:1000}}

.toepassingen{position:relative}
.toepassingen__back-to-start-boundary{display:none}
@media(max-width:767px){.toepassingen__back-to-start-boundary{display:block;position:absolute;inset:20px;z-index:1000;pointer-events:none}.toepassingen__back-to-start:not([hidden]){position:sticky;top:calc(100svh - 68px - env(safe-area-inset-bottom));right:auto;bottom:auto;margin-left:auto;pointer-events:auto}}