.how-it-works-section{width:100%}.how-it-works-inner{max-width:1400px;margin:0 auto;padding-left:16px;padding-right:16px}@media screen and (min-width:750px){.how-it-works-inner{padding-left:32px;padding-right:32px}}@media screen and (min-width:1200px){.how-it-works-inner{padding-left:50px;padding-right:50px}}.how-it-works-header{text-align:center;max-width:700px;margin:0 auto 40px}.how-it-works-heading{margin:0;line-height:1.2}.how-it-works-heading--xs{font-size:clamp(18px,1.3rem,22px)}.how-it-works-heading--s{font-size:clamp(20px,1.5rem,26px)}.how-it-works-heading--m{font-size:clamp(22px,1.7rem,30px)}.how-it-works-heading--l{font-size:clamp(24px,1.9rem,36px)}.how-it-works-heading--xl{font-size:clamp(28px,2.2rem,44px)}.how-it-works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}@media screen and (max-width:749px){.how-it-works-grid{grid-template-columns:1fr;gap:36px}}.how-it-works-step{display:flex;flex-direction:column}.how-it-works-image-wrapper{width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--style-border-radius-large, 12px);margin-bottom:18px;background:#0000000a}.how-it-works-image{width:100%;height:100%;object-fit:cover;display:block}.how-it-works-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.how-it-works-image-placeholder svg{width:60%;height:60%;opacity:.4}.how-it-works-content{display:flex;flex-direction:column}.how-it-works-step-title{margin:0 0 10px;line-height:1.2}.how-it-works-step-title--xs{font-size:clamp(15px,1rem,17px)}.how-it-works-step-title--s{font-size:clamp(16px,1.05rem,19px)}.how-it-works-step-title--m{font-size:clamp(18px,1.15rem,22px)}.how-it-works-step-title--l{font-size:clamp(20px,1.3rem,25px)}.how-it-works-step-title--xl{font-size:clamp(22px,1.5rem,29px)}.how-it-works-step-number{margin-right:4px}.how-it-works-step-text{line-height:1.55;opacity:.85}.how-it-works-step-text--xs{font-size:clamp(12px,.8rem,14px)}.how-it-works-step-text--s{font-size:clamp(13px,.875rem,15px)}.how-it-works-step-text--m{font-size:clamp(14px,.95rem,16px)}.how-it-works-step-text--l{font-size:clamp(15px,1.05rem,18px)}.how-it-works-step-text--xl{font-size:clamp(16px,1.2rem,20px)}.how-it-works-step-text p{margin:0}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-how-it-works.css.map */