.fp-how-it-works{overflow:clip;color:var(--fp-color-ink);background:var(--fp-color-background)}.fp-how-it-works :is(.fp-how-it-works__choose,.fp-how-it-works__journey){scroll-margin-block-start:10rem}.fp-how-it-works__hero{padding-block:clamp(4rem,7vw,7.2rem);text-align:center;background:linear-gradient(180deg,var(--fp-color-brand-soft),var(--fp-color-background))}.fp-how-it-works__hero-inner{max-inline-size:72rem}.fp-how-it-works__accent{display:block;inline-size:4rem;block-size:.3rem;margin:0 auto 1.6rem;border-radius:var(--fp-radius-pill);background:var(--fp-color-accent)}.fp-how-it-works__hero-title{font-size:clamp(3.4rem,6vw,6rem)}.fp-how-it-works__hero-subtitle{margin:1.2rem 0 0;color:var(--fp-color-brand);font-size:clamp(2rem,3vw,2.8rem);font-weight:var(--fp-font-weight-bold);line-height:1.25}.fp-how-it-works__hero-copy{max-inline-size:62rem;margin:1.2rem auto 0}.fp-how-it-works__choose{padding-block:clamp(4.8rem,7vw,8rem)}.fp-how-it-works__choose-title{text-align:center}.fp-how-it-works__path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem;max-inline-size:112rem;margin:3.2rem auto 0}.fp-how-it-works__path{position:relative;display:flex;min-block-size:20rem;flex-direction:column;align-items:flex-start;padding:2.4rem;border:.1rem solid var(--fp-color-border);border-radius:var(--fp-radius-xl);color:var(--fp-color-ink);background:var(--fp-color-surface);box-shadow:var(--fp-shadow-sm);text-align:start;text-decoration:none;transition:border-color var(--fp-transition-base),box-shadow var(--fp-transition-base),transform var(--fp-transition-base)}.fp-how-it-works__path:hover{border-color:var(--fp-color-border-strong);color:var(--fp-color-ink);box-shadow:var(--fp-shadow-md);transform:translateY(-.2rem)}.fp-how-it-works__path strong{color:var(--fp-color-brand);font-size:clamp(2.2rem,2vw,2.8rem);line-height:1.2}.fp-how-it-works__path>span:not(.fp-how-it-works__badge,.fp-how-it-works__path-action){margin-block-start:1rem;color:var(--fp-color-ink-soft);font-size:1.6rem;line-height:1.5}.fp-how-it-works__path--primary{border-color:var(--fp-color-brand);color:var(--fp-color-on-dark);background:var(--fp-color-brand);box-shadow:var(--fp-shadow-md)}.fp-how-it-works__path--primary:hover{color:var(--fp-color-on-dark);background:var(--fp-color-brand-hover)}.fp-how-it-works__path--primary strong,.fp-how-it-works__path--primary>span:not(.fp-how-it-works__badge){color:var(--fp-color-on-dark)}.fp-how-it-works__badge{align-self:flex-start;margin-block-end:1.6rem;padding:.5rem 1rem;border-radius:var(--fp-radius-pill);color:var(--fp-color-ink);background:var(--fp-color-accent);font-size:1.3rem;font-weight:var(--fp-font-weight-bold)}.fp-how-it-works__path-action{margin-block-start:auto;padding-block-start:2.4rem;color:var(--fp-color-brand);font-weight:var(--fp-font-weight-bold)}.fp-how-it-works__journey{padding-block:clamp(5.6rem,8vw,10rem);background:var(--fp-color-surface)}.fp-how-it-works__journey--primary{background:var(--fp-color-brand-soft)}.fp-how-it-works__journey--soft{background:var(--fp-color-surface-soft)}.fp-how-it-works__journey-grid{display:grid;grid-template-columns:minmax(28rem,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(4rem,7vw,9.6rem);max-inline-size:124rem}.fp-how-it-works__journey-grid--single{grid-template-columns:minmax(28rem,1fr) minmax(28rem,.75fr)}.fp-how-it-works__journey-label{display:inline-block;margin-block-end:1.2rem;color:var(--fp-color-brand);font-size:1.3rem;font-weight:var(--fp-font-weight-bold);letter-spacing:.08em;text-transform:uppercase}[dir=rtl] .fp-how-it-works__journey-label{letter-spacing:0}.fp-how-it-works__journey-intro{margin:1.2rem 0 0}.fp-how-it-works__steps{display:grid;gap:1.6rem;margin:3.2rem 0;padding:0;list-style:none}.fp-how-it-works__steps li{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:1.2rem;align-items:start}.fp-how-it-works__step-number{display:grid;inline-size:4rem;block-size:4rem;place-items:center;border-radius:50%;color:var(--fp-color-on-dark);background:var(--fp-color-brand);font-weight:var(--fp-font-weight-bold)}.fp-how-it-works__steps h3{margin:0;color:var(--fp-color-ink);font-size:1.8rem;font-weight:var(--fp-font-weight-bold);line-height:1.3}.fp-how-it-works__steps p{margin:.4rem 0 0;color:var(--fp-color-ink-soft);font-size:1.5rem;line-height:1.5}.fp-how-it-works__cta{min-inline-size:min(100%,25rem)}.fp-how-it-works__visual-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:1.6rem}.fp-how-it-works__shot{position:relative;overflow:hidden;min-inline-size:0;aspect-ratio:4 / 5;margin:0;border:.8rem solid var(--fp-color-surface);border-radius:2.4rem;background:var(--fp-color-surface);box-shadow:var(--fp-shadow-lg)}.fp-how-it-works__shot img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;inline-size:100%;block-size:100%;object-fit:cover}.fp-how-it-works__shot--product img{object-position:center 72%}.fp-how-it-works__shot--zakeke img{object-position:center 66%}.fp-how-it-works__shot--mix-select img{object-position:center 36%}.fp-how-it-works__shot--mix-complete img{object-position:center 52%}.fp-how-it-works__shot--winning{inline-size:min(100%,42rem);justify-self:center}.fp-how-it-works__shot--winning img{object-position:center 45%}.fp-how-it-works__flow-arrow{position:absolute;z-index:2;inset-inline-start:50%;inset-block-start:50%;display:grid;inline-size:4.4rem;block-size:4.4rem;place-items:center;border-radius:50%;color:var(--fp-color-on-dark);background:var(--fp-color-brand);box-shadow:var(--fp-shadow-md);font-size:2rem;transform:translate(-50%,-50%)}[dir=rtl] .fp-how-it-works__flow-arrow{transform:translate(50%,-50%) scaleX(-1)}.fp-how-it-works__visual-flow{position:relative}.fp-how-it-works__final{padding-block:clamp(5.6rem,8vw,9.6rem);color:var(--fp-color-on-dark);background:var(--fp-color-brand);text-align:center}.fp-how-it-works__final .fp-heading{color:var(--fp-color-on-dark)}.fp-how-it-works__final p{margin:1.2rem 0 2.4rem;font-size:1.7rem}@media(max-width:899px){.fp-how-it-works__journey-grid,.fp-how-it-works__journey-grid--single{grid-template-columns:1fr;max-inline-size:72rem}.fp-how-it-works__journey-content{max-inline-size:62rem}}@media(max-width:749px){.fp-how-it-works__hero{padding-block:4rem 4.8rem}.fp-how-it-works__hero-title{font-size:3.6rem}.fp-how-it-works__hero-subtitle{font-size:2.1rem}.fp-how-it-works__hero-copy{font-size:1.5rem}.fp-how-it-works__choose{padding-block:4.8rem}.fp-how-it-works__path-grid{grid-template-columns:1fr;gap:1.2rem;margin-block-start:2.4rem}.fp-how-it-works__path{min-block-size:0;padding:2rem;border-radius:var(--fp-radius-lg)}.fp-how-it-works__path-action{padding-block-start:1.6rem}.fp-how-it-works__journey{padding-block:5.6rem}.fp-how-it-works__journey-grid{gap:3.6rem}.fp-how-it-works__steps{margin-block:2.4rem 3.2rem}.fp-how-it-works__cta{inline-size:100%}.fp-how-it-works__visual-flow{gap:1rem;margin-inline:-.4rem}.fp-how-it-works__shot{border-width:.5rem;border-radius:1.8rem;box-shadow:var(--fp-shadow-md)}.fp-how-it-works__flow-arrow{inline-size:3.6rem;block-size:3.6rem;font-size:1.7rem}.fp-how-it-works__shot--winning{inline-size:min(100%,38rem)}}@media(prefers-reduced-motion:reduce){.fp-how-it-works__path{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/fp-how-it-works.css.map */