.werkwijze{padding-block:clamp(4rem,7vw,6.5rem)}.werkwijze__kop{max-width:52rem;margin-bottom:clamp(2rem,4.5vw,3.75rem)}.werkwijze__titel{margin-top:1rem}.werkwijze__intro{max-width:36rem;margin-top:1.25rem;font-size:clamp(1.0625rem,1.3vw,1.1875rem)}.werkwijze__blok{border:2px solid var(--ink);background:var(--bg);grid-template-columns:1fr;display:grid}.werkwijze__zij{font:600 .75rem var(--mono-font);letter-spacing:.32em;text-transform:uppercase;color:var(--muted);display:none}.werkwijze__stappen{grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}.werkwijze__stap{grid-template-rows:auto 1fr;min-width:0;display:grid}.werkwijze__stap+.werkwijze__stap{border-top:1px solid var(--ink)}.werkwijze__maat{border-bottom:1px solid var(--line);justify-content:center;align-items:center;min-height:3.6rem;padding:.6rem .5rem 0;display:flex;position:relative}.werkwijze__maatlijn{background:var(--ink);transform-origin:0;height:1px;position:absolute;top:2.15rem;left:0;right:0}.werkwijze__maatlijn:before,.werkwijze__maatlijn:after{content:"";background:var(--ink);width:1px;height:13px;position:absolute;top:-6px;transform:rotate(45deg)}.werkwijze__maatlijn:before{left:0}.werkwijze__maatlijn:after{right:0}.werkwijze__duur{background:var(--bg);font:500 .8125rem/1.3 var(--mono-font);text-align:center;padding:0 .5rem;position:relative;transform:translateY(.2rem)}.werkwijze__inhoud{padding:1.35rem clamp(1.1rem,2vw,1.6rem) 1.9rem}.werkwijze__inhoud p{margin-top:.6rem;font-size:.9875rem;line-height:1.6}.werkwijze__bel{width:3.6rem;height:3.6rem;margin-bottom:1.1rem;display:block;position:relative}.werkwijze__bel svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.werkwijze__bel svg :is(circle,path){fill:none;stroke:var(--ink);stroke-width:1.4px}.werkwijze__nr,.werkwijze__van{text-align:center;font-family:var(--mono-font);line-height:1;position:absolute;left:0;right:0}.werkwijze__nr{color:var(--accent);font-size:1.0625rem;font-weight:700;top:.8rem}.werkwijze__van{color:var(--muted);font-size:.75rem;bottom:.8rem}.werkwijze__staptitel{letter-spacing:-.02em;font-size:clamp(1.25rem,1.6vw,1.5rem);font-weight:700;font-stretch:112%;line-height:1.1}@media (min-width:640px) and (max-width:899px){.werkwijze__stappen{grid-template-columns:repeat(2,minmax(0,1fr))}.werkwijze__stap+.werkwijze__stap{border-top:0}.werkwijze__stap:nth-child(n+3){border-top:1px solid var(--ink)}.werkwijze__stap:nth-child(2n){border-left:1px solid var(--ink)}}@media (min-width:900px){.werkwijze__blok{grid-template-columns:46px 1fr}.werkwijze__zij{border-right:1px solid var(--ink);writing-mode:vertical-rl;justify-content:center;align-items:center;display:flex;transform:rotate(180deg)}.werkwijze__stappen{grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-auto-flow:column}.werkwijze__stap+.werkwijze__stap{border-top:0;border-left:1px solid var(--ink)}}@media (prefers-reduced-motion:no-preference){:root:not([data-beweging=uit]) .werkwijze__bel svg{transition:opacity .4s ease calc(.35s + var(--i,0) * .28s), transform .8s cubic-bezier(.3, 1.3, .5, 1) calc(.35s + var(--i,0) * .28s)}:root[data-teken-js]:not([data-beweging=uit]) .werkwijze [data-teken]:not([data-getekend]) .werkwijze__bel svg{opacity:0;transform:rotate(-90deg)scale(.4)}:root:not([data-beweging=uit]) .werkwijze__maatlijn{transition:transform .7s cubic-bezier(.6, 0, .3, 1) calc(.1s + var(--i,0) * .28s)}:root[data-teken-js]:not([data-beweging=uit]) .werkwijze [data-teken]:not([data-getekend]) .werkwijze__maatlijn{transform:scaleX(0)}:root:not([data-beweging=uit]) :is(.werkwijze__nr,.werkwijze__van){transition:opacity .5s ease calc(.5s + var(--i,0) * .28s), transform .6s var(--ease) calc(.5s + var(--i,0) * .28s)}:root[data-teken-js]:not([data-beweging=uit]) .werkwijze [data-teken]:not([data-getekend]) :is(.werkwijze__nr,.werkwijze__van){opacity:0}}