body[data-page-type="people-index"] { background: #f6f1e7; }
.people-museum-hero { position: relative; overflow: hidden; padding: 92px 0 70px; text-align: center; background: radial-gradient(circle at 50% 0%, rgba(141,55,40,.09), transparent 43%); }
.people-museum-hero::before,.people-museum-hero::after { content:""; position:absolute; top:42px; width:28%; height:1px; background:linear-gradient(90deg,transparent,rgba(141,55,40,.25)); }
.people-museum-hero::before { left:0; }.people-museum-hero::after { right:0; transform:scaleX(-1); }
.people-museum-hero-inner { position:relative; }.people-museum-ornament { display:block; width:34px; height:34px; margin:0 auto 26px; border:1px solid rgba(141,55,40,.5); transform:rotate(45deg); }
.people-museum-ornament::after { content:""; display:block; width:8px; height:8px; margin:12px; background:#8d3728; }
.people-museum-en { margin-bottom:16px; color:#8d3728; font-size:12px; font-weight:600; letter-spacing:.28em; }
.people-museum-hero h1 { margin:0; color:#29241f; font-family:"Noto Serif SC","Songti SC",SimSun,serif; font-size:clamp(38px,6vw,58px); font-weight:600; line-height:1.2; letter-spacing:.12em; }
.people-museum-hero h1 span { color:#8d3728; letter-spacing:.04em; }.people-museum-subtitle { margin-top:24px; color:#786e64; font-family:"Noto Serif SC","Songti SC",SimSun,serif; font-size:clamp(16px,2vw,19px); letter-spacing:.08em; }
.people-museum-types { margin-top:16px; color:#9a8d81; font-size:12px; letter-spacing:.12em; }.people-museum-gallery { padding:10px 0 100px; }
.people-museum-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),380px)); justify-content:center; gap:32px; }
body[data-page-type="people-index"] .person-card { display:flex; flex-direction:column; overflow:hidden; padding:0; border:1px solid rgba(84,66,49,.12); border-radius:24px; background:#fffdf8; box-shadow:0 18px 50px rgba(65,48,32,.10); transition:transform .35s ease,box-shadow .35s ease; }
.person-card-portrait { position:relative; display:grid; place-items:center; min-height:260px; overflow:hidden; background:linear-gradient(135deg,rgba(255,255,255,.7),transparent 48%),radial-gradient(circle at 50% 38%,#f4eadc,#e9ddc9 72%); }
.person-card--global .person-card-portrait { background:linear-gradient(145deg,rgba(255,255,255,.82),transparent 42%),repeating-linear-gradient(90deg,transparent 0 58px,rgba(48,54,64,.04) 59px 60px),radial-gradient(circle at 50% 32%,#ebe6dc,#d8d2c6 72%); }
.person-card-portrait::before { content:""; position:absolute; width:176px; height:176px; border:1px solid rgba(141,55,40,.18); border-radius:50%; box-shadow:0 0 0 22px rgba(255,255,255,.18),0 0 0 23px rgba(141,55,40,.08); }
.person-card--global .person-card-portrait::after { content:""; position:absolute; inset:36px 18px; border-top:1px solid rgba(48,54,64,.12); border-bottom:1px solid rgba(48,54,64,.12); }
.person-card-portrait.has-photo::before,.person-card-portrait.has-photo::after { display:none; }
.person-card-portrait picture { display:block; width:100%; height:100%; }.person-card-portrait img { width:100%; height:100%; object-fit:cover; object-position:50% 38%; }.person-card-seal { position:relative; z-index:1; display:grid; place-items:center; width:112px; height:112px; border:2px solid rgba(255,255,255,.72); border-radius:50%; background:var(--portrait-color,#8d3728); color:#fffaf0; font-family:"Noto Serif SC","Songti SC",SimSun,serif; font-size:52px; box-shadow:0 14px 32px rgba(79,43,31,.22); transition:transform .35s ease; }
.portrait-note { position:absolute; z-index:2; right:20px; bottom:18px; color:#7c756c; font-size:11px; letter-spacing:.08em; }.person-card-body { display:flex; flex:1; flex-direction:column; padding:28px 30px 30px; text-align:center; }
.person-card-index { margin:0 0 7px; color:#a8835e; font-size:10px; letter-spacing:.2em; }.person-card-type { margin:0 0 8px; color:#8d3728; font-size:11px; letter-spacing:.12em; }.person-card--global .person-card-type { color:#59616c; }
body[data-page-type="people-index"] .person-card .card-title { margin:0; color:#29241f; font-family:"Noto Serif SC","Songti SC",SimSun,serif; font-size:30px; letter-spacing:.12em; }.card-name-en { margin-top:4px; color:#91877d; font-family:Georgia,serif; font-size:11px; letter-spacing:.18em; }
body[data-page-type="people-index"] .person-card .card-subtitle { min-height:44px; margin:10px 0 0; color:#786e64; font-size:14px; line-height:1.65; }.card-summary { margin-top:9px; color:#3e3832; font-family:"Noto Serif SC","Songti SC",serif; font-size:14px; }
body[data-page-type="people-index"] .person-card .card-tags { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:20px; }.person-card .tag { padding:6px 11px; border:1px solid rgba(141,55,40,.13); border-radius:999px; background:transparent; color:#8d3728; font-size:12px; }.person-card--global .tag { border-color:rgba(48,54,64,.14); color:#59616c; }
body[data-page-type="people-index"] .person-card .card-actions { display:flex; margin-top:auto; padding-top:26px; }.person-card .btn-primary { flex:1; border-radius:999px; background:#8d3728; color:#fff; letter-spacing:.06em; }.person-card--global .btn-primary { background:#343a43; }.person-card--global .btn-primary:hover { background:#20252b; }
@media (hover:hover) and (pointer:fine) { body[data-page-type="people-index"] .person-card:hover { transform:translateY(-8px); box-shadow:0 26px 64px rgba(65,48,32,.16); }.person-card:hover .person-card-seal { transform:scale(1.04); } }
@media (max-width:600px) { .people-museum-hero { padding:68px 0 54px; }.people-museum-hero h1 { letter-spacing:.08em; }.people-museum-en { font-size:10px; letter-spacing:.18em; }.people-museum-types { line-height:1.8; }.people-museum-gallery { padding-bottom:72px; } }