.eco-how-it-works{padding:var(--eco-section-y, clamp(54px, 7vw, 94px)) 0}.eco-how-it-works__layout{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch}.eco-how-it-works__media{min-width:0}.eco-how-it-works__media img{display:block;border-radius:0;width:100%;height:100%;min-height:420px;object-fit:cover}.eco-how-it-works__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,4.4vw,56px);background:#e5a8de;border-radius:0}.eco-how-it-works__copy h2{font-size:clamp(38px,4vw,58px);line-height:.98;letter-spacing:-.04em;color:var(--eco-navy, #06178e);margin:0 0 28px}.eco-how-it-works__copy p{color:var(--eco-muted, #697081);font-size:clamp(16px,1.35vw,18px);line-height:1.55;margin:0 0 28px;max-width:520px}.eco-how-it-works__footer{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.eco-how-it-works__note{font-size:16px;line-height:1.35;font-weight:800;color:var(--eco-navy, #06178e)}.eco-how-it-works__copy .eco-button,.eco-how-it-works__copy .btn,.eco-how-it-works__copy .button{border-radius:0}@media(max-width:767px){.eco-how-it-works__layout{grid-template-columns:1fr;gap:0}.eco-how-it-works__media img{min-height:280px}.eco-how-it-works__copy{padding:28px 24px}.eco-how-it-works__copy h2{font-size:clamp(30px,10vw,44px);margin-bottom:18px}.eco-how-it-works__copy p{font-size:16px;margin-bottom:20px}.eco-how-it-works__note{font-size:15px}}@media(max-width:767px){.eco-how-it-works__copy h2{font-size:30px;line-height:1.04}}@media(max-width:520px){.eco-how-it-works__copy h2{font-size:27px}}@media(max-width:390px){.eco-how-it-works__copy h2{font-size:24px}}@media(max-width:767px){.eco-how-it-works{padding:44px 0}.eco-how-it-works__media{aspect-ratio:4 / 3;overflow:hidden}.eco-how-it-works__media img{width:100%;height:100%;min-height:0;object-fit:cover}.eco-how-it-works__copy{padding:26px 20px 28px}.eco-how-it-works__footer .eco-btn,.eco-how-it-works__footer .eco-button,.eco-how-it-works__footer .button{min-height:48px;max-width:100%;white-space:normal;text-align:center}}@media(max-width:390px){.eco-how-it-works{padding:36px 0}.eco-how-it-works__copy{padding:22px 16px 24px}}
/*# sourceMappingURL=/cdn/shop/t/343/assets/ecosfera-how-it-works.css.map */