.werkwijze{--vw:92px}.werkwijze__kop{gap:14px;max-width:44rem;margin-bottom:44px;display:grid}.werkwijze__kop .intro{margin:0}.werkwijze__spoor{position:relative}.werkwijze__lijst{gap:34px;margin:0;padding:0;list-style:none;display:grid}.werkwijze__lijn{left:calc(var(--vw) * .19 - 1px);background:linear-gradient(to bottom, var(--ink), var(--line-strong));transform-origin:50% 0;width:2px;position:absolute;top:2px;bottom:0}.werkwijze__stap{grid-template-columns:var(--vw) minmax(0, 1fr);align-content:start;align-items:start;column-gap:20px;display:grid;position:relative}.werkwijze__nr{font-family:var(--heading-font);letter-spacing:.1em;color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:8px;padding-top:6px;font-size:.8125rem;font-weight:650;font-stretch:75%;display:flex}.werkwijze__nr .staaltje{width:7px;height:15px}.werkwijze__titel{font-family:var(--heading-font);letter-spacing:-.025em;margin:2px 0 0;font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:560;font-stretch:94%;line-height:1.05}.werkwijze__tekst{color:var(--muted);max-width:26em;margin:8px 0 0;font-size:1.0625rem;line-height:1.5}.wk-vignet{width:var(--vw);aspect-ratio:100/112;grid-row:1/span 3;display:block;position:relative}.wk-lok{width:21%;position:absolute;top:0;left:8.5%}.wk-lok--boven .lokbeeld{clip-path:inset(0 0 22%)}.wk-lok--punt{transform-origin:50% 78%;transform:translate(18%,7%)rotate(9deg)}.wk-lok--punt .lokbeeld{clip-path:inset(78% 0 0)}.wk-extra{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.wk-extra *{vector-effect:non-scaling-stroke}.wk-draad{stroke:var(--ink);stroke-width:1px}.wk-etiket{fill:var(--etiket);stroke:var(--ink);stroke-width:1px}.wk-gat{fill:var(--bg);stroke:var(--ink);stroke-width:1px}.wk-vraag{font-family:var(--heading-font);fill:var(--accent);font-size:27px;font-weight:560}.wk-druppel{fill:var(--staal);stroke:var(--ink);stroke-width:1px}.wk-streep{stroke:var(--ink);stroke-width:1.5px;stroke-dasharray:5 4}.wk-vink{stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.wk-lucht{stroke:var(--ink);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:22 6 8 6}@media (min-width:1024px){.werkwijze{--vw:160px}.werkwijze__kop{margin-bottom:64px}.werkwijze__lijst{grid-template-columns:repeat(var(--stappen,4), minmax(0, 1fr));column-gap:var(--kolom);align-items:start}.werkwijze__stap{grid-template-columns:minmax(0,1fr);align-content:start;row-gap:0}.wk-vignet{grid-row:auto;margin-bottom:18px}.werkwijze__lijn{left:calc(var(--vw) * .19);right:calc(100% / var(--stappen,4) - var(--vw) * .19);top:calc(var(--vw) * .0158);background:linear-gradient(90deg, var(--ink), var(--line-strong));transform-origin:0;width:auto;height:2px;bottom:auto}.werkwijze__nr{padding-top:0}.werkwijze__titel{margin-top:6px;font-size:clamp(1.75rem,1rem + 1.1vw,2.375rem)}}@media (min-width:1280px){.werkwijze{--vw:200px}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){:root:not([data-beweging=uit]) .werkwijze__spoor{view-timeline:--werkwijze block}:root:not([data-beweging=uit]) .werkwijze__lijn{animation:linear both werkwijze-lijn;animation-timeline:--werkwijze;animation-range:entry 40% cover 55%}}}@keyframes werkwijze-lijn{0%{transform:scaleY(0)}}@media (min-width:1024px){@keyframes werkwijze-lijn{0%{transform:scaleX(0)}}}
