.how-works{position:relative;background:radial-gradient(ellipse 55% 45% at 8% 8%,rgba(196,122,58,.07),transparent 55%),radial-gradient(ellipse 50% 40% at 92% 92%,rgba(196,122,58,.05),transparent 50%),var(--hw-bg, #f7f1e8);color:var(--hw-text, #5c564c);overflow:hidden}.how-works__decor{position:absolute;pointer-events:none;z-index:0;opacity:.12;color:var(--hw-accent, #c47a3a)}.how-works__decor--mandala-tl{top:-4rem;left:-3rem;width:22rem;height:22rem;background:radial-gradient(circle,transparent 38%,currentColor 39%,currentColor 40%,transparent 41%),radial-gradient(circle,transparent 58%,currentColor 59%,currentColor 60%,transparent 61%);border-radius:50%}.how-works__decor--mandala-br{right:-2rem;bottom:-3rem;width:18rem;height:18rem;background:radial-gradient(circle,transparent 42%,currentColor 43%,currentColor 44%,transparent 45%),radial-gradient(circle,transparent 62%,currentColor 63%,currentColor 64%,transparent 65%);border-radius:50%;opacity:.1}.how-works__inner.page-width{position:relative;z-index:1;padding-left:1.5rem;padding-right:1.5rem}@media screen and (min-width:750px){.how-works__inner.page-width{padding-left:2.4rem;padding-right:2.4rem}}.how-works__header{max-width:64rem;margin:0 auto 1.6rem;text-align:center}.how-works__tag{margin:0 0 .6rem;font-size:1.15rem;font-weight:650;letter-spacing:.18em;text-transform:uppercase;color:#f17100!important}.how-works__heading{margin:0 0 .15rem!important;font-family:var(--font-heading-family);font-size:clamp(3.2rem,4.6vw,5rem);line-height:1.1;letter-spacing:-.015em;font-weight:700;color:var(--hw-heading, #1f2b42)!important}.how-works__subheading{margin:.15rem auto 0;max-width:52rem;font-size:1.5rem;line-height:1.55;color:var(--hw-text, #5c564c)!important}.how-works__steps{display:grid;grid-template-columns:1fr;gap:2rem;margin:0;padding:0;list-style:none}@media screen and (min-width:990px){.how-works__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4rem;align-items:stretch}}.how-works__step{position:relative;z-index:1;animation:howWorksRise .7s ease both;animation-delay:calc(var(--hw-step, 1) * .1s)}@keyframes howWorksRise{0%{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.how-works__step{animation:none}}.how-works__step-card{position:relative;display:flex;flex-direction:column;height:100%;padding:2rem 1.6rem 1.4rem;border-radius:2.2rem;background:var(--hw-surface, #f7f3ec);border:.1rem solid rgba(26,39,68,.14);box-shadow:0 .6rem 1.8rem #1a27441a;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}@media screen and (min-width:990px){.how-works__step-card:hover{transform:translateY(-.35rem);border-color:#1a274433;box-shadow:0 .9rem 2.4rem #1a274424}}.how-works__number{position:absolute;top:1.2rem;left:1.5rem;z-index:0;font-family:var(--font-heading-family);font-size:clamp(3.6rem,4vw,4.8rem);line-height:1;font-weight:500;letter-spacing:-.03em;color:#d8cfc3!important;pointer-events:none}.how-works__step-body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:3.6rem .8rem 1.8rem}.how-works__step-title{margin:0 0 1rem;font-family:var(--font-heading-family);font-size:clamp(2.2rem,2.3vw,2.6rem);line-height:1.2;font-weight:700;color:var(--hw-heading, #1f2b42)!important}.how-works__step-text{margin:0;max-width:26rem;font-size:1.35rem;line-height:1.55;color:#7a7368!important}.how-works__step-media{position:relative;z-index:1;width:100%;margin-top:auto;border-radius:1.4rem;overflow:hidden;background:#f4efe7;line-height:0}.how-works__step-image{width:100%;height:auto;object-fit:cover;object-position:center;display:block;aspect-ratio:3 / 1}.how-works__step-placeholder{width:100%;aspect-ratio:3 / 1;min-height:9rem}.how-works__step-media--1 .how-works__step-placeholder{background:radial-gradient(circle at 28% 55%,#9b6bb5 0 1.1rem,transparent 1.2rem),radial-gradient(circle at 50% 42%,#6fa8c9 0 1.35rem,transparent 1.4rem),radial-gradient(circle at 70% 58%,#d4a574 0 1rem,transparent 1.1rem),linear-gradient(160deg,#f3ebe0,#e5d8c6)}.how-works__step-media--2 .how-works__step-placeholder{background:radial-gradient(circle at 50% 48%,transparent 28%,rgba(110,70,150,.35) 29%,transparent 40%),radial-gradient(circle at 38% 42%,#7b4ea8 0 .55rem,transparent .6rem),radial-gradient(circle at 50% 36%,#9b6bb5 0 .55rem,transparent .6rem),radial-gradient(circle at 62% 42%,#6a3f94 0 .55rem,transparent .6rem),linear-gradient(160deg,#efe6da,#d9cbb8)}.how-works__step-media--3 .how-works__step-placeholder{background:linear-gradient(115deg,transparent 42%,rgba(140,100,70,.22) 42% 58%,transparent 58%),radial-gradient(circle at 48% 58%,#8f6a4a 0 .45rem,transparent .5rem),radial-gradient(circle at 54% 52%,#6fa8c9 0 .45rem,transparent .5rem),radial-gradient(circle at 60% 58%,#9b6bb5 0 .45rem,transparent .5rem),linear-gradient(160deg,#f0e7db,#e2d4c2)}.how-works__arrow{display:none}@media screen and (min-width:990px){.how-works__arrow{position:absolute;top:50%;right:-1.9rem;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:50%;background:#f0e8dc;color:#2c2416;border:none;box-shadow:0 4px 14px #1f2b421a;transform:translateY(-50%)}.how-works__arrow svg{width:1.45rem;height:1.45rem;display:block}}@media screen and (max-width:989px){.how-works__header{margin-bottom:1.6rem}.how-works__step-card{padding:1.8rem 1.4rem 1.2rem;border-radius:1.8rem}.how-works__number{font-size:3.4rem}.how-works__step-body{padding:3rem .4rem 1.4rem}.how-works__step-text{font-size:1.3rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-how-it-works.css.map */