*{box-sizing:border-box}
html,body{margin:0;width:100%;min-height:100%;overflow-x:clip;background:#0C0C0C}
main{width:100%}
.hero{position:relative;width:100%;min-height:100svh;height:100dvh;overflow:hidden;isolation:isolate;--hero-ui-scale:.75}
.hero-video-stage{position:relative;width:100%;height:100%;overflow:hidden;background:#281b12;outline:none}
.hero-video-stage:focus-visible{outline:2px solid #ffffff80;outline-offset:-4px}
.hero-video-stage video,.hero-video-poster{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;border:0;border-radius:0}
.hero-video-stage video{opacity:0;pointer-events:none}
.hero-video-stage.is-ready video.is-active{opacity:1}
.hero-video-stage.is-ready .hero-video-poster{opacity:0}
.hero-video-stage.is-static video{opacity:0}
.hero-video-stage.is-static .hero-video-poster{opacity:1}
.hero-video-stage.is-handshaking #hero-handshake{opacity:1}
.hero-video-stage.is-handshaking #hero-video,.hero-video-stage.is-handshaking .hero-video-poster{opacity:0}
.hero-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 50% 50% at 50% 50%,#0000 66.732%,#0d0d0d 100%)}
.hero-ui{position:absolute;inset:0;pointer-events:none}
.hero-ui img{display:block;max-width:none}
.hero-nav,.hero-brand,.hero-greeting{z-index:2}
.hero-nav{position:absolute;left:calc(50% - 177px * var(--hero-ui-scale));top:calc(50% - 399.5px * var(--hero-ui-scale));display:flex;align-items:flex-start;gap:calc(58px * var(--hero-ui-scale));font-family:'PingFang SC','Microsoft YaHei',sans-serif;font-size:calc(18px * var(--hero-ui-scale));font-weight:300;line-height:calc(25px * var(--hero-ui-scale));white-space:nowrap;pointer-events:auto}
.hero-nav a{position:relative;color:#d6b092;text-decoration:none;transition:color .2s}
.hero-nav a:first-child{margin-right:calc(23px * var(--hero-ui-scale))}
.hero-nav a[aria-current='page']{font-weight:500;color:#fff}
.hero-nav a:hover{color:#fff}
.hero-nav-line{position:absolute;left:calc(25px * var(--hero-ui-scale));top:calc(31px * var(--hero-ui-scale));transform:scale(var(--hero-ui-scale));transform-origin:left top}
.hero-nav a:not([aria-current='page']) .hero-nav-line{visibility:hidden}
.hero-brand{position:absolute;left:calc(50% - 748px * var(--hero-ui-scale));top:calc(50% - 309.5px * var(--hero-ui-scale));mix-blend-mode:color-dodge;transform:scale(var(--hero-ui-scale));transform-origin:left top}
.hero-greeting{position:absolute;left:calc(50% + 521.03125px * var(--hero-ui-scale));top:calc(50% + 18.5625px * var(--hero-ui-scale));color:#dfca99}
.hero-greeting h2{margin:0;line-height:1}
.hero-greeting h2 img{transform:scale(var(--hero-ui-scale));transform-origin:left top}
.hero-greeting p{position:absolute;left:calc(-2.03125px * var(--hero-ui-scale));top:calc(58.9375px * var(--hero-ui-scale));margin:0;font-family:'PingFang SC','Microsoft YaHei',sans-serif;font-size:calc(15px * var(--hero-ui-scale));font-weight:400;line-height:calc(12px * var(--hero-ui-scale));color:#c0c0c0;white-space:nowrap}
.hero-meet{position:absolute;left:calc(50% - 187px * var(--hero-ui-scale));top:calc(50% + 262.5px * var(--hero-ui-scale));width:calc(374px * var(--hero-ui-scale));height:calc(124px * var(--hero-ui-scale));display:grid;place-items:center;border-radius:150px;pointer-events:auto;text-decoration:none}
.hero-meet::before{content:'';position:absolute;inset:0;z-index:2;border:1px solid #fff;border-radius:inherit;background:linear-gradient(to left,#c2a185 .178%,#226cff42 100%);mix-blend-mode:color-dodge;opacity:.6;transition:opacity .2s}
.hero-meet img{position:relative;z-index:3;transform:scale(var(--hero-ui-scale))}
.hero-meet:hover::before{opacity:.82}
.hero-nav a:focus-visible,.hero-meet:focus-visible{outline:2px solid #dfca99;outline-offset:6px}
.hero-meet:focus-visible::after{content:'';position:absolute;inset:-6px;z-index:3;border:2px solid #dfca99;border-radius:inherit}
.hero-meet{padding:0;border:0;background:none;cursor:pointer;color:#dfca99;font:inherit}
.hero-meet-playing{display:none;position:relative;z-index:3;font-family:'PingFang SC','Microsoft YaHei',sans-serif;font-size:clamp(16px,2vw,24px);letter-spacing:.08em}
.hero-meet[aria-busy='true'] img{display:none}
.hero-meet[aria-busy='true'] .hero-meet-playing{display:block}
.hero-playback-status{position:absolute;bottom:16px;left:20px;right:20px;text-align:center;margin:0;color:#dfca99;font:12px/1.5 'PingFang SC','Microsoft YaHei',sans-serif}
@media(max-width:1023px){
  .hero-shade{background:linear-gradient(90deg,#0d0d0d88 0%,#0000 38%),radial-gradient(ellipse 90% 45% at 50% 46%,#0000 48%,#0d0d0ded 100%)}
  .hero-nav{left:50%;top:max(30px,env(safe-area-inset-top));transform:translateX(-50%);gap:28px;font-size:14px;line-height:24px}
  .hero-nav a:first-child{margin-right:0}.hero-nav-line{left:17px;top:30px;transform:none}
  .hero-brand{left:20px;top:22%;transform:scale(.3)}
  .hero-greeting{left:auto;right:24px;top:auto;bottom:176px;width:149px;height:61px}
  .hero-greeting h2 img{transform:scale(.8)}
  .hero-greeting p{left:0;top:45px;font-size:11px;line-height:16px}
  .hero-meet{left:calc(50% - 112px);top:auto;bottom:max(48px,env(safe-area-inset-bottom));width:224px;height:74px}
  .hero-meet img{transform:scale(.7)}
}
@media(max-width:359px){.hero-nav{gap:24px;font-size:12px}.hero-nav-line{left:13px}.hero-brand{left:16px;transform:scale(.25)}.hero-greeting{right:20px}}
@media(prefers-reduced-motion:reduce){.hero-video-poster{transition:none}}

.hero-video-stage.is-transitioning #hero-handshake{opacity:1}
.hero-video-stage.is-transitioning #hero-video,.hero-video-stage.is-transitioning .hero-direction-video,.hero-video-stage.is-transitioning .hero-video-poster{opacity:0}
.hero.is-transitioning .hero-shade,.hero.is-transitioning .hero-brand,.hero.is-transitioning .hero-greeting{opacity:0;transition:opacity .35s cubic-bezier(.16,1,.3,1)}
@media(prefers-reduced-motion:reduce){.hero.is-transitioning .hero-shade,.hero.is-transitioning .hero-brand,.hero.is-transitioning .hero-greeting{transition:none}}
