.hjt-banner__card{--hjt-banner-h: 320px;--hjt-banner-pill: 160px;position:relative;isolation:isolate;overflow:hidden;display:flex;min-height:var(--hjt-banner-h);border-radius:var(--hjt-radius-lg);background:var(--hjt-navy);color:var(--hjt-cream-2)}.hjt-banner__card--short{--hjt-banner-h: 200px;--hjt-banner-pill: 100px}.hjt-banner__card--medium{--hjt-banner-h: 320px;--hjt-banner-pill: 160px}.hjt-banner__card--tall{--hjt-banner-h: 460px;--hjt-banner-pill: 200px}.hjt-banner__card--pill{border-radius:var(--hjt-banner-pill) var(--hjt-radius-lg) var(--hjt-radius-lg) var(--hjt-banner-pill) / 50% var(--hjt-radius-lg) var(--hjt-radius-lg) 50%}.hjt-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.hjt-banner__media img,.hjt-banner__media .hjt-placeholder{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--hjt-ease)}.hjt-banner__card:hover .hjt-banner__media img{transform:scale(1.03)}.hjt-banner__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#00174d,#00174de0 38%,#00174d80 70%,#00174d59);opacity:var(--hjt-banner-o, .45)}.hjt-banner__card--center .hjt-banner__shade{background:radial-gradient(90% 120% at 50% 50%,#00174d,#00174d99)}.hjt-banner__content{position:relative;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(28px,3.4vw,52px) clamp(28px,4.4vw,72px)}.hjt-banner__card--pill .hjt-banner__content{padding-left:calc(var(--hjt-banner-pill) * .62 + 24px)}.hjt-banner__card--center .hjt-banner__content{align-items:center;text-align:center}.hjt-banner__card--center.hjt-banner__card--pill .hjt-banner__content{padding-inline:calc(var(--hjt-banner-pill) * .5 + 24px)}.hjt-banner__eyebrow{margin:0 0 14px;font:700 11px/1.4 var(--hjt-font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--hjt-champagne)}.hjt-banner__title{--hjt-title-en: clamp(19px, 2.3vw, 34px);--hjt-title-cn: clamp(16px, 1.5vw, 22px);max-width:960px;text-shadow:0 2px 22px rgba(0,23,77,.25)}.hjt-banner__title .hjt-title__en{line-height:1.12;text-wrap:balance;overflow-wrap:normal}.hjt-banner__title .hjt-title__cn{letter-spacing:.12em}.hjt-banner__card--medium .hjt-banner__title,.hjt-banner__card--tall .hjt-banner__title{--hjt-title-en: clamp(28px, 4.4vw, 64px);--hjt-title-cn: clamp(18px, 2vw, 30px)}.hjt-banner__card--hero.hjt-banner__card--short .hjt-banner__title{--hjt-title-en: clamp(24px, 3.4vw, 48px)}.hjt-banner__card--center .hjt-banner__title{margin-inline:auto}.hjt-banner__text{margin-top:16px;max-width:560px;color:#fbf8f1e0;font-size:15px;letter-spacing:.02em}.hjt-banner__text a{color:var(--hjt-cream-2)}.hjt-banner__btn{margin-top:24px}.hjt-banner__btn:focus-visible{outline-color:var(--hjt-cream-2)}@media(prefers-reduced-motion:no-preference){.hjt-banner__card--hero .hjt-banner__media img{animation:hjt-banner-settle 1.8s var(--hjt-ease) both}.hjt-banner__card--hero .hjt-banner__content>*{animation:hjt-banner-rise 1s var(--hjt-ease) .2s both}}@keyframes hjt-banner-settle{0%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes hjt-banner-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media(max-width:749px){.hjt-banner__card--short{--hjt-banner-h: 176px;--hjt-banner-pill: 64px}.hjt-banner__card--medium{--hjt-banner-h: 280px;--hjt-banner-pill: 80px}.hjt-banner__card--tall{--hjt-banner-h: 400px;--hjt-banner-pill: 96px}.hjt-banner__content{padding:28px 22px}.hjt-banner__card--pill .hjt-banner__content{padding-left:calc(var(--hjt-banner-pill) * .5 + 18px);padding-right:20px}.hjt-banner__card--center.hjt-banner__card--pill .hjt-banner__content{padding-inline:calc(var(--hjt-banner-pill) * .4 + 16px)}.hjt-banner__title{--hjt-title-en: clamp(17px, 5.2vw, 22px);--hjt-title-cn: 16px}.hjt-banner__card--medium .hjt-banner__title,.hjt-banner__card--tall .hjt-banner__title{--hjt-title-en: clamp(26px, 8.4vw, 36px);--hjt-title-cn: 19px}.hjt-banner__card--hero.hjt-banner__card--short .hjt-banner__title{--hjt-title-en: clamp(22px, 6.6vw, 28px)}.hjt-banner__shade{background:linear-gradient(90deg,#00174d,#00174de6 60%,#00174dbf)}.hjt-banner__text{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/hjt-banner.css.map */