.how-it-works{font-family:var(--font-sans, "Manrope", "Inter", system-ui, sans-serif);background:var(--hiw-bg, var(--color-blush-pale));padding-block:112px}.how-it-works__inner{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}.how-it-works__head{text-align:center;margin-bottom:64px}.how-it-works__title{margin:14px 0 12px;color:var(--color-ink)}.how-it-works__intro{font-size:17px;line-height:1.6;color:var(--color-ink-soft);max-width:500px;margin:0 auto}.hiw-accent--mobile{display:none}.how-it-works__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.hiw-card{position:relative;background:var(--color-surface);padding:36px;border-radius:28px}.hiw-card__num{position:absolute;top:-16px;left:32px;width:40px;height:40px;display:grid;place-items:center;background:var(--color-ink);color:#fff;border-radius:50%;font-family:var(--font-display, "Playfair Display", "Cormorant Garamond", Georgia, serif);font-size:18px;font-weight:500}.hiw-card__media{position:relative;aspect-ratio:16 / 9;margin:12px 0 24px;border-radius:20px;overflow:hidden;background:var(--color-blush-pale)}.hiw-card__media img{width:100%;height:100%;object-fit:cover;display:block}.hiw-card__media .placeholder{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px}.hiw-card__title{margin:0 0 10px;color:var(--color-ink)}.hiw-card__body{margin:0;font-size:15px;line-height:1.55;color:var(--color-ink-soft)}@media(max-width:989px){.how-it-works{padding-block:72px}.how-it-works__head{margin-bottom:40px}.how-it-works__grid{grid-template-columns:1fr;gap:32px}}@media(max-width:640px){.how-it-works{padding-block:48px}.how-it-works__head{text-align:left;margin-bottom:24px}.how-it-works__head .eyebrow{background:var(--color-surface)}.how-it-works__title{margin:12px 0 0}.how-it-works__intro{display:none}.how-it-works--desktop-content .how-it-works__intro{display:block;margin:14px 0 0;text-align:left}.hiw-accent--desktop{display:none}.hiw-accent--mobile{display:inline}.how-it-works__grid{gap:12px}.hiw-card{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:14px;padding:20px;border-radius:18px}.hiw-card__num{position:static;font-size:16px}.hiw-card__media{display:none}.hiw-card__title{font-size:19px;margin:0 0 4px}.hiw-card__body{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-how-it-works.css.map */