/* 首帧封面与视频采用相同的裁切方式。 */
.hero.hero-a .hero-video-poster{position:absolute;top:var(--hero-nav-height);right:0;bottom:0;left:0;z-index:0;pointer-events:none}
.hero.hero-a .hero-video-poster img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.88) contrast(1.02) brightness(.98)}
.hero.hero-a .hero-video{opacity:0}
.hero.hero-a .hero-video.is-ready{opacity:1}
.hero.hero-a .hero-title-mobile,.hero.hero-a .hero-subtitle-mobile{display:none}
@media(max-width:900px){
  .hero.hero-a .hero-a-content{top:calc(var(--hero-nav-height) + clamp(20px,3.5vh,36px));top:calc(var(--hero-nav-height) + clamp(20px,3.5svh,36px));bottom:auto;left:24px;right:24px;max-width:none;text-align:center}
  .hero.hero-a #hero-title{font-size:clamp(34px,10.5vw,48px);white-space:nowrap;line-height:1.12;letter-spacing:-.018em;text-shadow:0 2px 20px #02080f55}
  .hero.hero-a .hero-title-desktop,.hero.hero-a .hero-subtitle-desktop{display:none}
  .hero.hero-a .hero-title-mobile,.hero.hero-a .hero-subtitle-mobile{display:inline}
  .hero.hero-a .hero-a-subtitle{margin:12px 0 22px;font-size:11px;letter-spacing:.13em}
  html[lang="en"] .hero.hero-a #hero-title{font-size:clamp(24px,7.1vw,40px)}
  .hero.hero-a .hero-a-button{border:1px solid rgba(247,249,251,.7);background:transparent;box-shadow:none}
  .hero.hero-a .hero-a-button:hover{background:rgba(247,249,251,.06)}
  .hero.hero-a .hero-a-button:active{background:rgba(247,249,251,.1)}
  .hero.hero-a .hero-left-shade{background:linear-gradient(180deg,#02080f66 0%,#02080f3d 30%,transparent 58%)}
}
@media(max-width:900px) and (max-height:540px) and (orientation:landscape){
  .hero.hero-a .hero-a-content{top:calc(var(--hero-nav-height) + 12px);bottom:auto}
  .hero.hero-a #hero-title{font-size:28px;line-height:1.1}
  .hero.hero-a .hero-a-subtitle{margin:10px 0 14px}
}