.how-it-works-steps{background:var(--hiw-bg-mob, #fff9f7);color:var(--hiw-text, #7c2c00);padding-top:var(--hiw-pt-mob, 48px);padding-bottom:var(--hiw-pb-mob, 48px)}@media only screen and (min-width:768px){.how-it-works-steps{background:var(--hiw-bg, #fff);padding-top:var(--hiw-pt-dsk, 64px);padding-bottom:var(--hiw-pb-dsk, 64px)}}.how-it-works-steps__header{display:flex;flex-direction:column;align-items:center;max-width:640px;margin:0 auto 36px;text-align:center}.how-it-works-steps__subtitle{margin-bottom:20px;font-family:var(--font-brand-sans-family),sans-serif;font-size:10px;font-weight:400;letter-spacing:.22em;line-height:1.2;text-transform:uppercase}.how-it-works-steps__heading{margin:0 0 12px;font-family:var(--font-brand-sans-family),sans-serif;font-size:28px;font-weight:400;line-height:1.15;color:inherit;text-transform:none!important}.how-it-works-steps__heading *{margin:0;font-size:inherit;line-height:inherit;color:inherit;text-transform:none!important}.how-it-works-steps__heading em{display:block;font-family:var(--font-brand-serif-family),serif;font-style:italic;font-weight:400}.how-it-works-steps__text{font-size:16px;font-weight:300;line-height:1.65}.how-it-works-steps__text p{margin:0}@media only screen and (min-width:768px){.how-it-works-steps__header{max-width:960px;margin-bottom:40px}.how-it-works-steps__subtitle{margin-bottom:28px;font-size:12px}.how-it-works-steps__heading{margin-bottom:28px;font-size:40px}.how-it-works-steps__heading em{display:inline}.how-it-works-steps__text{max-width:640px;font-size:15px}}@media only screen and (min-width:1200px){.how-it-works-steps__heading{font-size:44px}}.how-it-works-steps__steps{display:flex;flex-direction:column;gap:16px}@media only screen and (min-width:768px){.how-it-works-steps__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}.how-it-works-steps__step{display:flex;flex-direction:column;overflow:hidden;border-radius:20px;background:var(--hiw-card-bg, #fff)}.how-it-works-steps__media{aspect-ratio:309 / 208;overflow:hidden}.how-it-works-steps__image{display:block;width:100%;height:100%;object-fit:cover}.how-it-works-steps__body{display:flex;flex-direction:column;align-items:center;padding:32px 20px 40px;text-align:center}.how-it-works-steps__label{margin-bottom:16px;font-size:12px;font-weight:400;letter-spacing:.22em;line-height:1.2;text-transform:uppercase}.how-it-works-steps__title{margin:0 0 16px;font-family:var(--font-brand-sans-family),sans-serif;font-size:22px;font-weight:400;line-height:1.2;letter-spacing:0;color:inherit;text-transform:none!important}.how-it-works-steps__step-text{max-width:260px;font-size:15px;font-weight:300;line-height:1.65}.how-it-works-steps__step-text p{margin:0}@media only screen and (min-width:768px){.how-it-works-steps__step{border-radius:20px 20px 0 0}.how-it-works-steps__media{aspect-ratio:370 / 327;border-radius:20px 20px 0 0}.how-it-works-steps__body{padding:40px 16px 0}.how-it-works-steps__title{margin-bottom:26px;font-size:22px;letter-spacing:.12em}.how-it-works-steps__step-text{max-width:240px;font-size:14px}}.how-it-works-steps__features{display:flex;flex-direction:column;gap:20px;margin:40px 0 0;padding:0 20px;list-style:none}.how-it-works-steps__feature{display:flex;align-items:center;gap:14px;margin:0;font-size:17px;line-height:1.3}.how-it-works-steps__feature-icon{flex-shrink:0;color:var(--hiw-accent, #e66743)}.how-it-works-steps__feature-text em{font-family:var(--font-brand-serif-family),serif;font-style:italic;font-size:1.1em}@media only screen and (min-width:768px){.how-it-works-steps__features{flex-direction:row;justify-content:space-around;gap:24px;margin-top:72px;padding:28px 24px;border-top:1px solid var(--hiw-divider, #b89a86);border-bottom:1px solid var(--hiw-divider, #b89a86)}.how-it-works-steps__feature{gap:16px;font-family:var(--font-brand-serif-family),serif;font-size:20px;font-style:italic}.how-it-works-steps__feature-text em{font-size:inherit}}.how-it-works-steps--animations .how-it-works-steps__header,.how-it-works-steps--animations .how-it-works-steps__step,.how-it-works-steps--animations .how-it-works-steps__features{opacity:0;transform:translate3d(0,20px,0);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.how-it-works-steps--animations .how-it-works-steps__step:nth-child(1){transition-delay:.1s}.how-it-works-steps--animations .how-it-works-steps__step:nth-child(2){transition-delay:.18s}.how-it-works-steps--animations .how-it-works-steps__step:nth-child(3){transition-delay:.26s}.how-it-works-steps--animations .how-it-works-steps__features{transition-delay:.34s}.how-it-works-steps--animations.is-revealed .how-it-works-steps__header,.how-it-works-steps--animations.is-revealed .how-it-works-steps__step,.how-it-works-steps--animations.is-revealed .how-it-works-steps__features{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.how-it-works-steps--animations .how-it-works-steps__header,.how-it-works-steps--animations .how-it-works-steps__step,.how-it-works-steps--animations .how-it-works-steps__features{opacity:1;transform:none;transition:none}}@media only screen and (min-width:1200px){.how-it-works-steps__subtitle{font-size:14px}.how-it-works-steps__heading{font-size:48px}.how-it-works-steps__header .how-it-works-steps__text{max-width:900px}.how-it-works-steps__text,.how-it-works-steps__text p{font-size:18px}.how-it-works-steps__body{gap:24px}.how-it-works-steps__label,.how-it-works-steps__title{margin-bottom:0}.how-it-works-steps__label{font-size:14px}.how-it-works-steps__title{font-size:28px}.how-it-works-steps__step-text{max-width:300px}.how-it-works-steps__step-text,.how-it-works-steps__step-text p{font-size:18px}.how-it-works-steps__feature{font-size:22px}}@media only screen and (min-width:1200px){.template-unlock-hydration .how-it-works-steps__header{max-width:none;margin-bottom:40px}.template-unlock-hydration .how-it-works-steps__subtitle{margin-bottom:24px;line-height:14px;letter-spacing:.2em}.template-unlock-hydration .how-it-works-steps__heading,.template-unlock-hydration .how-it-works-steps__heading p{line-height:60px;letter-spacing:0}.template-unlock-hydration .how-it-works-steps__heading{margin-bottom:24px}.template-unlock-hydration .how-it-works-steps__heading em{line-height:0}.template-unlock-hydration .how-it-works-steps__header .how-it-works-steps__text{max-width:714px}.template-unlock-hydration .how-it-works-steps__text,.template-unlock-hydration .how-it-works-steps__text p{font-weight:300;line-height:28px;letter-spacing:0;text-wrap:balance}.template-unlock-hydration .how-it-works-steps__steps{gap:21.5px}.template-unlock-hydration .how-it-works-steps__step,.template-unlock-hydration .how-it-works-steps__media{border-radius:24px 24px 0 0}.template-unlock-hydration .how-it-works-steps__media{aspect-ratio:423 / 373}.template-unlock-hydration .how-it-works-steps__body{padding:40px 0 0}.template-unlock-hydration .how-it-works-steps__label{line-height:14px;letter-spacing:.2em}.template-unlock-hydration .how-it-works-steps__title{line-height:32px;letter-spacing:3px}.template-unlock-hydration .how-it-works-steps__step-text{max-width:342px}.template-unlock-hydration .how-it-works-steps__step-text,.template-unlock-hydration .how-it-works-steps__step-text p{font-weight:300;line-height:28px;letter-spacing:0;text-wrap:balance}.template-unlock-hydration .how-it-works-steps__features{margin-top:79px;padding:34px 24px;border-color:#753515}.template-unlock-hydration .how-it-works-steps__feature{line-height:28px;letter-spacing:0}}.template-unlock-hydration .how-it-works-steps__subtitle,.template-unlock-hydration .how-it-works-steps__heading,.template-unlock-hydration .how-it-works-steps__heading p,.template-unlock-hydration .how-it-works-steps__label{font-weight:392}.template-unlock-hydration .how-it-works-steps__title{font-weight:461}.template-unlock-hydration .how-it-works-steps__heading em,.template-unlock-hydration .how-it-works-steps__feature-text{font-weight:500}@media only screen and (max-width:1199px){.template-unlock-hydration .how-it-works-steps__text,.template-unlock-hydration .how-it-works-steps__text p,.template-unlock-hydration .how-it-works-steps__step-text,.template-unlock-hydration .how-it-works-steps__step-text p,.template-unlock-hydration .how-it-works-steps__feature-text{font-weight:300}}@media only screen and (max-width:767px){.template-unlock-hydration .how-it-works-steps{padding-top:40px;padding-bottom:40px}.template-unlock-hydration .how-it-works-steps__header{margin-bottom:40px}.template-unlock-hydration .how-it-works-steps__subtitle{margin-bottom:16px;line-height:14px;letter-spacing:.2em}.template-unlock-hydration .how-it-works-steps__heading{max-width:265px;margin-bottom:16px}.template-unlock-hydration .how-it-works-steps__heading,.template-unlock-hydration .how-it-works-steps__heading p,.template-unlock-hydration .how-it-works-steps__heading em{line-height:32px;letter-spacing:-.88px}.template-unlock-hydration .how-it-works-steps__header .how-it-works-steps__text{max-width:325px}.template-unlock-hydration .how-it-works-steps__text,.template-unlock-hydration .how-it-works-steps__text p,.template-unlock-hydration .how-it-works-steps__step-text,.template-unlock-hydration .how-it-works-steps__step-text p{font-size:18px;line-height:28px;letter-spacing:0}.template-unlock-hydration .how-it-works-steps__steps{gap:24px;margin:0 -4.5px}.template-unlock-hydration .how-it-works-steps__step{border-radius:24px}.template-unlock-hydration .how-it-works-steps__media{aspect-ratio:352 / 237;height:auto}.template-unlock-hydration .how-it-works-steps__step:nth-child(3) .how-it-works-steps__media{aspect-ratio:352 / 296}.template-unlock-hydration .how-it-works-steps__body{padding:40px 16px}.template-unlock-hydration .how-it-works-steps__label{font-size:14px;line-height:14px;letter-spacing:.2em}.template-unlock-hydration .how-it-works-steps__title{font-size:28px;font-weight:392;line-height:32px;letter-spacing:-.88px}.template-unlock-hydration .how-it-works-steps__step-text{max-width:275px}.template-unlock-hydration .how-it-works-steps__features{gap:24px;margin:24px -4.5px 0;padding:24px 22px}.template-unlock-hydration .how-it-works-steps__feature{gap:16px;font-size:20px;line-height:28px;letter-spacing:0}.template-unlock-hydration .how-it-works-steps__feature-icon{width:24px;height:24px}.template-unlock-hydration .how-it-works-steps__feature-text,.template-unlock-hydration .how-it-works-steps__feature-text em{font-size:20px;line-height:28px;letter-spacing:0}.template-unlock-hydration .how-it-works-steps__feature-text em{font-weight:500}}
/*# sourceMappingURL=/cdn/shop/t/230/assets/section-how-it-works-steps.css.map */