/* 混合媒体 Banner：静态图、GIF 和视频共用同一舞台。 */
.hero{
  height:100vh!important;
  height:100svh!important;
  min-height:0!important;
  max-height:none!important;
}
.hero-image,.hero-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
}
.hero-image{z-index:0}
.hero-video{
  z-index:1;
  opacity:0;
  background:var(--green-deep);
  transition:opacity .35s ease;
  pointer-events:none;
}
.hero-video.active{opacity:1}
.hero-video[hidden]{display:none!important}
.hero-shade{z-index:2}
.hero-content,.hero-facts{z-index:3}
@media(max-width:760px){
  .hero{height:360px!important}
  .hero-image,.hero-video{object-position:70% center!important}
}
@media(prefers-reduced-motion:reduce){
  .hero-video{display:none!important}
}