/* Approved homepage identity, revision 7. */
.hero .identity{position:absolute;z-index:4;top:70px;left:var(--gutter);display:flex;flex-direction:column;gap:12px;font:11px/1.7 var(--mono);letter-spacing:.09em;color:#d3d7df}
.hero .identity b{color:var(--pink);font-weight:400;padding:0 7px}
.hero .identity .location{font-size:10px;letter-spacing:.13em;color:#a0a9b8}
.hero .hero-top>span:first-child{visibility:hidden}
@media(min-width:701px){.hero{min-height:800px;padding-top:70px}.hero .name{margin-top:126px;font-size:clamp(80px,14.3vw,246px)}}
/* Same upper identity relationship on desktop and mobile. */
@media(max-width:700px){
body .hero{padding:42px 20px 25px;min-height:710px;height:calc(100svh - 115px)}
body .hero .hero-top{display:flex;justify-content:flex-end;font-size:7px;line-height:1.7}
body .hero .hero-top>span:first-child{display:none}
body .hero .hero-top .status{font-size:7px;letter-spacing:.02em;white-space:nowrap}
body .hero .status:before{width:5px;height:5px;margin-right:5px}
body .hero .identity{position:absolute;top:42px;left:20px;right:auto;margin:0;gap:14px;font-size:8px;letter-spacing:.025em;line-height:1.7}
body .hero .identity .location{font-size:7px;letter-spacing:.08em}
body .hero .identity b{padding:0 3px}
body .hero .name{font-size:19vw;line-height:.81;margin-top:119px}
body .hero .name span:last-child{margin-left:27vw;margin-top:15px}
body .hero .name.name-zh{font-size:27vw;margin-top:119px}
}
@media(max-width:360px){body .hero .identity{font-size:7px}body .hero .hero-top .status{font-size:6px}}

/* Mobile readability refinement, without changing the layout. */
@media(max-width:700px){
body .hero .identity{font-size:9px;font-weight:600;letter-spacing:.01em;color:#e0e3e9}
body .hero .identity .location{font-size:8.5px;font-weight:600;letter-spacing:.045em;color:#b8bfcb}
body .hero .hero-top .status{font-size:8px;font-weight:600;letter-spacing:0;color:#d0d5de}
body .hero .interaction-note{font-weight:500;color:#adb5c2}
}
@media(max-width:360px){body .hero .identity{font-size:8px}body .hero .identity .location{font-size:8px}body .hero .hero-top .status{font-size:6.5px}}

/* Match the existing Art page's ordinary typographic asterisk. */
body .wr-hero-line h1>span{font-family:var(--sans);font-size:clamp(64px,8.4vw,136px);font-weight:500;line-height:1.02;letter-spacing:-.055em;vertical-align:baseline;margin:0;transform:none}
@media(max-width:700px){body .wr-hero-line h1>span{font-size:clamp(52px,14vw,90px)}}

body .wr-hero-line h1>span{margin-left:.12em}

/* A small contrast refinement requested after device review. */
@media(min-width:701px){.hero .identity{font-weight:500;color:#e0e3e9}.hero .identity .location{font-weight:500;color:#b5bdca}}
@media(max-width:700px){body .hero .interaction-note{font-weight:600;color:#bec5d0}}

body .wr-hero-line h1>span .works-six-star{display:inline-block;vertical-align:top;margin-top:.09em;overflow:visible}