how-it-works-steps{display:block;height:calc(var(--step-count, 1) * 100svh)}.how-it-works__sticky{position:sticky;top:0;height:100svh;display:grid;grid-template-columns:38% 1fr;gap:1.2rem;overflow:hidden;background-color:rgb(var(--color-background));padding-top:var(--padding-top, 0px);padding-bottom:var(--padding-bottom, 0px)}.how-it-works__nav-wrap{margin:1.2rem 0 1.2rem 1.2rem;background-color:var(--color-nav-bg, #dedcd5);border-radius:2rem;border:1px solid var(--color-border, #dedcd5);display:flex;align-items:center;justify-content:center;overflow:hidden}.how-it-works__nav{display:flex;align-items:center;justify-content:center;padding:4rem;width:100%}.how-it-works__step-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:.8rem;width:100%;max-width:28rem}.how-it-works__step-btn{display:block;width:100%;padding:1.4rem 2.4rem;border:1px solid var(--color-border, #dedcd5);background:var(--color-step-btn-bg, #f1f1ed);border-radius:1.2rem;font-family:var(--font-family-inter);font-size:1.6rem;font-weight:450;letter-spacing:-.16px;color:rgb(var(--color-foreground));cursor:pointer;text-align:left;transition:background-color .35s ease,color .35s ease,border-color .35s ease;white-space:nowrap}.how-it-works__step-btn.is-active{background-color:var(--color-steps-active, #2c5946);border-color:transparent;color:#fff}.how-it-works__panels-wrap{position:relative;margin:1.2rem 1.2rem 1.2rem 0;background-color:var(--color-panel-bg, #f5f0e8);border-radius:2rem;overflow:hidden}.how-it-works__panels-wrap:before{content:"";position:absolute;top:0;right:0;width:55%;height:60%;background-image:var(--how-it-works-deco);background-repeat:no-repeat;background-position:top right;background-size:contain;pointer-events:none;opacity:.55;z-index:0}.how-it-works__panel{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translateY(2rem);transition:opacity .35s ease,transform .35s ease;pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:1;border-radius:16px;border:1px solid var(--color-border, #dedcd5)}.how-it-works__panel.is-active{opacity:1;transform:translateY(0);pointer-events:auto}.how-it-works__panel-inner{position:relative;z-index:2;max-width:77rem;width:100%;padding:4rem;text-align:center;max-height:100%;overflow-y:auto;scrollbar-width:none}.how-it-works__panel-inner::-webkit-scrollbar{display:none}.how-it-works__panel-title{font-family:var(--font-family-serif);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(4.8rem,4.8vw,5.6rem);color:rgb(var(--color-foreground));margin:0 0 2.4rem;line-height:100%;letter-spacing:-.03em}.how-it-works__panel-title p{margin:0;font:inherit;color:inherit;line-height:inherit;letter-spacing:inherit}.how-it-works__panel-desc{font-family:var(--font-family-inter);font-size:1.6rem;font-weight:450;color:rgba(var(--color-foreground),.68);line-height:140%;letter-spacing:-.16px;max-width:350px;margin:0 auto}.how-it-works__panel-desc p{margin:0}.how-it-works__panel-desc p+p{margin-top:1.2rem}.how-it-works__stat-cards{display:flex;align-items:flex-start;justify-content:center;gap:1.2rem;margin-top:3.2rem;width:100%}.how-it-works__stat-card{position:relative;overflow:hidden;flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:2rem;border-radius:12px;background:#7a7062;color:#fafaf8;height:var(--stat-card-height, 220px)}.how-it-works__stat-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;filter:blur(30px);z-index:0;border-radius:12px;overflow:hidden}.how-it-works__stat-card--1:before{background:radial-gradient(ellipse 65% 55% at 38% 52%,#b89e78,#8a7a60 45%,#5e5448)}.how-it-works__stat-card--2:before{background:radial-gradient(ellipse 60% 50% at 45% 55%,#b09472,#847460 45%,#5a5044)}.how-it-works__stat-card--3:before{background:radial-gradient(ellipse 65% 55% at 55% 48%,#b8a07a,#887868 45%,#5c5248)}.how-it-works__stat-card--1{margin-top:2rem}.how-it-works__stat-card--2{margin-top:8rem}.how-it-works__stat-card--3{margin-top:4rem}.how-it-works__stat-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem}.how-it-works__stat-body{position:relative;z-index:1;display:flex;flex-direction:column;gap:.4rem;text-align:center}.how-it-works__stat-value{font-family:var(--font-family-inter);font-size:1.8rem;font-weight:400;line-height:140%;letter-spacing:-.18px;color:#fafaf8}.how-it-works__stat-label{font-family:var(--font-family-inter);font-size:1.4rem;font-weight:400;line-height:140%;color:#fafaf899}.how-it-works__images{display:flex;gap:1.2rem;margin-top:3.2rem;align-items:flex-start}.how-it-works__img-wrap{flex:1;min-width:0;margin:0;border-radius:1.2rem;overflow:hidden}.how-it-works__img-wrap--span-2{flex:2}@media screen and (min-width:750px){.how-it-works__img-wrap--offset-1{margin-top:2rem}.how-it-works__img-wrap--offset-2{margin-top:6rem}.how-it-works__img-wrap--offset-3{margin-top:8rem}}.how-it-works__images--1 .how-it-works__img-wrap{aspect-ratio:unset;max-height:34rem;height:34rem}.how-it-works__images--2 .how-it-works__img-wrap,.how-it-works__images--3 .how-it-works__img-wrap{aspect-ratio:unset;max-height:22rem;height:22rem}.how-it-works__img{width:100%;height:100%;object-fit:cover;display:block}@media screen and (max-width:989px){.how-it-works__sticky{grid-template-columns:32% 1fr}.how-it-works__nav{padding:3.2rem 1.6rem}.how-it-works__step-btn{font-size:1.4rem;padding:1rem 1.4rem}.how-it-works__panel-inner{padding:3.2rem 2.4rem}}@media screen and (max-width:749px){.how-it-works__sticky{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding-top:var(--padding-top-mobile, 0px);padding-bottom:var(--padding-bottom-mobile, 0px)}.how-it-works__nav-wrap{margin:1.2rem 0 0;border-radius:1.6rem;background-color:transparent;border-color:transparent;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.how-it-works__nav-wrap::-webkit-scrollbar{display:none}.how-it-works__nav{padding:1.2rem 2rem;justify-content:flex-start;overflow-x:visible;width:max-content}.how-it-works__step-list{flex-direction:row;max-width:none;width:max-content;gap:.8rem}.how-it-works__step-btn{border:1px solid var(--color-border, #dedcd5);background:var(--color-step-btn-bg, #f1f1ed);width:auto}.how-it-works__panels-wrap{margin:0;border-radius:1.6rem}.how-it-works__panel-inner{padding:2.4rem 2rem}.how-it-works__stat-cards{position:static;flex-direction:column;padding:1.6rem 0;gap:.8rem;height:100%}.how-it-works__stat-card{flex-direction:column;align-items:center;justify-content:center;flex:none;width:100%;height:var(--stat-card-height-mobile, 140px);padding:1.6rem 2rem;gap:1rem;border-radius:1.4rem}.how-it-works__stat-card--1,.how-it-works__stat-card--2,.how-it-works__stat-card--3{margin-top:0}.how-it-works__stat-body{text-align:center;gap:.2rem}.how-it-works__images{flex-direction:column;gap:.8rem}.how-it-works__images--1 .how-it-works__img-wrap,.how-it-works__images--2 .how-it-works__img-wrap,.how-it-works__images--3 .how-it-works__img-wrap{flex:none;width:100%;height:var(--image-mobile-max-height, 200px);max-height:var(--image-mobile-max-height, 200px);aspect-ratio:unset}.how-it-works__images .how-it-works__img{object-fit:var(--image-mobile-object-fit, cover)}.how-it-works__img-wrap--span-2{flex:none;width:100%}.how-it-works__images--3 .how-it-works__img-wrap:nth-child(2){margin-top:0}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-how-it-works-steps.css.map */