.how-it-works-page{--how-it-works-accent: #107687;--how-it-works-accent-dark: #075461;--how-it-works-highlight: #ffc745;--how-it-works-text: #3f4141;--how-it-works-tint: #edf6f6;color:var(--how-it-works-text);overflow:hidden}.how-it-works-page__intro{padding-bottom:72px;padding-top:80px;text-align:center}.how-it-works-page__title{color:var(--how-it-works-text);font-family:var(--font-heading-family);font-size:clamp(38px,4vw,56px);line-height:1.1;margin:0 0 30px}.how-it-works-page__intro-copy{font-size:clamp(17px,1.5vw,20px);line-height:1.65;margin:0 auto;max-width:760px}.how-it-works-page__intro-copy p{margin:0}.how-it-works-page__intro-copy p+p{margin-top:16px}.how-it-works-page__intro-copy a{color:var(--how-it-works-accent);text-decoration-thickness:1px;text-underline-offset:2px}.how-it-works-page__intro-copy a:hover{color:var(--how-it-works-accent-dark)}.how-it-works-page__intro-copy a:focus-visible,.how-it-works-page__cta:focus-visible{outline:3px solid var(--how-it-works-highlight);outline-offset:4px}.how-it-works-page__expectation{color:var(--how-it-works-accent-dark);font-family:var(--font-heading-family);font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1.25;margin:56px auto 0;max-width:760px}.how-it-works-page__step-band{padding:72px 0}.how-it-works-page__step-band--tinted{background:var(--how-it-works-tint)}.how-it-works-page__step{align-items:center;display:grid;gap:clamp(40px,6vw,80px);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.how-it-works-page__step--reverse .how-it-works-page__media{order:2}.how-it-works-page__step--reverse .how-it-works-page__step-copy{order:1}.how-it-works-page__media{background:#dfeceb;border-radius:12px;box-shadow:0 12px 32px #0754611f;overflow:hidden;position:relative}.how-it-works-page__media:after{border:2px solid rgba(255,199,69,.95);border-radius:8px;bottom:12px;content:"";left:12px;pointer-events:none;position:absolute;right:12px;top:12px}.how-it-works-page__media img{aspect-ratio:3 / 2;display:block;height:auto;object-fit:cover;width:100%}.how-it-works-page__step-label{align-items:center;color:var(--how-it-works-accent);display:flex;font-size:15px;font-weight:700;gap:12px;letter-spacing:.12em;margin:0 0 16px;text-transform:uppercase}.how-it-works-page__step-label:after{background:var(--how-it-works-highlight);content:"";height:3px;width:48px}.how-it-works-page__step-copy h2{color:var(--how-it-works-accent-dark);font-family:var(--font-heading-family);font-size:clamp(30px,3vw,44px);line-height:1.15;margin:0 0 20px}.how-it-works-page__step-copy>p:last-child{font-size:clamp(17px,1.4vw,20px);line-height:1.7;margin:0;max-width:600px}.how-it-works-page__closing{background:var(--how-it-works-accent-dark);color:#fff;padding:72px 0;text-align:center}.how-it-works-page__closing-inner{align-items:center;display:flex;flex-direction:column}.how-it-works-page__closing p{font-size:clamp(17px,1.5vw,20px);line-height:1.7;margin:0 auto 32px;max-width:860px}.how-it-works-page__cta{background:var(--how-it-works-highlight);border-color:var(--how-it-works-highlight);color:#26383a;font-weight:700;min-height:52px;padding:0 28px;text-decoration:none}.how-it-works-page__cta:hover{background:#ffd56e;border-color:#ffd56e;color:#26383a}#MainContent+.shopify-section-group-footer-group .footer{margin-top:0}@media screen and (max-width:989px){.how-it-works-page__intro{padding-bottom:56px;padding-top:64px}.how-it-works-page__expectation{margin-top:44px}.how-it-works-page__step-band{padding:56px 0}.how-it-works-page__step{gap:32px;grid-template-columns:1fr}.how-it-works-page__step--reverse .how-it-works-page__media,.how-it-works-page__step--reverse .how-it-works-page__step-copy{order:initial}.how-it-works-page__step-copy{margin:0 auto;max-width:720px;text-align:center}.how-it-works-page__step-label{justify-content:center}.how-it-works-page__step-copy>p:last-child{margin-left:auto;margin-right:auto}}@media screen and (max-width:749px){.how-it-works-page__intro{padding-bottom:48px;padding-top:48px}.how-it-works-page__title{margin-bottom:24px}.how-it-works-page__step-band,.how-it-works-page__closing{padding:48px 0}.how-it-works-page__media{border-radius:8px}.how-it-works-page__media:after{bottom:8px;left:8px;right:8px;top:8px}.how-it-works-page__step-copy h2{margin-bottom:16px}}@media(prefers-reduced-motion:reduce){.how-it-works-page *,.how-it-works-page *:before,.how-it-works-page *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/387/assets/section-how-it-works-page.css.map */