.eye-profile-trigger{position:absolute;inset:12% 0 16%;width:100%;border-radius:50%;cursor:pointer}.eye-profile-trigger:focus-visible{outline-offset:-12px}.about-figure:has(.eye-profile-trigger:hover) .figure-caption{color:#d2e6e4}
#profile-dialog{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;color:var(--ink);background:#070d10;overflow-y:auto;overscroll-behavior:contain;isolation:isolate}#profile-dialog::backdrop{background:#070d10}#profile-dialog[open]{animation:profile-arrive .65s ease both}.profile-web{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}.profile-close{position:fixed;top:max(24px,env(safe-area-inset-top));right:max(30px,env(safe-area-inset-right));z-index:4;width:48px;height:48px}.profile-index{position:absolute;top:43px;left:5.5%;font:10px var(--sans);letter-spacing:.22em;color:#8fa6aa}.profile-content{position:relative;width:36%;max-width:500px;margin:clamp(110px,17vh,190px) 7% 90px auto;opacity:0;transform:translateY(18px);transition:opacity 1.5s ease,transform 1.5s ease;pointer-events:none}.profile-content.is-visible{opacity:1;transform:none;pointer-events:auto}.profile-content .eyebrow{font-size:10px;letter-spacing:.23em;margin-bottom:20px}.profile-content h2{font:400 clamp(64px,7vw,112px)/1.1 var(--serif);letter-spacing:-.045em;margin:0 0 24px}.profile-intro{font:20px/1.7 var(--serif);white-space:pre-line;color:#c1d2d0;margin-bottom:38px}.profile-facts{margin:0}.profile-facts>div{border-top:1px solid #adcdd222;padding:18px 0 20px}.profile-facts dt{font:10px/1.7 var(--sans);letter-spacing:.18em;color:#8ba2a6;margin-bottom:9px}.profile-facts dd{margin:0;max-width:360px;color:#acbdbf;font-size:13px;line-height:1.9}.profile-return{font-size:12px;min-height:44px}html[lang^=zh] .profile-content h2{font-family:var(--serif)}html[lang^=zh] .profile-intro{font-family:var(--cn);font-size:21px}html[lang^=zh] .profile-facts dt{font-family:var(--cn)}
@keyframes profile-arrive{from{opacity:0}to{opacity:1}}
#profile-dialog:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity 1.6s ease;background:linear-gradient(90deg,transparent 40%,#070d1026 58%,#070d10ad 85%)}#profile-dialog[data-phase=profile]:after{opacity:1}#profile-dialog[data-phase=entering] .profile-index{opacity:.35}
@media(max-width:750px){.profile-index{top:37px;left:7%}.profile-close{top:20px;right:18px}.profile-content{width:auto;max-width:520px;margin:43svh 8% 60px;padding:30px 0 0;background:linear-gradient(#070d1000,#070d10e6 90px)}.profile-content h2{font-size:68px}.profile-intro{font-size:18px;margin-bottom:30px}.profile-facts dd{font-size:14px;max-width:none}.profile-content .eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){#profile-dialog[open]{animation:none}.profile-content{transition:none;transform:none}}
@media(max-width:750px){#profile-dialog:after{background:linear-gradient(transparent 23%,#070d1020 39%,#070d10b8 62%)}}
@media(prefers-reduced-motion:reduce){#profile-dialog:after{transition:none}}