.hf-feature-hero{position:relative;isolation:isolate;overflow:hidden;background:#e9e5df;color:#202426}.hf-feature-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.hf-feature-hero__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 52%}.hf-feature-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#f4f2eef7,#f4f2eee6 25%,#f4f2ee61 46%,#f4f2ee00 61%)}.hf-feature-hero__inner{min-height:680px;display:flex;align-items:center;padding-top:72px;padding-bottom:72px}.hf-feature-hero__copy{width:47%;max-width:590px}.hf-feature-hero__eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 25px;font-size:11px;font-weight:650;line-height:1.5;letter-spacing:.11em;text-transform:uppercase;color:#5a5c5c}.hf-feature-hero__eyebrow span{width:3px;height:3px;border-radius:50%;background:#c26315}.hf-feature-hero h1{margin:0;font-size:clamp(44px,4.65vw,70px);line-height:1.035;letter-spacing:-.055em;font-weight:650;text-wrap:balance}.hf-feature-hero__description{max-width:455px;margin:25px 0 0;font-size:16px;line-height:1.7;color:#535b60}.hf-feature-hero__actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin:29px 0 0}.hf-feature-hero__actions .button{min-height:48px;display:inline-flex;align-items:center;gap:15px;padding:14px 21px;border-radius:7px;font-size:13px;line-height:1.3;letter-spacing:0}.hf-feature-hero__secondary{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;text-decoration:none;color:#2a3033;min-height:44px}.hf-feature-hero__secondary:hover{text-decoration:underline;text-underline-offset:5px}.hf-feature-hero__benefits{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:0;margin:39px 0 0;color:#3d4549}.hf-feature-hero__benefits li{font-size:12px;line-height:1.2;font-weight:600;padding-right:17px;margin-right:17px;border-right:1px solid #b9bab7}.hf-feature-hero__benefits li:last-child{padding-right:0;margin-right:0;border-right:0}.hf-feature-hero__note{max-width:430px;font-size:10px;line-height:1.65;color:#717577;margin:14px 0 0}@media(min-width:1600px){.hf-feature-hero__inner{min-height:740px}.hf-feature-hero__copy{width:45%}}@media(max-width:1100px)and (min-width:761px){.hf-feature-hero__inner{min-height:590px;padding-top:58px;padding-bottom:58px}.hf-feature-hero__copy{width:49%}.hf-feature-hero h1{font-size:50px}.hf-feature-hero__description{font-size:15px}.hf-feature-hero__actions{gap:10px}.hf-feature-hero__media img{object-position:60% center}.hf-feature-hero:after{background:linear-gradient(90deg,rgba(244,242,238,.98) 0%,rgba(244,242,238,.93) 30%,rgba(244,242,238,.3) 55%,transparent 70%)}}@media(max-width:760px){.hf-feature-hero{display:flex;flex-direction:column;background:#f4f2ee}.hf-feature-hero:after{display:none}.hf-feature-hero__inner{order:0;min-height:0;padding-top:48px;padding-bottom:32px;width:100%}.hf-feature-hero__copy{width:100%;max-width:620px}.hf-feature-hero__eyebrow{font-size:10px;gap:8px;margin-bottom:21px}.hf-feature-hero h1{font-size:clamp(40px,9.8vw,58px);line-height:1.06;letter-spacing:-.055em}.hf-feature-hero__description{font-size:15px;line-height:1.7;margin-top:20px;max-width:510px}.hf-feature-hero__actions{margin-top:25px;gap:10px 20px}.hf-feature-hero__actions .button{font-size:12px;padding:13px 18px;min-height:46px}.hf-feature-hero__secondary{font-size:12px}.hf-feature-hero__benefits{margin-top:28px}.hf-feature-hero__note{font-size:10px;margin-top:12px}.hf-feature-hero__media{position:relative;inset:auto;order:1;z-index:0;height:350px;margin-top:0}.hf-feature-hero__media img{object-position:right 54%;object-fit:cover}.hf-feature-hero__media:after{content:"";position:absolute;inset:0 0 auto;height:45px;background:linear-gradient(#f4f2ee,transparent)}}@media(max-width:400px){.hf-feature-hero__inner{padding-top:38px}.hf-feature-hero h1{font-size:38px}.hf-feature-hero__media{height:290px}.hf-feature-hero__actions{gap:3px 15px}.hf-feature-hero__benefits li{font-size:11px}.hf-feature-hero__eyebrow{letter-spacing:.07em;font-size:9px}}.hf-feature-hero--background{background:#171a1c;color:#fff;scroll-margin-top:110px}.hf-feature-hero--background:after{z-index:1;display:block;background:linear-gradient(90deg,#0a0e11e0,#0a0e11c7 32%,#0a0e1170 55%,#0a0e112e)}.hf-feature-hero--background .hf-feature-hero__inner{position:relative;z-index:2;min-height:650px;padding-block:64px 86px;pointer-events:none}.hf-feature-hero--background .hf-feature-hero__copy{width:46%;max-width:590px;pointer-events:auto}.hf-feature-hero--background h1{color:#fff;text-shadow:0 2px 18px #0003}.hf-feature-hero--background .hf-feature-hero__eyebrow{color:#fff}.hf-feature-hero--background .hf-feature-hero__eyebrow span{background:var(--orange,#ef7f1b)}.hf-feature-hero--background .hf-feature-hero__description{color:#f0f2f3}.hf-feature-hero--background .hf-feature-hero__secondary,.hf-feature-hero--background .hf-feature-hero__benefits{color:#fff}.hf-feature-hero--background .hf-feature-hero__benefits li{border-color:#ffffff6b}.hf-feature-hero--background .hf-feature-hero__note{color:#e1e5e7}.hf-feature-hero--background .hf-feature-hero__actions .button{color:#171a1c;text-shadow:none}@media(min-width:1600px){.hf-feature-hero--background .hf-feature-hero__inner{min-height:740px}}@media(max-width:1100px)and (min-width:761px){.hf-feature-hero--background .hf-feature-hero__inner{min-height:600px;padding-block:48px 80px}.hf-feature-hero--background .hf-feature-hero__copy{width:58%}}@media(max-width:760px){.hf-feature-hero--background{display:block}.hf-feature-hero--background:after{background:linear-gradient(90deg,#0a0e11cc,#0a0e11a3),linear-gradient(0deg,rgba(10,14,17,.35),transparent 60%)}.hf-feature-hero--background .hf-feature-hero__inner{width:calc(100% - 36px);min-height:560px;padding-block:38px 86px;align-items:center}.hf-feature-hero--background .hf-feature-hero__copy{width:100%;max-width:540px}.hf-feature-hero--background h1{font-size:clamp(32px,9vw,44px)}.hf-feature-hero--background .hf-feature-hero__eyebrow{margin-bottom:18px}.hf-feature-hero--background .hf-feature-hero__description{font-size:14px;line-height:1.65;margin-top:20px}.hf-feature-hero--background .hf-feature-hero__actions{margin-top:22px}.hf-feature-hero--background .hf-feature-hero__benefits{margin-top:24px}.hf-feature-hero--background .hf-feature-hero__note{font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/huasifei-hero.css.map */