.hiw{padding:var(--hiw-padding-top, 80px) 0 var(--hiw-padding-bottom, 80px)}.hiw__inner{max-width:960px;margin:0 auto;padding:0 2.4rem;text-align:center}.hiw__eyebrow{display:block;font-size:1.1rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(var(--color-foreground),.4);margin-bottom:1.2rem}.hiw__title{font-size:clamp(2.2rem,4vw,3.2rem);font-weight:300;letter-spacing:.04em;color:rgb(var(--color-foreground));margin:0 0 1.6rem;line-height:1.2}.hiw__divider{display:block;width:40px;height:1px;background:rgba(var(--color-foreground),.2);margin:0 auto 5.6rem}.hiw__steps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;position:relative;align-items:start}.hiw__steps:before{content:"";position:absolute;top:64px;left:calc(16.67% + 32px);right:calc(16.67% + 32px);height:1px;background:linear-gradient(90deg,transparent 0%,rgba(var(--color-foreground),.12) 10%,rgba(var(--color-foreground),.12) 90%,transparent 100%);pointer-events:none}.hiw__step{display:flex;flex-direction:column;align-items:center;padding:0 2.4rem}.hiw__step-num{font-size:1rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(var(--color-foreground),.3);margin-bottom:1.6rem;font-weight:400}.hiw__circle{width:128px;height:128px;border-radius:50%;border:1px solid rgba(var(--color-foreground),.15);display:flex;align-items:center;justify-content:center;margin-bottom:2.8rem;position:relative;background:rgb(var(--color-background));transition:border-color .3s ease,transform .3s ease}.hiw__circle:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;border:1px solid rgba(var(--color-foreground),.06);pointer-events:none}.hiw__step:hover .hiw__circle{border-color:rgba(var(--color-foreground),.35);transform:translateY(-3px)}.hiw__circle svg{stroke:rgba(var(--color-foreground),.6);transition:stroke .3s ease}.hiw__step:hover .hiw__circle svg{stroke:rgba(var(--color-foreground),.9)}.hiw__step-title{font-size:1.5rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--color-foreground));margin:0 0 1.2rem;line-height:1.3}.hiw__step-text{font-size:1.35rem;line-height:1.75;color:rgba(var(--color-foreground),.55);font-weight:300;max-width:220px;margin:0 auto}@media screen and (max-width:749px){.hiw{--hiw-padding-top: 56px;--hiw-padding-bottom: 56px}.hiw__steps{grid-template-columns:1fr;gap:4.8rem}.hiw__steps:before{display:none}.hiw__step{padding:0}.hiw__step-text{max-width:280px}.hiw__divider{margin-bottom:4rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-how-it-works.css.map */