.htu{--htu-font-body: "Brandon Grotesque", "Helvetica Neue", Helvetica, Arial, sans-serif;--htu-font-subheading: "Brandon Grotesque", "Helvetica Neue", Helvetica, Arial, sans-serif;--htu-font-heading: Georgia, "Times New Roman", serif;--htu-font-accent: Georgia, "Times New Roman", serif;position:relative;isolation:isolate;overflow:hidden;background:var(--htu-bg, #F5F0E8);padding:78px 0 0;color:var(--htu-primary, #50311D);font-family:var(--htu-font-body)}.htu:before{content:"";position:absolute;z-index:-1;top:37%;left:-10%;width:120%;height:100%;background:#5a3a25;border-radius:50% 50% 0 0/5% 5% 0 0;pointer-events:none}.htu__inner{position:relative;z-index:1;padding-bottom:30px}.htu__header{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0 auto;padding:0 15px;max-width:640px}.htu__heading-icon{width:143px;height:143px;margin:0 auto 3px;display:flex;align-items:center;justify-content:center}.htu__heading-icon img{display:block;width:100%;height:100%;object-fit:cover}.htu__heading{margin:0;color:var(--htu-primary, #50311D);font-family:var(--htu-font-heading);font-size:clamp(25px,3.8vw,38px);font-weight:700;font-style:italic;line-height:1.1;letter-spacing:-.7px}.htu__subheading{margin-top:10px;color:var(--htu-secondary, #6B4A35);font-family:var(--htu-font-subheading);font-size:16px;line-height:1.55}.htu__subheading p{margin:0}.htu__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;max-width:1020px;margin:78px auto 0;align-items:stretch}.htu__step{min-width:0;overflow:hidden;background:var(--htu-card, #FFFFFF);border:1px solid rgba(80,49,29,.25);border-radius:13px;box-shadow:0 3px 8px #190f081f;display:flex;flex-direction:column}.htu__step-image-wrap{position:relative;width:100%;overflow:hidden;background:#e7dcce}.htu__step-image{width:100%;aspect-ratio:1.08 / 1;overflow:hidden}.htu__step-image img,.htu__step-image video,.htu__placeholder-svg{display:block;width:100%;height:100%;object-fit:cover}.htu__step-number{position:absolute;top:8px;left:8px;z-index:1;display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:3px;background:#ffffffeb;color:var(--htu-primary, #50311D);font-family:var(--htu-font-accent);font-size:10px;font-weight:700;line-height:1.2;letter-spacing:.7px}.htu__step-text{flex:1;padding:14px 16px 18px;background:var(--htu-card, #FFFFFF)}.htu__step-title{margin:0 0 6px;color:var(--htu-primary, #50311D);font-family:var(--htu-font-heading);font-size:clamp(17px,1.7vw,22px);font-weight:700;font-style:italic;line-height:1.2}.htu__step-desc{color:var(--htu-secondary, #6B4A35);font-family:var(--htu-font-body);font-size:15px;line-height:1.55;overflow-wrap:anywhere}.htu__step-desc p{margin:0}.htu__step-desc p+p{margin-top:6px}.htu__banner{max-width:760px;margin:25px auto 0;padding:0 10px;text-align:center;color:#fff8ed;font-family:var(--htu-font-body);font-size:18px;line-height:1.7}.htu__banner p{margin:0}.htu__banner strong,.htu__banner b{color:#fff}@media screen and (max-width:749px){.htu{padding-top:24px}.htu:before{top:32%;left:-25%;width:150%;border-radius:50% 50% 0 0/3% 3% 0 0}.htu__heading-icon{width:73px;height:59px}.htu__heading{font-size:28px}.htu__subheading{font-size:15px}.htu__steps{gap:12px;margin-top:60px}.htu__step{border-radius:9px}.htu__step-image{aspect-ratio:.9 / 1}.htu__step-text{padding:10px 10px 12px}.htu__step-title{font-size:16px}.htu__step-desc{font-size:13px}.htu__step-number{font-size:9px}.htu__banner{margin-top:22px;font-size:15px}}@media screen and (max-width:480px){.htu{padding-top:22px}.htu__inner{padding-left:15px;padding-right:15px;padding-bottom:24px}.htu__heading-icon{width:66px;height:55px}.htu__heading{font-size:26px}.htu__subheading{max-width:320px;font-size:15px}.htu:before{top:29%;left:-50%;width:200%;border-radius:50% 50% 0 0/2% 2% 0 0}.htu__steps{grid-template-columns:1fr;gap:16px;max-width:360px;margin-top:48px}.htu__step{display:grid;grid-template-columns:42% minmax(0,1fr);border-radius:10px}.htu__step-image-wrap{height:100%}.htu__step-image{height:100%;min-height:145px;aspect-ratio:auto}.htu__step-text{display:flex;flex-direction:column;justify-content:center;padding:14px 12px}.htu__step-title{font-size:18px}.htu__step-desc{font-size:14px}.htu__step-number{top:6px;left:6px;padding:3px 5px;font-size:8px}.htu__banner{max-width:340px;margin-top:24px;font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-how-to-use.css.map */
