/* Styles for the members page only. */
.profile-index{display:flex;justify-content:center;gap:30px;padding-bottom:45px}
.profile-index .member-circle{width:96px}
.profile-index .circle-art{max-width:84px}
.profile-index .circle-name{font-size:15px;gap:5px;margin-top:6px}
.profile-index .circle-name .english{font-size:12px}
.profile{padding-block:65px;background:color-mix(in srgb,var(--member-color) 10%,white);scroll-margin-top:0}
.profile-inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:100px;align-items:center;max-width:960px}
.profile-art{width:100%;padding:9px;background:white;border-radius:18px;box-shadow:6px 7px 0 color-mix(in srgb,var(--member-color) 26%,white);max-width:335px;justify-self:center}
.profile-art img{width:100%;height:auto;border-radius:11px}
.profile-copy{min-width:0;padding-block:25px}
.profile-copy .section-kicker{color:var(--member-ink)}
.profile-copy h2{display:flex;flex-wrap:wrap;align-items:baseline;gap:17px;margin-top:16px;font-size:46px;font-weight:900;letter-spacing:.08em}
.profile-copy h2 .english{font-size:25px;letter-spacing:0;color:var(--member-ink)}
.profile-intro{margin-top:26px;font-size:15px;line-height:2.2}
.profile-facts{margin-top:30px}
.profile-facts>div{display:grid;grid-template-columns:95px minmax(0,1fr);align-items:center;min-height:70px;border-top:1px solid color-mix(in srgb,var(--member-color) 55%,white)}
.profile-facts>div:last-child{border-bottom:1px solid color-mix(in srgb,var(--member-color) 55%,white)}
.profile-facts dt{font-size:12px;font-weight:800}
.profile-facts dd{margin:0;font-size:14px;overflow-wrap:anywhere}
.profile-facts dd>span{font:32px/1.3 var(--display)}
@media(max-width:1100px){
.profile-inner{gap:65px}
}
@media(max-width:820px){
.profile-inner{gap:40px}
.profile-art{max-width:280px}
.profile-copy h2{font-size:37px}
.profile-copy h2 .english{font-size:22px}
.profile-intro{font-size:13px}
.profile-facts>div{grid-template-columns:75px 1fr}
.profile-facts dd{font-size:12px}
}
@media(max-width:640px){
.profile-index{gap:16px;padding-bottom:35px}
.profile-index .member-circle{width:62px}
.profile-index .circle-art{max-width:62px}
.profile-index .circle-name{font-size:13px;gap:5px}
.profile-index .circle-name .english{font-size:10px}
.profile{padding-block:36px 40px;scroll-margin-top:0}
.profile-inner{grid-template-columns:1fr;gap:17px}
.profile-art{width:min(71%,265px);padding:7px;border-radius:13px}
.profile-art img{border-radius:8px}
.profile-copy{padding:12px 2px 0}
.profile-copy h2{font-size:35px;gap:14px;margin-top:10px}
.profile-copy h2 .english{font-size:23px}
.profile-intro{font-size:14px;margin-top:18px}
.profile-facts{margin-top:23px}
.profile-facts>div{grid-template-columns:100px 1fr;min-height:62px}
.profile-facts dd{font-size:13px}
.profile-facts dd>span{font-size:29px}
}
@media(max-width:360px){
.profile-index{gap:12px}
.profile-index .member-circle{width:58px}
}
.profile-index a[aria-current=location] .circle-name{text-decoration:underline;text-decoration-color:var(--member-ink);text-underline-offset:5px}
.profile-index .circle-art{position:relative}
.profile-index .member-circle:focus-visible{outline-color:var(--member-ink)}
.profile-index .member-circle:focus-visible .circle-emphasis,.profile-index .member-circle:active .circle-emphasis{opacity:1;transform:translate(0,0) rotate(28deg) scale(1)}
@media(hover:hover) and (pointer:fine){
.profile-index .member-circle:hover .circle-emphasis{opacity:1;transform:translate(0,0) rotate(28deg) scale(1)}
}
.profile-index .circle-emphasis{top:-13%;right:-16%;width:50%}