.steps__heading{font-family:var(--font-heading);font-weight:700;font-size:calc(clamp(26px,3.6vw,40px) * var(--heading-scale));text-align:center;margin-bottom:clamp(26px,3vw,40px)}.steps__track{position:relative;display:grid;grid-template-columns:repeat(var(--steps, 4),minmax(0,1fr));gap:clamp(10px,2vw,24px);max-width:820px;margin-inline:auto}.steps__line{position:absolute;left:calc(50% / var(--steps, 4));right:calc(50% / var(--steps, 4));top:34px;height:6px;border-radius:999px;background:rgba(var(--text-rgb),.13);overflow:hidden}.steps__line i{display:block;width:0;height:100%;border-radius:999px;background:repeating-linear-gradient(135deg,var(--paper) 0 7px,var(--accent) 7px 14px);transition:width calc(2.2s * var(--anim-scale)) var(--ease)}.steps__track.is-drawn .steps__line i{width:100%}.step{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}.step__dot{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--card);border:3px solid var(--gold);color:var(--gold);box-shadow:0 8px 22px -10px rgba(var(--shadow-rgb),.6);transform:scale(.62);opacity:.32;transition:transform calc(.5s * var(--anim-scale)) cubic-bezier(.3,1.6,.4,1),opacity calc(.4s * var(--anim-scale)) var(--ease)}.step__dot b{font-family:var(--font-heading);font-weight:700;font-size:26px}.step.is-lit .step__dot{transform:scale(1);opacity:1}.step__title{font-family:var(--font-heading);font-weight:700;font-size:calc(clamp(14px,1.6vw,16px) * var(--heading-scale));letter-spacing:.04em;text-transform:uppercase}.step__text{font-size:13px;color:var(--text-muted);max-width:18ch}.steps__cta{display:flex;justify-content:center;margin-top:clamp(24px,3vw,38px)}@media(prefers-reduced-motion:reduce){.step__dot{transform:none;opacity:1;transition:none}.steps__line i{width:100%;transition:none}}.anim-off .step__dot{transform:none;opacity:1}.anim-off .steps__line i{width:100%}@media(max-width:749px){.steps__track{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 10px}.steps__line{display:none}.step__dot{width:58px;height:58px}.step__dot svg{width:24px;height:24px}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/section-how-it-works.css.map */