.how-it-works{padding:72px var(--page-margin, 40px);scroll-margin-top:120px}.how-it-works__container{max-width:var(--narrow-page-width, 1320px);margin:0 auto}.how-it-works__heading{text-align:center;font-size:clamp(1.4rem,2.6vw,1.8rem);font-weight:700;margin:0 0 8px;color:#1a1a1a;letter-spacing:-.02em}.how-it-works__subheading{text-align:center;font-size:1rem;color:#666;margin:0 0 48px}.how-it-works__steps{display:flex;align-items:flex-start;justify-content:center;gap:20px}.how-it-works__step{flex:1;max-width:360px;text-align:center}.how-it-works__image-wrapper{position:relative;border-radius:16px;overflow:hidden;margin-bottom:20px;aspect-ratio:4 / 3;background:#f4f3f1;box-shadow:0 1px 2px #0000000a,0 16px 32px -26px #0006}.how-it-works__image,.how-it-works__illustration{width:100%;height:100%;display:block}.how-it-works__image{object-fit:cover}.how-it-works__illustration svg{width:100%;height:100%;display:block}.how-it-works__step-number{position:absolute;top:12px;left:12px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#1a1a1a;color:#fff;font-size:.8125rem;font-weight:700}.how-it-works__step-title{font-size:1.0625rem;font-weight:700;margin:0 0 8px;color:#1a1a1a;letter-spacing:-.01em}.how-it-works__step-description{font-size:.875rem;line-height:1.6;color:#666;margin:0;max-width:38ch;margin-inline:auto}.how-it-works__arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;height:0;padding-top:12%;opacity:.55}@media(max-width:989px){.how-it-works__arrow{display:none}.how-it-works__steps{gap:28px}}@media(max-width:749px){.how-it-works{padding:48px var(--page-margin, 20px)}.how-it-works__subheading{margin-bottom:32px}.how-it-works__steps{flex-direction:column;align-items:stretch;gap:24px}.how-it-works__step{max-width:100%;display:grid;grid-template-columns:116px minmax(0,1fr);column-gap:16px;align-items:center;text-align:left}.how-it-works__image-wrapper{grid-row:span 2;margin-bottom:0}.how-it-works__step-title{align-self:end;margin-bottom:4px}.how-it-works__step-description{align-self:start;margin-inline:0}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/custom-how-it-works.css.map */