/* 原 VR 的外层出场语境。只管何时出现与文案，不改六块产品面板及其飞入轨迹。 */
#hero .st-copy,#hero .st-go,#hero .st-cue{
  font-family:var(--tevo-cjk);
}
#hero .st-h1{
  max-width:12em;font-family:var(--tevo-cjk);
  font-weight:650;letter-spacing:-.045em;line-height:1.05;
}
#hero .st-kicker{font-family:inherit;font-weight:600;letter-spacing:.16em}
#hero .st-lead{font-family:inherit;line-height:1.7;letter-spacing:-.01em}
#hero .st-go{
  appearance:none;background:transparent;border:0;border-bottom:1px solid rgba(194,161,102,.62);
  min-height:2.75rem;border-radius:0;padding:.25rem 0 .55rem;color:#fbf8f1;cursor:pointer;
}
#hero .st-go:focus-visible{outline:2px solid #fff;outline-offset:5px}

/* 提示只在 VR 真正到达视口时出现。桌面背景始终保底可见，避免激活类短暂丢失时变成黑屏。 */
#hero:not(.is-vr-active) .st-cue{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
#hero.is-vr-active .hero-cam .env{visibility:visible}

/* 窄屏的套房层是 fixed，仍需等到 VR 到达视口再显示，避免穿透前后章节。 */
@media (max-width:1080px),(max-height:620px){
  #hero:not(.is-vr-active) .hero-cam .env{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
}

#hero.is-vr-unlocked .st-copy{opacity:0!important;transform:translateY(-24px);pointer-events:none}
#hero.is-vr-unlocked .st-scrim{opacity:0!important}
#hero.is-vr-unlocked .st-demo{opacity:1}
#hero .st-copy,#hero .st-scrim{transition:opacity .55s ease,transform .7s cubic-bezier(.16,1,.3,1)}

@media (min-width:1081px) and (min-height:621px){
  #hero .st-copy,#hero .st-scrim{display:block}
  #hero .st-copy{max-width:min(39rem,55vw);bottom:clamp(3.8rem,10vh,7rem)}
  #hero .st-h1{font-size:clamp(2.6rem,4.7vw,4.5rem)}
  #hero .st-lead{max-width:30rem}
}

@media (max-width:1080px),(max-height:620px){
  #hero .st-copy{font-family:var(--tevo-cjk)}
  #hero .st-h1{font-size:clamp(2.5rem,10vw,3.4rem)}
  #hero .st-cue{transition:opacity .35s ease,visibility .35s ease}
}

@media (prefers-reduced-motion:reduce){
  #hero .st-copy,#hero .st-scrim{transition:none}
}