.how-it-works{position:relative;background:linear-gradient(180deg,#faf7f5cc,#f6ede780);border-top:1px solid rgba(245,133,87,.15);border-bottom:1px solid rgba(245,133,87,.15);overflow:hidden}.how-it-works:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:140px;height:2px;background:linear-gradient(90deg,transparent,#F58557,transparent)}.how-it-works__header{max-width:680px;margin:0 auto 3rem;text-align:center}.how-it-works__caption{font-family:var(--font-body-family, sans-serif);font-size:1.35rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#f58557;margin-bottom:.75rem}.how-it-works__title{font-family:var(--font-heading-family, "Cormorant Garamond", serif);font-size:clamp(2.4rem,3.8vw,3.4rem);font-weight:500;color:#015b59;letter-spacing:-.01em;line-height:1.2;margin:0 0 1rem}.how-it-works__subheading{font-size:1.6rem;color:#4a4a4a;line-height:1.65;margin:0 auto 2.2rem;max-width:580px}.how-it-works__tab-switch{display:inline-flex;background:#fff;padding:6px;border-radius:999px;box-shadow:0 4px 20px #015b5914;border:1px solid rgba(245,133,87,.35);gap:8px;margin:0 auto}.how-it-works__tab-btn{background:transparent;border:none;border-radius:999px;padding:.8rem 1.8rem;font-family:var(--font-body-family, sans-serif);font-size:1.45rem;font-weight:600;color:#4a4a4a;cursor:pointer;transition:all .3s cubic-bezier(.2,.8,.2,1);display:inline-flex;align-items:center;gap:.6rem}.how-it-works__tab-btn:hover{color:#015b59}.how-it-works__tab-btn.active{background:#015b59;color:#faf7f5;box-shadow:0 4px 14px #015b5940}.how-it-works__content{display:none;animation:howItWorksFade .4s ease-out forwards}.how-it-works__content.active{display:block}@keyframes howItWorksFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.how-it-works__grid{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem;margin-bottom:3rem;position:relative}@media screen and (min-width:750px){.how-it-works__grid{grid-template-columns:repeat(3,1fr);gap:2rem}.how-it-works__grid:before{content:"";position:absolute;top:50px;left:20%;right:20%;height:1px;background:linear-gradient(90deg,#f585571a,#f5855799,#f585571a);z-index:1;pointer-events:none}}.how-it-works__card{position:relative;background:#fff;border-radius:16px;padding:2.75rem 2rem 2.25rem;text-align:center;box-shadow:0 10px 30px #015b590d;border:1px solid rgba(245,133,87,.2);transition:all .35s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;align-items:center;z-index:2}.how-it-works__card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #015b591f;border-color:#f58557}.how-it-works__step-number{position:absolute;top:-18px;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#f58557,#d4af37);color:#fff;font-family:var(--font-heading-family, serif);font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #f5855766;border:3px solid #FFFFFF}.how-it-works__icon-wrap{width:68px;height:68px;border-radius:50%;background:#f6ede7b3;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#015b59;transition:all .3s ease}.how-it-works__card:hover .how-it-works__icon-wrap{background:#015b59;color:#f58557;transform:scale(1.08)}.how-it-works__icon-wrap svg{width:30px;height:30px}.how-it-works__step-title{font-family:var(--font-heading-family, "Cormorant Garamond", serif);font-size:2rem;font-weight:600;color:#015b59;margin:0 0 .75rem;letter-spacing:-.01em}.how-it-works__step-desc{font-size:1.5rem;color:#4a4a4a;line-height:1.6;margin:0;max-width:320px}.how-it-works__cta{margin-top:1rem}.how-it-works__cta .button{min-width:240px}@media screen and (max-width:749px){.how-it-works{padding:2.4rem 0 2rem}.how-it-works__header{margin-bottom:1.6rem;padding:0 1.5rem}.how-it-works__caption{font-size:1.2rem;letter-spacing:.18em;margin-bottom:.5rem}.how-it-works__title{font-size:2.3rem;margin-bottom:.6rem}.how-it-works__subheading{font-size:1.35rem;line-height:1.5;margin-bottom:1.5rem}.how-it-works__tab-switch{display:flex;max-width:100%;padding:4px;gap:4px}.how-it-works__tab-btn{padding:.7rem 1.2rem;font-size:1.25rem;flex:1 1 0;justify-content:center;white-space:nowrap}.how-it-works__grid{display:flex!important;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:1.2rem;padding:2rem 1.5rem 1rem!important;margin:0 -1.5rem 1.5rem!important;scrollbar-width:none}.how-it-works__grid::-webkit-scrollbar{display:none}.how-it-works__card{flex:0 0 78%;min-width:250px;max-width:300px;scroll-snap-align:center;padding:2rem 1.4rem 1.6rem;border-radius:14px;box-shadow:0 8px 22px #015b590f}.how-it-works__step-number{top:-14px;width:32px;height:32px;font-size:1.3rem;border-width:2px}.how-it-works__icon-wrap{width:52px;height:52px;margin-bottom:1rem}.how-it-works__icon-wrap svg{width:24px;height:24px}.how-it-works__step-title{font-size:1.65rem;margin-bottom:.4rem}.how-it-works__step-desc{font-size:1.3rem;line-height:1.45}.how-it-works__cta{padding:0 1.5rem;margin-top:1rem;text-align:center}.how-it-works__cta .button{width:100%;min-width:0;padding:1.2rem 1.6rem;font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-how-it-works.css.map */