.pwl-home-page-hero-v2{--hsbc-cn-font-family: "HSBC Univers Next", Arial, "PingFang SC", "Lantinghei SC", "Heiti SC", HSBC_MtUnivers_AED, sans-serif;--semantic-typography-heading-display-quiet: 300 38px / 45.6px var(--hsbc-cn-font-family);--semantic-typography-heading-display-quiet-l: 300 38px / 45.6px var(--hsbc-cn-font-family);--semantic-typography-heading-headline-quiet: 200 28px / 33.6px var(--hsbc-cn-font-family);--semantic-typography-heading-headline-quiet-l: 200 28px / 33.6px var(--hsbc-cn-font-family);--semantic-typography-heading-headline-normal: 200 28px / 33.6px var(--hsbc-cn-font-family);--semantic-typography-heading-headline-normal-l: 200 28px / 33.6px var(--hsbc-cn-font-family);--semantic-typography-content-body-quiet: 400 16px / 24px var(--hsbc-cn-font-family);--comp-button-typography-primary-default: 400 16px / 24px var(--hsbc-cn-font-family);--comp-button-typography-primary-hover: 400 16px / 24px var(--hsbc-cn-font-family);--comp-button-typography-primary-pressed: 400 16px / 24px var(--hsbc-cn-font-family);display:grid;grid-template-columns:75% 25%;gap:0;width:100%;align-items:stretch}.pwl-home-page-hero-v2--without-rail{grid-template-columns:minmax(0,1fr)}.pwl-home-page-hero-v2[data-source-typography=true] .pwl-home-page-hero-v2__content>pwl-heading{--china-font-size-small: 32px !important;--china-font-size-large: 38px !important}.pwl-home-page-hero-v2[data-source-typography=true] .pwl-home-page-hero-v2__content>pwl-heading h1,.pwl-home-page-hero-v2[data-source-typography=true] .pwl-home-page-hero-v2__content>pwl-heading h2,.pwl-home-page-hero-v2[data-source-typography=true] .pwl-home-page-hero-v2__content>pwl-heading h3,.pwl-home-page-hero-v2[data-source-typography=true] .pwl-home-page-hero-v2__content>pwl-heading .bdl-text{line-height:1.2}.pwl-home-page-hero-v2__visual{position:relative;width:100%;min-width:0;overflow:hidden;aspect-ratio:933/400;background:#d7d8d6}.pwl-home-page-hero-v2__visual>.pwl-home-page-hero-v2__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.pwl-home-page-hero-v2__content{position:absolute;z-index:1;top:calc(50% + 2px);left:14px;display:flex;flex-direction:column;align-items:flex-start;width:calc(58.333333% - 18px);max-width:calc(100% - 36px);padding:23px 30px 30px;gap:15px;transform:translateY(-50%);background:#fffffff5;box-sizing:border-box;border:1px solid transparent}.pwl-home-page-hero-v2__content>pwl-heading{margin:0}.pwl-home-page-hero-v2__content>pwl-heading>.bdl-text{display:block}.pwl-home-page-hero-v2__content p,.pwl-home-page-hero-v2__panel p{margin:0}.pwl-home-page-hero-v2__content>*{max-width:100%;min-width:0;overflow-wrap:anywhere}.pwl-home-page-hero-v2__action{padding-top:5px}.pwl-home-page-hero-v2__action .bdl-button{box-sizing:border-box;min-width:190px;min-height:0;max-width:100%;border:1px solid #db0011;padding:10px 20px!important}.pwl-home-page-hero-v2__rail{display:flex;flex-direction:column;min-width:0;padding:0 20px 30px;background:#3e505d;color:#fff;box-sizing:border-box}.pwl-home-page-hero-v2__rail bdl-text,.pwl-home-page-hero-v2__rail bdl-text-link,.pwl-home-page-hero-v2__rail .bdl-text,.pwl-home-page-hero-v2__rail .bdl-text-link__link:not(.bdl-text-link__link--inverted){color:#fff}.pwl-home-page-hero-v2__panel{display:flex;flex:0 0 auto;flex-direction:column;justify-content:flex-start;min-height:0;gap:2px}.pwl-home-page-hero-v2__panel-title{margin:24px 0 0;font:inherit}.pwl-home-page-hero-v2__panel .bdl-text-link,.pwl-home-page-hero-v2__panel .sc-bdl-text{white-space:normal;overflow-wrap:anywhere}.pwl-home-page-hero-v2__panel .bdl-text-link>a{white-space:normal;line-height:1.25}.pwl-home-page-hero-v2__divider{flex:0 0 1px;width:100%;margin:30px 0 0;background:#ffffff8c}@media not (min-width:960px){.pwl-home-page-hero-v2{display:block;padding-bottom:18px}.pwl-home-page-hero-v2__rail{display:grid;grid-template-columns:minmax(0,1fr) 2px minmax(0,1fr);column-gap:18px;padding:0 18px 27px;margin-inline:18px;margin-top:22px}.pwl-home-page-hero-v2__panel{padding:0}.pwl-home-page-hero-v2__panel-title{margin-top:21px}.pwl-home-page-hero-v2__divider{width:2px;height:auto;margin:27px 0 0}}@media not (min-width:960px){.pwl-home-page-hero-v2{--semantic-typography-heading-display-quiet: 300 32px / 38.4px var(--hsbc-cn-font-family);--semantic-typography-heading-display-quiet-l: 300 32px / 38.4px var(--hsbc-cn-font-family)}.pwl-home-page-hero-v2__content{gap:13px;padding:20px 27px 27px}.pwl-home-page-hero-v2__content pwl-heading{padding-bottom:0}}@media not (min-width:480px){.pwl-home-page-hero-v2{padding-bottom:14px}.pwl-home-page-hero-v2__visual{display:grid;aspect-ratio:auto;overflow:visible;background:#fff}.pwl-home-page-hero-v2__visual>.pwl-home-page-hero-v2__image{position:relative;height:auto;aspect-ratio:933/400}.pwl-home-page-hero-v2__content{position:relative;top:auto;left:auto;width:100%;margin:0;max-width:none;padding:26px 14px 13px;gap:10px;border:0;transform:none;background:#fff}.pwl-home-page-hero-v2__content>pwl-heading,.pwl-home-page-hero-v2__action,.pwl-home-page-hero-v2__action bdl-button{width:100%}.pwl-home-page-hero-v2__action{padding-top:3px}.pwl-home-page-hero-v2__action .bdl-button{justify-content:center;width:100%;padding:12px 17px!important;box-sizing:border-box}.pwl-home-page-hero-v2__rail{display:block;margin-inline:14px;margin-top:0;width:calc(100% - 26px);padding:9px 14px 21px}.pwl-home-page-hero-v2__panel{padding:0}.pwl-home-page-hero-v2__panel-title{margin-top:15px}.pwl-home-page-hero-v2__divider{width:100%;height:2px;margin:21px 0 0}}@media(min-width:480px)and (not (min-width:960px)){.pwl-home-page-hero-v2__content{left:36px}.pwl-home-page-hero-v2__action .bdl-button{padding:12px 18px!important}.pwl-home-page-hero-v2__visual{height:400px;aspect-ratio:auto}.pwl-home-page-hero-v2__visual>.pwl-home-page-hero-v2__image{object-position:right center}}@media(min-width:960px){.pwl-home-page-hero-v2{box-sizing:border-box;gap:0;grid-template-columns:minmax(0,3fr) minmax(0,1fr);padding-bottom:24px}.pwl-home-page-hero-v2__content{left:50px;width:calc((100% + 30px) * 5 / 9 - 20px);max-width:calc(100% - 70px)}.pwl-home-page-hero-v2__visual{width:auto;min-height:400px;height:auto;margin-inline:20px 10px;aspect-ratio:auto}.pwl-home-page-hero-v2__rail{margin-inline:10px 20px}.pwl-home-page-hero-v2--without-rail{grid-template-columns:minmax(0,1fr)}.pwl-home-page-hero-v2--without-rail .pwl-home-page-hero-v2__content{width:calc((100% + 30px) * 5 / 12 - 20px)}}
