.how-sylent{padding:50px 0 90px;background:var(--color-secondary)}.how-sylent .page-width{max-width:1240px}.how-sylent__header{max-width:760px;margin:0 auto 50px;text-align:center}.how-sylent__eyebrow{display:block;color:var(--color-accent);text-transform:uppercase;letter-spacing:.35em;font-size:13px;font-weight:600;margin-bottom:18px}.how-sylent__title{margin:0;color:#0e1a3a;font-size:clamp(38px,5vw,60px);line-height:1.1;letter-spacing:-.03em}.how-sylent__description{margin-top:24px;color:#0e1a3ab8;font-size:18px;line-height:1.8}.how-sylent__steps{display:flex;flex-direction:column;gap:70px}.how-sylent__step{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.how-sylent__step--reverse .how-sylent__content{order:2}.how-sylent__step--reverse .how-sylent__media{order:1}.how-sylent__number{display:block;font-size:88px;font-weight:700;line-height:1;color:#c2a14a2e;margin-bottom:18px}.how-sylent__content h3{margin:0;color:#0e1a3a;font-size:34px;line-height:1.15}.how-sylent__content p{margin-top:22px;color:#0e1a3ab8;line-height:1.8;font-size:18px;max-width:430px}.how-sylent__media{display:flex;justify-content:center;align-items:center;width:100%;aspect-ratio:1 / 1;max-width:320px;margin:0 auto;overflow:hidden;border-radius:50%}.how-sylent__image{width:100%;height:100%;object-fit:cover;display:block}.how-sylent__placeholder{width:100%;max-width:520px;aspect-ratio:1/1;border-radius:28px;background:#f8f8f8;border:2px dashed rgba(14,26,58,.12);display:flex;align-items:center;justify-content:center;color:#0e1a3a73;font-size:18px}@media(max-width:990px){.how-sylent{padding:48px 0}.how-sylent .page-width{padding:0 24px}.how-sylent__header{max-width:100%;margin:0 auto 48px;text-align:center}.how-sylent__eyebrow{font-size:11px;letter-spacing:.3em;margin-bottom:12px}.how-sylent__title{font-size:clamp(34px,9vw,42px);line-height:1.1}.how-sylent__description{max-width:320px;margin:18px auto 0;font-size:17px;line-height:1.7}.how-sylent__steps{display:flex;flex-direction:row;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 24px 18px;margin:0 -24px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.how-sylent__steps::-webkit-scrollbar{display:none}.how-sylent__step{flex:0 0 86%;display:flex;flex-direction:column;align-items:center;gap:22px;padding:32px 24px;background:#fff;border-radius:28px;box-shadow:0 6px 18px #0e1a3a0f;scroll-snap-align:center}.how-sylent__step--reverse .how-sylent__content,.how-sylent__step--reverse .how-sylent__media{order:initial}.how-sylent__media{order:1;display:flex;justify-content:center;width:180px}.how-sylent__content{order:2;text-align:center}.how-sylent__number{font-size:52px;margin-bottom:10px}.how-sylent__content h3{margin:0;font-size:26px}.how-sylent__content p{max-width:260px;margin:14px auto 0;font-size:16px;line-height:1.65}.how-sylent__image,.how-sylent__placeholder{width:100%;max-width:240px;margin:0 auto;border-radius:22px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-how-it-works-sylent.css.map */