.gp-how{padding:60px 80px;background:var(--gp-black, #0a0a0a);color:var(--gp-white, #f5f5f0);font-family:var(--gp-body, "DM Sans", sans-serif)}.gp-how__header{text-align:center;margin-bottom:80px}.gp-how__eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px}.gp-how__eyebrow-line{width:32px;height:1px;background:var(--gp-red, #CC2222);flex-shrink:0}.gp-how__eyebrow span{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--gp-red, #CC2222);font-weight:500}.gp-how__title{font-family:var(--gp-display, "Bebas Neue", sans-serif);font-size:clamp(48px,4.5vw,72px);line-height:.95;letter-spacing:2px;color:var(--gp-white, #f5f5f0);margin:0}.gp-how__title em{font-style:normal;color:var(--gp-red, #CC2222)}.gp-how__steps{display:grid;grid-template-columns:repeat(3,1fr);position:relative}.gp-how__steps:before{content:"";position:absolute;top:40px;left:calc(16.6% + 20px);right:calc(16.6% + 20px);height:1px;background:linear-gradient(to right,transparent,var(--gp-red, #CC2222),transparent);pointer-events:none}.gp-how__step{padding:0 40px;position:relative;text-align:center}.gp-how__step:not(:last-child){border-right:1px solid var(--gp-border, rgba(255, 255, 255, .08))}.gp-how__step-num{width:80px;height:80px;border:1px solid var(--gp-red, #CC2222);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--gp-display, "Bebas Neue", sans-serif);font-size:32px;color:var(--gp-red, #CC2222);margin:0 auto 32px;position:relative;background:var(--gp-black, #0a0a0a);z-index:2}.gp-how__step-title{font-family:var(--gp-display, "Bebas Neue", sans-serif);font-size:28px;letter-spacing:1px;color:var(--gp-white, #f5f5f0);margin-bottom:14px}.gp-how__step-desc{font-size:17px;color:var(--gp-muted, #888880);line-height:1.7;font-weight:300;margin:0}@media screen and (max-width:960px){.gp-how{padding:80px 24px}.gp-how__steps{grid-template-columns:1fr;gap:48px}.gp-how__steps:before{display:none}.gp-how__step{padding:0}.gp-how__step:not(:last-child){border-right:none;border-bottom:1px solid var(--gp-border, rgba(255, 255, 255, .08));padding-bottom:48px}}@media screen and (max-width:480px){.gp-how__header{margin-bottom:56px}.gp-how__title{font-size:44px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/gp-how-it-works.css.map */