@font-face{font-family:LeMiYuanQi;src:url('./fonts/lemi-yuanqi.ttf') format('truetype');font-style:normal;font-weight:400 900;font-display:swap}
:root{--zh-sans:Inter,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;--zh-play:LeMiYuanQi,"PingFang SC",sans-serif}
body,.navlink,.pageLede,.pjDesc,.pjLink,.projTab,.expPoints,.aboutCopy,.aboutResume,.navTalk,.ghCal,.qmNote{font-family:var(--zh-sans)}
.heroNote,.pageHead,.contactHead,.aboutHead,.secLabel,.fanCap,.pjTitle,.projGroupTitle,.projCardTitle,.aboutSub,.thanksSticker,.aboutPortraitTag,.qmBig,.qmKicker{font-family:var(--zh-play)}
.heroNote{line-height:1.65;letter-spacing:.015em}
.pageHead,.contactHead{line-height:1.25;letter-spacing:.025em}
.aboutHead{line-height:1.5;letter-spacing:0}
.aboutCopy,.pjDesc,.pageLede,.expPoints{line-height:1.85;text-wrap:pretty;overflow-wrap:anywhere}
.pageLede{max-width:34em}
.navlink{padding-inline:21px;letter-spacing:.04em}
.secLabel{letter-spacing:.08em}
.aboutRole{vertical-align:baseline}
.aboutRoleWord{white-space:nowrap}
.expDate{white-space:nowrap}
.ghDayCol{font-family:var(--zh-sans)}
.qmNote{line-height:1.9}
@media(max-width:700px){.heroNote{font-size:19px;max-width:19em;margin-inline:auto;line-height:1.8}.aboutHead{line-height:1.6}.pageHead,.contactHead{line-height:1.4}.expDate{white-space:normal}.pageLede{max-width:27em}.aboutCopy,.pjDesc,.expPoints{line-height:1.9}.qmBig{font-size:clamp(40px,10vw,66px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Fit the six-letter balloon wordmark on compact screens. */
@media(max-width:640px){.heroWordmark{width:min(90vw,620px)!important}}

/* Give the longer navigation wordmark the same visual weight. */
.brandWin{width:118px}
.stageNav.shrunk .brandWin{width:106px}
@media(max-width:640px){.brandWin{width:112px}.stageNav.shrunk .brandWin{width:102px}}

/* Match the original tactile layout to UI design process. */
.workflowStep{display:grid;place-items:center;width:100%;height:100%;font-family:LeMiYuanQi,sans-serif;font-size:28px;color:#4b63ff}