.how{background:var(--paper)}.how .section-head{max-width:46rem;margin-inline:0;text-align:left}.how .section-head p{margin-inline:0}.how-cta{margin-top:clamp(20px,2.4vw,28px)}.how-wrap-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(560px,860px);gap:80px;align-items:center}.how-media{position:relative;aspect-ratio:16 / 9;border-radius:var(--r-lg);overflow:hidden}.how-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease}.how-photo.is-active{opacity:1}.how-photo--placeholder{background:var(--kleur-ijsblauw-licht)}.how-photo--placeholder svg{width:100%;height:100%}@media(max-width:760px){.how-wrap-grid{grid-template-columns:1fr}.how-media{max-width:320px;margin-inline:auto}}.how-steps{position:relative;max-width:var(--w-prose);display:flex;flex-direction:column;gap:clamp(36px,5vw,56px)}.how .section-head{margin-bottom:40px}.how-line{position:absolute;left:27px;top:8px;bottom:8px;width:2px;background:#0814121f}.how-line-fill{position:absolute;left:0;top:0;width:100%;height:0%;background:var(--cta);transition:height .4s ease-out}.how-step{position:relative;display:flex;gap:clamp(18px,2.6vw,28px);align-items:flex-start}.how-num{position:relative;z-index:1;flex:none;width:56px;height:56px;display:grid;place-items:center;background:var(--paper);border:2px solid rgba(8,20,18,.12);border-radius:50%;color:var(--kleur-inkt);transition:border-color .3s ease,background-color .3s ease,color .3s ease}.how-step.is-active .how-num{border-color:var(--cta);background:var(--cta);color:var(--tekst-op-donker)}.how-body h4{margin-bottom:6px}.how-body p{margin:0;color:var(--tekst-70);max-width:32rem}
/*# sourceMappingURL=/cdn/shop/t/4/assets/bob-how-it-works.css.map */