/* A stable editorial nameplate: readable while the portrait responds to the pointer. */
.hero-profile{position:absolute;z-index:6;left:54%;top:54%;width:318px;max-width:calc(100% - 44px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(9px);transition:opacity 180ms var(--ease),transform 180ms var(--ease),visibility 180ms;filter:drop-shadow(0 10px 18px #17171515);text-align:left}
.hero-profile[data-open=true]{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.profile-panel[hidden]{display:none}
.profile-masthead{padding:16px 18px 17px;background:var(--ink);color:var(--paper);border-left:3px solid var(--yellow)}
.hero-profile[data-person=cissy] .profile-masthead{border-left-color:#f1b4a2}
.profile-name{display:block;font:10px/1.4 Arial,sans-serif;letter-spacing:.09em;color:#cac7be;margin-bottom:8px}
.profile-title{display:block;font-size:24px;line-height:1.3;letter-spacing:-.045em;white-space:nowrap}
.profile-credentials{list-style:none;margin:6px 0 0;padding:11px 18px;background:#f7f5eff5;color:var(--ink);font-size:12px;line-height:1.75;border-left:3px solid #d2cdbf}
.profile-credentials li+li{margin-top:2px}
.profile-proof{margin:6px 0 0;padding:10px 18px;border-left:3px solid var(--yellow);background:#f4e879;color:var(--ink);display:flex;flex-direction:column;gap:3px;font-size:12px;line-height:1.5}
.profile-proof>span{font-size:9px;letter-spacing:.07em}
.profile-proof>b{font-weight:600}
.hero-profile[data-person=cissy] .profile-proof{background:#f2c9bb;border-left-color:#e6a68e}
.hero-profile.profile-instant,.keyboard-input .hero-profile,.reduced .hero-profile{transition:none}
@media(max-width:1100px) and (min-width:761px){.hero-profile{left:50%;width:300px;top:55%}.profile-title{font-size:23px}}
@media(max-width:760px){
 .hero-stage>#profile-toggle{position:absolute;right:22px;bottom:58px;z-index:7;min-height:44px;padding:0 5px;border:0;border-bottom:1px solid currentColor;background:transparent;color:var(--ink);font-size:10px}
 .hero-profile{left:22px;top:auto;bottom:78px;width:248px;max-width:calc(100% - 44px)}
 .profile-masthead{padding:11px 12px 12px}
 .profile-name{font-size:9px;margin-bottom:5px;letter-spacing:.06em}
 .profile-title{font-size:20px}
 .profile-credentials{padding:8px 12px;font-size:10px;line-height:1.65;margin-top:4px}
 .profile-proof{padding:7px 12px;font-size:10px;margin-top:4px;gap:2px}
 .profile-proof>span{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.hero-profile{transition:none}}