.before-after-cards{--before-after-gutter: 20px;--before-after-gap: 30px;--before-after-card-border: #c3c3c3;--before-after-card-radius: 8px;--before-after-photo-radius: 4px;--before-after-photo-gap: 4px;--before-after-muted: #8a9a93;--before-after-tick: #22a45d;--before-after-weight-medium: 500;--before-after-bold: 700;--before-after-intro-gap: 24px;--before-after-eyebrow-gap: 12px;--before-after-heading-size: 26px;--before-after-heading-line: 32px;--before-after-heading-track: -.26px;--before-after-heading-gap: 12px;--before-after-sub-size: 15px;--before-after-sub-line: 21px;--before-after-sub-max: 330px;--before-after-body-pad: 18px;--before-after-meta-size: 13px;--before-after-tick-size: 15px;--before-after-title-gap: 16px;--before-after-quote-size: 15px;--before-after-note-size: 11px;--before-after-note-line: 18px;--before-after-note-max: 100%;--before-after-note-gap: 24px;--before-after-cta-gap: 22px;--before-after-button-width: 100%;--before-after-button-height: 48px;--before-after-pad-top-now: var(--before-after-pad-top-mobile);--before-after-pad-bottom-now: var(--before-after-pad-bottom-mobile);display:block;padding-block:var(--before-after-pad-top-now) var(--before-after-pad-bottom-now);background-color:var(--before-after-background, rgb(var(--color-background)));color:rgb(var(--color-foreground));font-family:var(--font-brand-family)}@media screen and (min-width:750px){.before-after-cards{--before-after-gutter: 40px;--before-after-gap: 72px;--before-after-intro-gap: 34px;--before-after-heading-size: 29px;--before-after-heading-line: 33px;--before-after-heading-track: -.35px;--before-after-heading-gap: 14px;--before-after-sub-size: 16px;--before-after-sub-line: 24px;--before-after-sub-max: 700px;--before-after-body-pad: 16px 20px 24px;--before-after-meta-size: 12px;--before-after-tick-size: 14px;--before-after-title-gap: 10px;--before-after-quote-size: 14px;--before-after-note-size: 14px;--before-after-note-line: 20px;--before-after-note-max: 700px;--before-after-note-gap: 30px;--before-after-cta-gap: 26px;--before-after-button-width: 388px;--before-after-button-height: 41px;--before-after-pad-top-now: var(--before-after-pad-top);--before-after-pad-bottom-now: var(--before-after-pad-bottom)}}@media screen and (min-width:1200px){.before-after-cards{--before-after-gutter: 131px}}.before-after-cards__inner{box-sizing:border-box;max-inline-size:1440px;margin-inline:auto;padding-inline:var(--before-after-gutter)}.before-after-cards__intro{margin-block-end:var(--before-after-intro-gap);text-align:center}.before-after-cards__intro .before-after-cards__eyebrow{margin:0 0 var(--before-after-eyebrow-gap);padding:0;font-size:11px;font-weight:var(--font-weight-semibold);line-height:1.2;letter-spacing:1.6px;text-transform:uppercase}.before-after-cards__intro .before-after-cards__heading{margin:0 0 var(--before-after-heading-gap);padding:0;font-family:var(--font-brand-family);font-size:var(--before-after-heading-size);font-weight:var(--before-after-bold);line-height:var(--before-after-heading-line);letter-spacing:var(--before-after-heading-track);text-transform:none}.before-after-cards__heading em{font-family:var(--font-accent-family);font-style:italic;font-weight:var(--font-weight-regular)}.before-after-cards__intro .before-after-cards__subheading{max-inline-size:var(--before-after-sub-max);margin:0 auto;padding:0;font-size:var(--before-after-sub-size);font-weight:var(--font-weight-regular);line-height:var(--before-after-sub-line);letter-spacing:-.15px}.before-after-cards__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--before-after-gap)}@media screen and (min-width:750px){.before-after-cards__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.before-after-cards__card{display:flex;flex-direction:column;min-inline-size:0;margin:0;padding:0;overflow:hidden;border:1px solid var(--before-after-card-border);border-radius:var(--before-after-card-radius);background-color:var(--before-after-card-background, transparent)}.before-after-cards__media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--before-after-photo-gap);block-size:100%}.before-after-cards__figure{margin:0;padding:0;overflow:hidden}.before-after-cards__image{display:block;inline-size:100%;block-size:100%;object-fit:cover;object-position:center;border-radius:var(--before-after-photo-radius)}.before-after-cards__body{padding:var(--before-after-body-pad)}.before-after-cards__meta{display:flex;flex-direction:column;gap:8px;align-items:flex-start}@media screen and (min-width:750px){.before-after-cards__meta{flex-direction:row;gap:10px;align-items:center}}.before-after-cards__name,.before-after-cards__verified-text{font-size:var(--before-after-meta-size);font-weight:var(--font-weight-regular);line-height:1.2;letter-spacing:0}.before-after-cards__verified{display:inline-flex;gap:6px;align-items:center}.before-after-cards__verified-text{font-family:var(--font-accent-family);font-style:normal}.before-after-cards__check{flex-shrink:0;inline-size:var(--before-after-tick-size);block-size:var(--before-after-tick-size);color:var(--before-after-tick)}.before-after-cards__body .before-after-cards__title{margin:var(--before-after-title-gap) 0 0;padding:0;font-family:var(--font-brand-family);font-size:15px;font-weight:var(--before-after-bold);line-height:20px;letter-spacing:-.15px;text-transform:none}.before-after-cards__body .before-after-cards__quote{margin:14px 0 0;padding:0;font-size:var(--before-after-quote-size);font-weight:var(--font-weight-regular);line-height:22px;letter-spacing:-.15px}.before-after-cards__inner .before-after-cards__note{max-inline-size:var(--before-after-note-max);margin:var(--before-after-note-gap) auto 0;padding:0;color:var(--before-after-muted);font-size:var(--before-after-note-size);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--before-after-note-line);letter-spacing:-.13px;text-align:center}.before-after-cards__cta{--landing-button-width: var(--before-after-button-width);--landing-button-max-width: 100%;--landing-button-font-size: 13px;--landing-button-letter-spacing: .13px;--landing-button-line-height: 1.2;--landing-button-text: var(--brand-white);--landing-button-padding-inline: 20px;--landing-button-padding-block: calc((var(--before-after-button-height) - 15.6px - 2px) / 2);display:flex;justify-content:center;margin-block-start:var(--before-after-cta-gap)}.before-after-cards .before-after-cards__button{font-weight:var(--before-after-weight-medium)}.before-after-cards--single{--before-after-gutter: 16px;--before-after-gap: 30px;--before-after-intro-gap: 20px;--before-after-heading-size: 28px;--before-after-heading-line: 32px;--before-after-heading-track: normal;--before-after-heading-gap: 0px;--before-after-sub-size: 16px;--before-after-sub-line: 20px;--before-after-sub-max: 600px;--before-after-quote-size: 14px;--before-after-note-size: 11px;--before-after-note-line: 18px;--before-after-note-max: 360px;--before-after-note-gap: 12px;--before-after-card-border: #c3c3c3}@media screen and (min-width:641px){.before-after-cards--single{--before-after-gutter: 40px;--before-after-pad-top-now: var(--before-after-pad-top);--before-after-pad-bottom-now: var(--before-after-pad-bottom);--before-after-note-size: 14px;--before-after-note-line: 20px;--before-after-note-max: 700px;--before-after-note-gap: 20px;--before-after-heading-size: 44px;--before-after-heading-line: 50px}}@media screen and (min-width:1025px){.before-after-cards--single{--before-after-gutter: 80px;--before-after-gap: 80px}}.before-after-cards--single .before-after-cards__inner{max-inline-size:none}.before-after-cards--single .before-after-cards__intro{display:flex;flex-direction:column;align-items:center;gap:10px;max-inline-size:1280px;margin:1px auto 30px}@media screen and (min-width:641px){.before-after-cards--single .before-after-cards__intro{gap:20px;margin-block-end:40px}}.before-after-cards--single .before-after-cards__intro .before-after-cards__eyebrow{margin:0;font-size:12px;line-height:18px;letter-spacing:1.8px;text-transform:none;color:#5f7a63}.before-after-cards--single .before-after-cards__intro .before-after-cards__heading{max-inline-size:880px;margin:0;font-family:var(--font-semibold-family);font-weight:var(--font-weight-regular)}.before-after-cards--single .before-after-cards__intro .before-after-cards__subheading{margin:0;letter-spacing:normal;color:#42566f}.before-after-cards--single .before-after-cards__grid{grid-template-columns:minmax(0,1fr);max-inline-size:1280px;margin-inline:auto;justify-items:center}@media screen and (min-width:1025px){.before-after-cards--single .before-after-cards__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.before-after-cards--single .before-after-cards__card{inline-size:100%;max-inline-size:350px;padding-block-end:0}@media screen and (min-width:641px){.before-after-cards--single .before-after-cards__card{max-inline-size:740px}}@media screen and (min-width:1025px){.before-after-cards--single .before-after-cards__card{max-inline-size:none}}.before-after-cards--single .before-after-cards__media{display:block;block-size:auto}.before-after-cards--single .before-after-cards__figure{overflow:visible}.before-after-cards--single .before-after-cards__image{block-size:auto;aspect-ratio:800 / 529;border-radius:0}.before-after-cards--single .before-after-cards__body{padding:20px 30px 30px}@media screen and (min-width:641px){.before-after-cards--single .before-after-cards__body{padding-block-end:34px}}.before-after-cards--single .before-after-cards__meta{flex-direction:column;gap:0;align-items:flex-start}@media screen and (min-width:641px){.before-after-cards--single .before-after-cards__meta{flex-direction:row;gap:8px;align-items:center}}.before-after-cards--single .before-after-cards__name:after{content:" |"}.before-after-cards--single .before-after-cards__name,.before-after-cards--single .before-after-cards__verified-text{font-family:var(--font-semibold-family);font-size:12px;line-height:20px}.before-after-cards--single .before-after-cards__verified{gap:4px;padding-inline-start:8px}@media screen and (min-width:641px){.before-after-cards--single .before-after-cards__verified{padding-inline-start:0}}.before-after-cards--single .before-after-cards__verified-text{font-family:Times New Roman,Times,serif}.before-after-cards--single .before-after-cards__check{inline-size:16px;block-size:16px;color:#209f53}.before-after-cards--single .before-after-cards__body .before-after-cards__title{margin:10px 0 0;font-size:14px;font-weight:var(--font-weight-semibold);line-height:20px;letter-spacing:normal}@media screen and (min-width:641px){.before-after-cards--single .before-after-cards__body .before-after-cards__title{margin-block-start:0;line-height:24px}}.before-after-cards--single .before-after-cards__body .before-after-cards__quote{margin:20px 0 0;font-size:14px;line-height:20px;letter-spacing:normal;color:#000}@media screen and (min-width:641px){.before-after-cards--single .before-after-cards__body .before-after-cards__quote{margin-block-start:12px;line-height:24px}}.before-after-cards--single .before-after-cards__inner .before-after-cards__note{margin-block-end:0;padding-block-end:16px;letter-spacing:normal;color:#7286a0}@media screen and (min-width:641px){.before-after-cards--single .before-after-cards__inner .before-after-cards__note{padding-block-end:42px}}.before-after-cards--duo .before-after-cards__card{display:flex;flex-direction:column;overflow:hidden}.before-after-cards--duo .before-after-cards__media{display:grid;flex:1 1 auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.before-after-cards--duo .before-after-cards__figure{position:relative;inline-size:100%;min-inline-size:0;align-self:stretch;aspect-ratio:4 / 5}@media screen and (min-width:641px){.before-after-cards--duo .before-after-cards__figure{block-size:150px;aspect-ratio:auto}}@media screen and (min-width:1025px){.before-after-cards--duo .before-after-cards__figure{block-size:auto;aspect-ratio:4 / 5}}.before-after-cards--duo .before-after-cards__image{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;aspect-ratio:auto;object-fit:cover}@media screen and (min-width:641px){.before-after-cards--duo .before-after-cards__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-inline-size:740px}}@media screen and (min-width:1025px){.before-after-cards--duo .before-after-cards__grid{gap:var(--before-after-gap);max-inline-size:1280px}}@media screen and (min-width:641px){.before-after-cards--duo .before-after-cards__card{max-inline-size:none}}.before-after-cards--duo .before-after-cards__name:after{content:none}.before-after-cards--duo .before-after-cards__body .before-after-cards__quote{color:#021832}@media screen and (min-width:641px){.before-after-cards--duo{padding-block:70px 28px}}@media screen and (min-width:1025px){.before-after-cards--duo{padding-block:var(--before-after-pad-top-now) var(--before-after-pad-bottom-now)}}@media screen and (min-width:641px){.before-after-cards--duo .before-after-cards__inner{padding-inline:14px}}@media screen and (min-width:1025px){.before-after-cards--duo .before-after-cards__inner{padding-inline:var(--before-after-gutter)}}@media screen and (min-width:641px){.before-after-cards--duo .before-after-cards__intro{gap:15px;margin-block-end:35px}}@media screen and (min-width:1025px){.before-after-cards--duo .before-after-cards__intro{gap:20px;margin-block-end:40px}}@media screen and (min-width:641px){.before-after-cards--duo .before-after-cards__body{padding-block-end:30px}}@media screen and (min-width:1025px){.before-after-cards--duo .before-after-cards__body{padding-block-end:34px}}@media screen and (min-width:641px){.before-after-cards--duo .before-after-cards__body .before-after-cards__title{font-size:12px;line-height:18px}}@media screen and (min-width:1025px){.before-after-cards--duo .before-after-cards__body .before-after-cards__title{font-size:14px;line-height:24px}}@media screen and (min-width:641px){.before-after-cards--duo .before-after-cards__body .before-after-cards__quote{margin-block-start:10px}}@media screen and (min-width:1025px){.before-after-cards--duo .before-after-cards__body .before-after-cards__quote{margin-block-start:12px}}@media screen and (min-width:641px){.before-after-cards--duo .before-after-cards__inner .before-after-cards__note{margin-block-start:15px}}@media screen and (min-width:1025px){.before-after-cards--duo .before-after-cards__inner .before-after-cards__note{margin-block-start:var(--before-after-note-gap)}}@media screen and (min-width:641px){.before-after-cards--duo .before-after-cards__media{flex:0 0 auto}}@media screen and (min-width:1025px){.before-after-cards--duo .before-after-cards__media{flex:1 1 auto}}.before-after-cards--duo .before-after-cards__figure{aspect-ratio:auto}.before-after-cards--duo .before-after-cards__figure:before{content:"";display:block;padding-block-start:125%}@media screen and (min-width:641px)and (max-width:1024px){.before-after-cards--duo .before-after-cards__figure:before{display:none}}
/*# sourceMappingURL=/cdn/shop/t/1123/assets/section-before-after-cards.css.map */