.gn-how{--how-pad-y: 60px;--how-title-pb: 29px;--how-steps-pt: 32px;--how-gap: 58px;--how-h2: 34px;--how-h3: var(--gn-fs-h3-step);padding-block:var(--how-pad-y)}.gn-how__title{display:flex;align-items:center;justify-content:space-between;gap:var(--gn-sp-13);padding-bottom:var(--how-title-pb);border-bottom:1px solid color-mix(in srgb,var(--gn-color-ink) 21%,transparent)}.gn-how .gn-eyebrow{margin:0}.gn-how .gn-how__h2{font-size:var(--how-h2);letter-spacing:var(--gn-ls-h2);line-height:1.05;text-align:end}.gn-how__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--how-gap);padding-top:var(--how-steps-pt);counter-reset:how-step}.gn-how__step{counter-increment:how-step}.gn-how__num{font-size:var(--gn-fs-eyebrow);font-weight:500}.gn-how__num:before{content:counter(how-step,decimal-leading-zero)}.gn-how .gn-how__step h3{margin-top:var(--gn-sp-6);font:600 var(--gn-fs-h3-step) / 1.2 var(--gn-font-body);letter-spacing:-.035em}.gn-how__step p{max-width:300px;margin-top:var(--gn-sp-6);font-size:var(--gn-fs-lead-mobile);line-height:1.8}@media(max-width:1100px){.gn-how{--how-gap: 35px}}@media(max-width:900px){.gn-how{--how-pad-y: 40px;--how-title-pb: 23px;--how-steps-pt: 24px;--how-h2: 28px;--how-h3: 20px}.gn-how__title{display:block}.gn-how .gn-eyebrow{margin-bottom:var(--gn-sp-6)}.gn-how .gn-how__h2{text-align:start}.gn-how__steps{grid-template-columns:1fr;gap:22px}.gn-how__step{display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:var(--gn-sp-6)}.gn-how__num{grid-column:1;grid-row:1;margin-top:var(--gn-sp-3)}.gn-how .gn-how__step h3{grid-column:2;margin:0;font-size:var(--how-h3)}.gn-how__step p{grid-column:2;max-width:none;margin-top:var(--gn-sp-4);font-size:var(--gn-fs-ui)}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/gn-how-to-use.css.map */