.four-benefits__heading{margin:0 0 3rem;text-align:center;font-size:var(--fs-section-heading);font-weight:700;color:var(--brand-fog)}.four-benefits__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem 2rem}.four-benefits__item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.3rem}.four-benefits__icon{width:13.5rem;height:13.5rem;object-fit:contain;margin-bottom:0}.four-benefits__title{margin:0;font-weight:700;font-size:var(--fs-lead);color:var(--brand-lavender)}.four-benefits__caption{margin:0;font-weight:400;font-size:var(--fs-subheading);color:var(--brand-fog)}.four-benefits__how{max-width:112rem;margin:5rem auto 0;padding:3.2rem;border:1px solid rgba(229,208,229,.24);border-radius:2.4rem;background:#ffffff0f}.four-benefits__how-heading{max-width:58rem;margin:0 auto 2.8rem;text-align:center}.four-benefits__how-eyebrow{margin:0 0 .6rem;color:var(--brand-lavender);font-size:1.2rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.four-benefits__how-heading h2{margin:0;color:var(--brand-fog);font-size:clamp(2.4rem,4vw,3.2rem);line-height:1.2}.four-benefits__how-heading>p:last-child{margin:.8rem 0 0;color:var(--brand-fog);font-size:var(--fs-subheading)}.four-benefits__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem;margin:0;padding:0;list-style:none}.four-benefits__step{display:grid;grid-template-columns:4.4rem minmax(0,1fr);align-items:start;gap:1.2rem;padding:1.8rem;border-radius:1.6rem;background:#e5d0e51a}.four-benefits__step-number{display:grid;width:4.4rem;height:4.4rem;place-items:center;border-radius:50%;background:var(--brand-pink);color:#fff;font-size:1.8rem;font-weight:700}.four-benefits__step strong{display:block;margin:.2rem 0 .5rem;color:var(--brand-lavender);font-size:1.7rem;line-height:1.25}.four-benefits__step p{margin:0;color:var(--brand-fog);font-size:1.4rem;line-height:1.5}@media screen and (max-width:749px){.four-benefits__how{margin-top:4rem;padding:2.4rem 1.6rem 1.6rem}.four-benefits__steps{grid-template-columns:1fr}.four-benefits__step{grid-template-columns:4rem minmax(0,1fr);padding:1.6rem}.four-benefits__step-number{width:4rem;height:4rem}}@media screen and (min-width:750px){.four-benefits .page-width{max-width:1260px}.four-benefits__grid{grid-template-columns:repeat(4,1fr);gap:3rem 5rem}.four-benefits__title{font-size:var(--fs-lead-upsize)}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-four-benefits.css.map */