.sb-three-phase{background:var(--sb-tp-bg);color:var(--sb-tp-text);padding-block:var(--sb-tp-padding-top) var(--sb-tp-padding-bottom)}.sb-three-phase__inner{display:grid;grid-template-columns:1.35fr 1fr;gap:4.8rem;align-items:center;max-width:1200px}.sb-three-phase__photo{border-radius:2rem;overflow:hidden;box-shadow:0 .1rem .2rem #1e24300a,0 2.4rem 4.8rem -2.4rem #1e24302e}.sb-three-phase__photo img{display:block;width:100%;height:auto}.sb-three-phase__eyebrow{color:var(--sb-tp-eyebrow);font-size:1.1rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:1.2rem}.sb-three-phase__heading{font-family:var(--sb-font, inherit);font-size:clamp(2.4rem,2.4vw,3rem);font-weight:800;letter-spacing:-.02em;line-height:1.18;margin:0 0 1.6rem;text-wrap:balance}.sb-three-phase__heading em{color:var(--sb-tp-accent);font-style:normal}.sb-three-phase__subheading{color:var(--sb-tp-muted);font-size:1.5rem;line-height:1.55;margin:0 0 2.8rem}.sb-three-phase__steps{display:flex;flex-direction:column;gap:1.8rem}.sb-three-phase__step{display:flex;gap:1.4rem}.sb-three-phase__step-num{flex:0 0 auto;width:2.8rem;height:2.8rem;border-radius:50%;background:var(--sb-tp-accent);color:var(--sb-tp-step-num-text);font-size:1.3rem;font-weight:800;display:flex;align-items:center;justify-content:center}.sb-three-phase__step-title{font-size:1.45rem;font-weight:700;margin:0 0 .3rem}.sb-three-phase__step-desc{color:var(--sb-tp-muted);font-size:1.35rem;line-height:1.5;margin:0}.sb-three-phase__cta{align-items:center;background:var(--sb-tp-cta-bg);border-radius:1.6rem;color:var(--sb-tp-cta-text);display:inline-flex;font-size:1.4rem;font-weight:700;gap:1rem;justify-content:center;margin-top:2.8rem;padding:1.6rem 2.6rem;text-decoration:none;transition:background-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease;white-space:nowrap}.sb-three-phase__cta:hover{background:var(--sb-tp-cta-hover-bg);box-shadow:0 1rem 2rem -1.2rem #1e2430bf;color:var(--sb-tp-cta-hover-text);transform:translateY(-.2rem)}@media screen and (max-width:1100px){.sb-three-phase__inner{grid-template-columns:1fr;gap:3.2rem}}@media screen and (max-width:749px){.sb-three-phase__heading{font-size:clamp(2.2rem,7vw,2.6rem)}}@media(prefers-reduced-motion:reduce){.sb-three-phase__cta{transition:none}.sb-three-phase__cta:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/sb-three-phase.css.map */
