/* One typographic grid shared by all seven industry banners. */
@font-face{font-family:'Fosunfowa Banner';src:url('/assets/fosunfowa/banners-20261112/banner-serif-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Fosunfowa Banner';src:url('/assets/fosunfowa/banners-20261112/banner-serif-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.home-hero{container-type:inline-size;--banner-left:9%;--banner-title:4.8cqw;--banner-brand:2.05cqw;--banner-support:1.95cqw;--banner-scope:1.55cqw;aspect-ratio:3/1;background:#052b43}
.home-hero .banner-copy{position:absolute;inset:0;z-index:1;color:#fff;font-family:'Fosunfowa Banner','Noto Serif SC','Songti SC',SimSun,serif;font-synthesis:none;text-align:left;pointer-events:none}
.home-hero .banner-copy>*{position:absolute;left:var(--banner-left);margin:0;padding:0;color:inherit;max-width:none;text-shadow:none;letter-spacing:0;white-space:nowrap}
.home-hero .banner-brand{top:17%;font-size:var(--banner-brand);line-height:1.4;font-weight:700}
.home-hero .banner-title{top:31%;font-size:var(--banner-title);line-height:1.2;font-weight:700}
.home-hero .banner-support{top:52%;font-size:var(--banner-support);line-height:1.5;font-weight:400}
.home-hero .banner-scope{top:71%;font-size:var(--banner-scope);line-height:1.5;font-weight:400}
.home-hero .flicks>li,.home-hero .ut-banner-image{background-color:#052b43;background-size:cover;background-position:center}
.home-hero .ut-banner-controls{left:var(--banner-left);bottom:3%;gap:4px}
@media(min-width:701px) and (max-width:1100px){
  .home-hero{--banner-brand:max(16px,2.05cqw);--banner-support:max(16px,1.95cqw);--banner-scope:max(14px,1.55cqw)}
}
@media(max-width:700px){
  .home-hero{--banner-left:24px;--banner-title:clamp(30px,8.7cqw,42px);--banner-brand:18px;--banner-support:17px;--banner-scope:14px;aspect-ratio:auto;height:510px}
  .home-hero .flicks>li,.home-hero .ut-banner-image{background-size:auto 56%;background-position:72% bottom;background-repeat:no-repeat}
  .home-hero .flicks>li::before,.home-hero .ut-banner-image::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,#052b43 0%,#052b43 43%,rgba(5,43,67,.98) 47%,rgba(5,43,67,0) 65%)} /* taste-skill-ignore: neutral photo scrim keeps mobile copy readable, the documented gradient exception. */
  .home-hero .banner-copy>*{right:24px;white-space:normal}
  .home-hero .banner-brand{top:28px;line-height:1.5}
  .home-hero .banner-title{top:77px;line-height:1.3;white-space:nowrap}
  .home-hero .banner-support{top:144px;line-height:1.65;max-width:25em}
  .home-hero .banner-scope{top:214px;line-height:1.7}
  .home-hero .ut-banner-controls{left:24px;bottom:8px;gap:6px}
  .home-hero .ut-banner-dot{width:30px;height:44px}
  .home-hero .ut-banner-dot:before{width:7px;height:7px}
}

