.bl-how-it-works-section{--serif: "Tiempos Text", Georgia, serif;--sans: "Mier A", system-ui, "Segoe UI", sans-serif;--display: "Soehne", "Helvetica Neue", Arial, sans-serif;--floral: #faf5ee}.bl-how-it-works-section *,.bl-how-it-works-section *:before,.bl-how-it-works-section *:after{box-sizing:border-box}.bl-how{background:var(--hc-section-bg, #faf5ee);color:var(--hc-text, #0f0f0e);padding:var(--hc-pt, 18px) var(--hc-px, 16px) var(--hc-pb, 18px)}.bl-how__wrap{max-width:var(--hc-maxw, 1200px);margin:0 auto;background:var(--hc-card-bg, #eaefdf);padding:var(--hc-card-py, 36px) var(--hc-card-px, 32px);border:var(--hc-border-width, 1.5px) solid var(--hc-border, #0f0f0e)}.bl-how .big{font-family:var(--serif);font-weight:400;font-size:clamp(31px,5vw,var(--hc-heading-size, 52px));line-height:1.08;letter-spacing:-.015em;margin:0;text-wrap:wrap;color:var(--hc-heading, #0f0f0e)}.bl-how .sub{font-family:var(--sans);font-weight:400;font-size:clamp(18.5px,2.6vw,34px);line-height:1.28;letter-spacing:-.015em;color:var(--hc-sub, #0f0f0e);margin:14px 0 0;max-width:34em}.bl-how .pnm{font-family:var(--display);font-weight:600;letter-spacing:-.02em}.bl-how .how-shots{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(14px,1.7vw,20px);max-width:880px;margin:0 auto clamp(26px,3.2vw,38px)}.bl-how .how-shots figure{margin:0;width:100%;aspect-ratio:1 / 1;overflow:hidden;border:1.5px solid var(--hc-border, #0f0f0e);background:var(--hc-media-bg, #faf5ee)}.bl-how .how-shots img{width:100%;height:100%;object-fit:cover;display:block}.bl-how .mech-flow{display:flex;gap:clamp(12px,1.6vw,20px);margin:clamp(22px,2.6vw,30px) auto 0;max-width:880px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}.bl-how .mech-flow::-webkit-scrollbar{display:none}.bl-how .mech-flow>.mstep{flex:0 0 82%;scroll-snap-align:start}.bl-how .mstep{border:1.5px solid var(--hc-border, #0f0f0e);border-radius:0;overflow:hidden;background:var(--hc-step-bg, #ffffff);display:flex;flex-direction:column}.bl-how .mstep-media{position:relative;height:clamp(112px,13vw,152px);display:flex;align-items:center;justify-content:center;line-height:0;background:var(--hc-media-bg, #faf5ee);border-bottom:1.5px solid var(--hc-border, #0f0f0e);overflow:hidden;padding:7px 10px;box-sizing:border-box}.bl-how .mstep-media img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;display:block}.bl-how .mstep-body{display:flex;align-items:flex-start;gap:13px;padding:17px 19px 20px}.bl-how .mstep-body .mn{font-family:var(--sans);font-weight:700;font-size:11.5px;color:var(--hc-number-text, #faf5ee);background:var(--hc-number-bg, #4d7628);width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;margin-top:1px;border-radius:50%}.bl-how .mtxt h3{font-family:var(--sans);font-weight:700;font-size:18px;letter-spacing:-.01em;margin:0 0 5px;color:var(--hc-text, #0f0f0e)}.bl-how .mtxt p{font-family:var(--sans);font-weight:500;font-size:15px;line-height:1.5;margin:0;color:var(--hc-text, #0f0f0e)}.bl-how .how-cta{display:flex;justify-content:center;margin:clamp(24px,3vw,36px) auto 0;max-width:880px}.bl-how .how-cta__btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--sans);font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;padding:12px 22px;border:1.5px solid var(--hc-border, #0f0f0e);background:var(--hc-btn-bg, #639332);color:var(--hc-btn-text, #ffffff);box-shadow:4px 4px 0 var(--hc-border, #0f0f0e);transition:background .15s ease,transform .06s ease,box-shadow .06s ease}.bl-how .how-cta__btn:hover{background:var(--hc-btn-hover, #4d7628);color:var(--hc-btn-text, #ffffff)}.bl-how .how-cta__btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--hc-border, #0f0f0e)}@media(min-width:1000px){.bl-how .how-cta{max-width:none}}.bl-how .hscroll{position:relative;padding-inline:0}.bl-how .hscroll-btn{display:none;position:absolute;top:46%;transform:translateY(-50%);z-index:6;width:42px;height:42px;border:1.5px solid var(--hc-border, #0f0f0e);background:#fff;color:var(--hc-border, #0f0f0e);cursor:pointer;align-items:center;justify-content:center;box-shadow:3px 3px 0 var(--hc-border, #0f0f0e);font-family:var(--sans);font-weight:800;font-size:17px;line-height:1;padding:0}.bl-how .hscroll-btn:hover{background:var(--floral)}.bl-how .hscroll-btn.prev{left:-4px}.bl-how .hscroll-btn.next{right:-4px}.bl-how .hscroll.has-scroll .hscroll-btn{display:flex}.bl-how .hscroll.has-scroll .hscroll-btn[disabled]{display:none}@media(max-width:640px){.bl-how .how-shots{gap:10px;margin-bottom:20px}}@media(min-width:900px){.bl-how .mech-flow>.mstep{flex:1 1 0;min-width:0}}@media(max-width:700px){.bl-how .mstep-body{padding:13px 14px 15px;gap:10px}.bl-how .mtxt h3{font-size:15px}.bl-how .mtxt p{font-size:13px}.bl-how .mstep-body .mn{width:24px;height:24px;font-size:10px}}@media(min-width:1000px){.bl-how .how-shots{display:none}.bl-how .mech-flow{max-width:none}}@media(max-width:900px){.bl-how{padding-left:max(12px,var(--hc-px, 16px));padding-right:max(12px,var(--hc-px, 16px))}}@media(max-width:560px){.bl-how .sub{font-size:17.5px;line-height:1.42;letter-spacing:-.01em}}
/*# sourceMappingURL=/cdn/shop/t/319/assets/how-clears.css.map */