:root{--hiw-gap: clamp(2.4rem, 3.2vw, 4.5rem)}.how-it-works-section{position:relative}.how-it-works-section .common-heading-content{margin-bottom:clamp(3.5rem,4.5vw,5.5rem)}.how-it-works__progress{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--hiw-gap);width:100%;margin-bottom:clamp(3rem,4vw,4.8rem);position:relative}.how-it-works__progress-item{display:flex;align-items:center;justify-content:center;position:relative;width:100%}.how-it-works__dot{width:4.8rem;height:4.8rem;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--btnBg, #B88A6A);color:var(--white, #ffffff);font-family:var(--headingFont, "Inter Tight", sans-serif);font-size:1.6rem;font-weight:600;line-height:1;position:relative;z-index:2;box-shadow:0 0 0 6px #b88a6a29,0 6px 16px #b88a6a47;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease}.how-it-works__progress-item:hover .how-it-works__dot,.how-it-works:has(.how-it-works__step:nth-child(1):hover) .how-it-works__progress-item:nth-child(1) .how-it-works__dot,.how-it-works:has(.how-it-works__step:nth-child(2):hover) .how-it-works__progress-item:nth-child(2) .how-it-works__dot,.how-it-works:has(.how-it-works__step:nth-child(3):hover) .how-it-works__progress-item:nth-child(3) .how-it-works__dot{transform:scale(1.08);box-shadow:0 0 0 8px #b88a6a3d,0 8px 22px #b88a6a5c}.how-it-works__line{position:absolute;top:50%;left:50%;width:calc(100% + var(--hiw-gap));transform:translateY(-50%);border-top:2px dashed rgba(184,138,106,.45);z-index:1;pointer-events:none}.how-it-works__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--hiw-gap);width:100%}.how-it-works__step{display:flex;flex-direction:column;text-align:left;position:relative;transition:transform .35s ease}.how-it-works__step-label{display:inline-flex;align-items:center;gap:.8rem;font-family:var(--bodyFont, "Inter Tight", sans-serif);font-size:1.25rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--btnBg, #B88A6A);margin-bottom:1.4rem;width:fit-content}.how-it-works__step-label:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background-color:var(--btnBg, #B88A6A)}.how-it-works__media{width:100%;border-radius:1.6rem;overflow:hidden;margin-bottom:2.2rem;box-shadow:0 8px 24px #2d3e4f0f;border:1px solid rgba(184,138,106,.18);background-color:#faf8f5;position:relative}.how-it-works__image{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.how-it-works__step:hover .how-it-works__image{transform:scale(1.05)}.how-it-works__heading{font-family:var(--headingFont, "Inter Tight", sans-serif);color:var(--headingColor, #36414D);font-size:clamp(1.8rem,1.4vw,2.2rem);font-weight:600;line-height:1.28;letter-spacing:-.01em;margin:0 0 1rem}.how-it-works__text{font-family:var(--bodyFont, "Inter Tight", sans-serif);font-size:clamp(1.4rem,1.05vw,1.55rem);color:#5c5c5c;line-height:1.65;margin:0}.how-it-works__text p{margin:0;color:inherit;font-size:inherit;line-height:inherit}@media screen and (max-width:989px){:root{--hiw-gap: 1.4rem}.how-it-works__dot{width:4.2rem;height:4.2rem;font-size:1.5rem;box-shadow:0 0 0 5px #b88a6a29,0 4px 14px #b88a6a3d}.how-it-works__media{border-radius:1.4rem;margin-bottom:1.8rem}.how-it-works__heading{font-size:1.7rem}.how-it-works__text{font-size:1.4rem}}@media screen and (max-width:749px){.how-it-works-section .common-heading-content{margin-bottom:2.5rem}.how-it-works__progress{display:flex;align-items:center;justify-content:center;max-width:100%;margin:0 auto 2.8rem;gap:0}.how-it-works__dot{width:4rem;height:4rem;font-size:1.4rem;box-shadow:0 0 0 4px #b88a6a29,0 4px 12px #b88a6a38}.how-it-works__steps{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:1.6rem;padding-bottom:1.5rem}.how-it-works__steps::-webkit-scrollbar{display:none}.how-it-works__step{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 82%;width:82%;min-width:260px}.how-it-works__step-label{font-size:1.15rem;margin-bottom:1rem}.how-it-works__media{border-radius:1.2rem;margin-bottom:1.6rem}.how-it-works__heading{font-size:1.75rem;margin-bottom:.8rem}.how-it-works__text{font-size:1.4rem}}@media screen and (max-width:480px){.how-it-works__progress{margin-bottom:2.2rem}.how-it-works__dot{width:3.6rem;height:3.6rem;font-size:1.3rem}.how-it-works__step{flex:0 0 86%;width:86%;min-width:240px}.how-it-works__heading{font-size:1.65rem}.how-it-works__text{font-size:1.35rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-how-it-works.css.map */