.wordmark.wordmark-name { font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif; font-size: 23px; font-weight: 650; letter-spacing: .04em; line-height: 1.25; }
.wordmark-name span { font-family: Inter, sans-serif; font-size: 10px; margin: 3px 0 0 5px; }
.header .live-dot { background: #285cff; }
.hero.hero-cover {
  --hero-accent: #285cff;
  --hero-accent-hover: #4272ff;
  min-height: 720px;
  height: 100svh;
  max-height: 1200px;
  padding: 116px var(--gutter) 156px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #101010;
}
.hero-cover .hero-copy { width: 100%; margin: 0; z-index: 2; text-align: center; }
.hero-cover.has-scroll-exit .hero-copy {
  transform: translate3d(0, var(--hero-scroll-y, 0px), 0) scale(var(--hero-scroll-scale, 1));
  transform-origin: 50% 50%;
  filter: blur(var(--hero-scroll-blur, 0px));
  opacity: var(--hero-scroll-opacity, 1);
}
.hero-cover.has-scroll-exit .hero-summary { opacity: var(--hero-summary-opacity, 1); }
.hero-identity { display: flex; align-items: baseline; justify-content: center; gap: 16px; font-size: 11px; letter-spacing: .15em; color: #92928d; line-height: 1.35; margin-bottom: 30px; }
.hero-name { font-size: 24px; font-weight: 500; letter-spacing: .08em; color: #eeeee8; }
.hero-name-divider { color: #666860; }
.hero-cover h1 {
  font-family: Inter, 'Microsoft YaHei', 'PingFang SC', sans-serif;
  font-size: clamp(76px, 13.8vw, 218px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: -.035em;
  white-space: normal;
  color: #f0eee5;
}
.hero-title-line { display: flex; align-items: center; justify-content: center; width: max-content; max-width: 100%; margin: 0 auto; white-space: nowrap; }
.hero-title-line + .hero-title-line { margin-top: .015em; }
.hero-title-line strong { display: block; font-family: Inter, sans-serif; font-weight: 900; letter-spacing: 0; line-height: 0; }
/* Live text uses the bundled font, with stable condensed proportions on every OS. */
.hero-title-line svg { display: block; width: auto; height: .94em; fill: currentColor; }
.hero-title-accent { fill: var(--hero-accent); }
.hero-tagline { margin-top: 32px; color: var(--hero-accent-hover); font-size: clamp(17px, 1.65vw, 26px); font-weight: 400; letter-spacing: .07em; line-height: 1.6; }
.hero-disciplines { display: flex; justify-content: center; align-items: center; gap: 18px; margin-top: 17px; color: #92928d; font-size: 11px; letter-spacing: .09em; line-height: 1.6; }
.hero-disciplines > span + span::before { content: '/'; margin-right: 18px; color: #50524c; }
.hero-summary {
  position: absolute;
  bottom: 25px;
  left: var(--gutter);
  right: var(--gutter);
  padding-top: 20px;
  border-top: 1px solid var(--line);
  display: grid;
  grid-template-columns: 1fr 1.2fr 1fr;
  align-items: start;
  gap: 30px;
  z-index: 5;
  pointer-events: none;
}
.hero-summary-location { font-size: 11px; color: #b9bab2; line-height: 1.7; }
.hero-location-dot { width: 4px; height: 4px; display: inline-block; background: var(--hero-accent); border-radius: 50%; margin-right: 9px; vertical-align: 3px; }
.hero-cursor-note { margin-top: 7px; font-size: 10px; color: #80827a; }
.hero-summary-note { color: #b9bab2; font-size: 13px; line-height: 1.85; text-align: center; }
.hero-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 9px; pointer-events: auto; }
.hero-action { display: inline-flex; align-items: center; justify-content: center; gap: 11px; min-height: 44px; padding: 0 18px; border-radius: 40px; font-size: 11px; white-space: nowrap; border: 1px solid #76786e; transition: background .2s, color .2s, border-color .2s; }
.hero-action-primary { color: #fff; background: var(--hero-accent); border-color: var(--hero-accent); }
.hero-action-secondary { color: #eeeee8; }
.hero-action-primary:hover { background: var(--hero-accent-hover); border-color: var(--hero-accent-hover); }
.hero-action-secondary:hover { color: #101010; background: #f0eee5; border-color: #f0eee5; }
.hero-action-dot { width: 4px; height: 4px; background: currentColor; border-radius: 50%; }
.hero-action > span:last-child { font-size: 16px; }
@media (max-width: 1100px) {
  .hero-summary { grid-template-columns: 1fr auto; gap: 25px; }
  .hero-summary-location { display: none; }
  .hero-summary-note { text-align: left; font-size: 12px; }
}
@media (max-width: 760px) {
  .wordmark.wordmark-name { font-size: 21px; }
  .hero.hero-cover { min-height: 680px; max-height: none; padding: 115px 20px 205px; }
  .hero-cover h1 { font-size: clamp(40px, 18.7vw, 120px); line-height: 1; letter-spacing: -.035em; }
  .hero-identity { font-size: 9px; gap: 12px; margin-bottom: 25px; letter-spacing: .1em; }
  .hero-name { font-size: 18px; }
  .hero-tagline { font-size: clamp(13px, 3.7vw, 18px); margin-top: 25px; letter-spacing: .02em; }
  .hero-disciplines { gap: 12px; margin-top: 14px; font-size: 9px; letter-spacing: .04em; }
  .hero-disciplines > span + span::before { margin-right: 12px; }
  .hero-summary { bottom: 22px; grid-template-columns: 1fr; gap: 17px; padding-top: 20px; }
  .hero-summary-note { grid-row: 1; text-align: center; font-size: 11px; line-height: 1.8; }
  .hero-actions { grid-row: 2; justify-content: center; }
  .hero-action { min-height: 43px; font-size: 11px; }
  .hero-summary-location { display: block; grid-row: 3; text-align: center; }
  .hero-summary-location > p:first-child { display: none; }
  .hero-cursor-note { margin: 0; font-size: 9px; }
}