.be-how__grid{display:flex;flex-direction:column}.be-how__body{order:1}.be-how__media{order:2;position:relative;aspect-ratio:4 / 3;margin-top:22px;overflow:hidden;border-radius:var(--be-radius);background:var(--be-photo-bg)}.be-how__media--empty{display:none}.be-how__video,.be-how__img,.be-how__embed,.be-how__media .be-ph{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0;object-fit:cover}.be-how__eyebrow{margin:0;font-family:var(--be-font-display);font-size:22px;line-height:1.2;letter-spacing:-.01em;color:var(--be-ink)}.be-how__title{display:none}.be-how--no-eyebrow .be-how__title{display:block;margin:0;font-family:var(--be-font-display);font-weight:400;font-size:22px;line-height:1.2;letter-spacing:-.01em}.be-how__steps{display:flex;flex-direction:column;margin:8px 0 0;padding:0;list-style:none}.be-how__step{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--be-line)}.be-how__step:last-child{border-bottom:0}.be-how__num{flex:none;width:24px;font-family:var(--be-font-display);font-size:22px;line-height:1.1;color:var(--be-copper)}.be-how__step-title{margin:0;font-family:var(--be-font-ui);font-size:14.5px;font-weight:600;line-height:1.35;letter-spacing:0;color:var(--be-ink)}.be-how__step-text{margin:3px 0 0;font-family:var(--be-font-ui);font-size:13px;line-height:1.45;color:var(--be-ink-60)}@media screen and (min-width:990px){.be-how__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}.be-how__media{order:0;margin:0}.be-how__media--empty{display:block}.be-how__body{order:0}.be-how__eyebrow{font-family:var(--be-font-ui);font-size:12px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:var(--be-ink-55)}.be-how__title,.be-how--no-eyebrow .be-how__title{display:block;margin:12px 0 0;font-family:var(--be-font-display);font-weight:400;font-size:38px;line-height:1.1;letter-spacing:-.015em;color:var(--be-ink);text-wrap:pretty}.be-how__steps{margin-top:22px}.be-how__step{gap:20px;padding:18px 0;border-top:1px solid var(--be-line);border-bottom:0}.be-how__step:last-child{border-bottom:1px solid var(--be-line)}.be-how__num{width:28px;font-size:26px;line-height:1}.be-how__step-title{font-size:16px}.be-how__step-text{margin-top:4px;font-size:14px;line-height:1.5}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/be-how-it-works.css.map */