.wod3d-how{background:var(--wod-s1);padding:70px 0}.wod3d-sec-label{font-family:var(--wod-mono);font-size:10px;color:var(--wod-purple);letter-spacing:3px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:8px}.wod3d-sec-label:before{content:"";display:block;width:20px;height:1px;background:var(--wod-purple)}.wod3d-sec-title{font-family:var(--wod-ff)!important;font-weight:800!important;font-size:clamp(28px,5vw,42px)!important;text-transform:lowercase!important;letter-spacing:-.5px!important;line-height:.95!important;color:var(--wod-text)!important;margin-bottom:6px;text-align:center}.wod3d-sec-title:first-letter{text-transform:uppercase!important}.wod3d-sec-sub{font-family:var(--wod-ff-body);font-weight:400;font-size:16px;color:#fff;font-style:normal;line-height:1.5;max-width:420px;margin:8px auto 0}.wod3d-how__header{text-align:center;margin-bottom:70px}.wod3d-how__steps{display:grid;grid-template-columns:repeat(4,1fr);position:relative}.wod3d-how__steps:before{content:"";position:absolute;top:20px;left:12.5%;width:75%;right:auto;height:1px;background:linear-gradient(90deg,transparent,var(--wod-purple) 10%,var(--wod-neon) 50%,var(--wod-purple) 90%,transparent);z-index:0;transform-origin:left center;transform:scaleX(1);will-change:transform}.wod3d-how__steps--enhanced:not(.wod3d-how__steps--inview):before{transform:scaleX(0)}.wod3d-how__steps--enhanced.wod3d-how__steps--inview:before{transform:scaleX(1);transition:transform 1.1s cubic-bezier(.22,1,.36,1)}.wod3d-how__line{display:none}.wod3d-how__step{padding:0 16px;text-align:center;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;--wod-step: 0}.wod3d-how__steps--enhanced:not(.wod3d-how__steps--inview)>.wod3d-how__step{opacity:0;transform:translateY(1.1rem) scale(.98)}.wod3d-how__steps--enhanced.wod3d-how__steps--inview>.wod3d-how__step{opacity:1;transform:translateY(0) scale(1);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1);transition-delay:calc(.12s + (var(--wod-step, 0) * .14s))}.wod3d-how__steps--enhanced.wod3d-how__steps--inview>.wod3d-how__step .wod3d-how__circle{animation:wod3d-how-circle-pop .65s cubic-bezier(.34,1.2,.64,1) both;animation-delay:calc(.1s + (var(--wod-step, 0) * .14s))}@keyframes wod3d-how-circle-pop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.wod3d-how__circle{width:50px;height:50px;border-radius:50%;background:var(--wod-purple);border:1px solid var(--wod-purple);display:flex;align-items:center;justify-content:center;font-family:var(--wod-ff);font-weight:800;font-size:20px;color:#fff;position:relative;z-index:2;flex-shrink:0;transition:all .2s}.wod3d-how__step--active .wod3d-how__circle{background:var(--wod-purple);border-color:var(--wod-purple);color:#fff;box-shadow:0 0 20px var(--wod-glow)}.wod3d-how__body{margin-top:20px}.wod3d-how__step-title{font-family:var(--wod-ff);font-weight:700;font-size:18px;line-height:1.2;text-transform:none;letter-spacing:.5px;color:var(--wod-text);margin-bottom:8px}.wod3d-how__step-text{font-family:var(--wod-ff-body);font-weight:400;font-size:16px;color:#a799c8;line-height:1.3}.wod3d-how__cta{text-align:center;margin-top:40px;padding-top:32px;border-top:1px solid var(--wod-border)}.wod3d-how__cta-note{font-family:var(--wod-ff-body);font-size:13px;color:var(--wod-muted);margin-bottom:16px}.wod3d-how__cta-sub{margin-top:15px;font-size:14px;color:#a799c8;font-family:var(--wod-ff-body)}@media screen and (max-width:749px){.wod3d-how__steps{grid-template-columns:1fr 1fr;gap:10px}.wod3d-how__line{display:none}.wod3d-how__steps:before{display:none}}@media(prefers-reduced-motion:reduce){.wod3d-how__steps--enhanced:not(.wod3d-how__steps--inview)>.wod3d-how__step{opacity:1!important;transform:none!important}.wod3d-how__steps--enhanced:before,.wod3d-how__steps--enhanced.wod3d-how__steps--inview:before{transform:none!important;transition:none!important}.wod3d-how__steps--enhanced .wod3d-how__step .wod3d-how__circle{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/wod3d-how-it-works.css.map */