@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap");
:root{
  --page-width:1200px;
  --content-width:1040px;
  --title:#222;
  --nav:#999;
  --nav-active:#111;
  --body:#575757;
  --muted:#8a8a8a;
  --line:#e7e7e7;
  --paper:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--body);font-family:"Proxima Nova","Helvetica Neue",Arial,sans-serif;font-size:15px;font-weight:300;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.site-shell{width:var(--page-width);max-width:calc(100vw - 48px);margin:0 auto}
.site-header{padding-top:84px}
.header-row{min-height:52px;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:44px;text-align:center}
.site-identity{display:grid;justify-items:center;gap:5px}
.site-title{margin:0;color:var(--title);font-family:"Futura PT",Futura,Poppins,"Century Gothic","Avenir Next",Arial,sans-serif;font-size:40px;line-height:1.2;font-weight:700;letter-spacing:1px;text-transform:none;white-space:normal;max-width:100%}
.site-tagline{margin:0;color:#858585;font-family:Georgia,"Times New Roman",serif;font-size:17px;line-height:1.5;font-weight:400;font-style:italic;letter-spacing:.05px}
.site-nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:30px;white-space:nowrap}
.site-nav a{color:var(--nav);font-family:"Futura PT",Futura,"Century Gothic","Avenir Next",Arial,sans-serif;font-size:18px;line-height:1.6em;font-weight:400;letter-spacing:1px;text-transform:uppercase;transition:color .15s ease}
.site-nav a.active,.site-nav a:hover{color:var(--nav-active)}
.site-nav a.language-link{font-family:"Proxima Nova","Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.6;font-weight:300;letter-spacing:1px;text-transform:none}
.page-main{width:var(--content-width);max-width:calc(100vw - 48px);margin:0 auto;padding:78px 0 122px}
.page-heading{max-width:820px;margin:0 0 64px}
.page-kicker{margin:0 0 14px;color:var(--muted);font-size:12px;font-weight:500;letter-spacing:2px;text-transform:uppercase}
.page-title{margin:0;color:var(--title);font-family:"Futura PT",Futura,Poppins,"Century Gothic","Avenir Next",Arial,sans-serif;font-size:34px;line-height:1.25;font-weight:700;letter-spacing:.3px}
.page-intro{max-width:790px;margin:22px 0 0;font-size:17px;line-height:1.68;color:#4f4f4f}
.section{margin-top:78px}
.section:first-child{margin-top:0}
.section-label{margin:0 0 26px;padding-top:15px;border-top:1px solid var(--line);color:#333;font-family:"Futura PT",Futura,Poppins,"Century Gothic","Avenir Next",Arial,sans-serif;font-size:15px;font-weight:500;letter-spacing:1.4px;text-transform:uppercase}
.research-chapter{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:58px;align-items:center;margin:0 0 88px}
.research-chapter:nth-child(even) .chapter-visual{order:2}
.chapter-visual img{width:100%;height:420px;object-fit:contain;background:#fff}
.research-chapter:last-of-type .chapter-visual img{height:550px}
.chapter-number{display:block;margin-bottom:16px;color:var(--muted);font-size:12px;letter-spacing:2px}
.chapter-copy h2{margin:0 0 16px;color:var(--title);font-family:"Futura PT",Futura,Poppins,"Century Gothic","Avenir Next",Arial,sans-serif;font-size:30px;line-height:1.24;font-weight:700}
.chapter-copy p{margin:0;font-size:17px;line-height:1.68}
.scale-line{margin:44px 0 78px;padding:27px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;color:#555;font-size:14px;letter-spacing:.5px}
.profile-lead{display:grid;grid-template-columns:300px minmax(0,1fr);gap:76px;align-items:start}
.profile-lead img{width:300px;height:390px;object-fit:cover;object-position:top center}
.profile-name{margin:0 0 10px;color:var(--title);font-family:"Futura PT",Futura,Poppins,"Century Gothic","Avenir Next",Arial,sans-serif;font-size:44px;line-height:1.15}
.profile-role{margin:0 0 28px;color:#777;font-size:18px}
.profile-affiliation{font-size:17px;line-height:1.7}
.profile-links{margin-top:22px;color:#333}
.profile-links a{border-bottom:1px solid #bbb}
.biography{max-width:830px}
.biography p{font-size:17px;line-height:1.88;margin:0 0 22px}
.timeline{margin:0;padding:0;list-style:none}
.timeline li{display:grid;grid-template-columns:180px minmax(0,1fr);gap:32px;padding:19px 0;border-top:1px solid var(--line)}
.timeline .date{color:#888}
.timeline strong{color:#333;font-weight:500}
.people-feature{display:grid;grid-template-columns:220px 1fr;gap:44px;align-items:center;margin-bottom:78px}
.people-feature img{width:220px;height:286px;object-fit:cover;object-position:top}
.people-feature h2{font-size:32px;margin:0 0 9px;color:#222}
.people-feature p{margin:0;color:#777;font-size:16px}
.people-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:48px 34px}
.person-card{min-width:0}
.person-card img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top;background:#f5f5f5}
.person-placeholder{width:100%;aspect-ratio:4/5;display:grid;place-items:center;background:#f6f6f6;color:#aaa;font-family:"Futura PT",Futura,"Century Gothic","Avenir Next",Arial,sans-serif;font-size:12px;line-height:1.4;font-weight:400;letter-spacing:1.4px;text-transform:uppercase}
.person-name{margin-top:13px;color:#222;font-family:"Futura PT",Futura,Poppins,"Century Gothic","Avenir Next",Arial,sans-serif;font-size:21px;font-weight:500}
.person-year,.person-role{margin-top:4px;color:#858585;font-size:14px}
.assistant-image{width:min(420px,100%);height:auto}.assistant-image.person-placeholder{aspect-ratio:4/5}
.alumni .people-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:50px 28px}
.alumni .person-name{font-size:17px}
.publication-note{max-width:760px;color:#777}
.featured-publications{display:grid;gap:44px}
.featured-publication{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:54px;align-items:center}
.featured-publication:nth-child(even) .feature-visual{order:2}
.feature-visual img{width:100%;height:340px;object-fit:contain;background:#fff}
.feature-copy{font-size:16px;line-height:1.68}
.feature-copy>div:nth-child(2){margin:11px 0;color:#222;font-size:21px;line-height:1.45}
.feature-copy a:hover{color:#111}
.year-block{display:grid;grid-template-columns:120px minmax(0,1fr);gap:34px;margin:0 0 52px}
.year-block h2{margin:0;color:#222;font-size:31px;font-weight:500}
.bibliography{display:grid;gap:0}
.bibliography-entry{padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid var(--line);font-size:15px;line-height:1.72}
.bibliography-entry>div:nth-child(2){margin:6px 0;color:#222;font-size:17px;line-height:1.5}
.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 44px}
.gallery-item figure{margin:0}
.gallery-item img{width:100%;height:400px;object-fit:contain;background:#fff}
.gallery-item figcaption{margin-top:14px;color:#777;font-size:13px;line-height:1.5}
.gallery-placeholder{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
.gallery-placeholder img{width:100%;height:410px;object-fit:cover}
.gallery-placeholder h2{margin:0 0 20px;color:#222;font-size:34px}
.gallery-placeholder p{font-size:17px;line-height:1.72}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.contact-block h2{margin:0 0 20px;color:#222;font-size:31px;font-weight:500}
.contact-block p{margin:0 0 16px;font-size:17px;line-height:1.7}
.contact-block a{border-bottom:1px solid #bbb}
.contact-meta{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}
.site-footer{padding:0 0 54px;color:var(--body);font-size:12px;line-height:20px}
.footer-row{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid var(--line);padding-top:22px}
@media(max-width:900px){
 .site-title{font-size:40px}.page-main{padding-top:66px}.research-chapter,.profile-lead,.people-feature,.featured-publication,.contact-grid,.gallery-placeholder{grid-template-columns:1fr;gap:38px}
 .research-chapter:nth-child(even) .chapter-visual,.featured-publication:nth-child(even) .feature-visual{order:0}
 .people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.alumni .people-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .profile-lead img{width:280px}.gallery-grid{grid-template-columns:1fr}.year-block{grid-template-columns:1fr;gap:18px}
}
@media(max-width:700px){
 .site-header{padding-top:42px}.site-title{font-size:32px}.site-nav{gap:18px 24px}.site-nav a{font-size:14px}
 .page-main{max-width:calc(100vw - 36px);padding:56px 0 96px}.page-title{font-size:34px}.page-intro{font-size:17px}.page-heading{margin-bottom:50px}
 .chapter-visual img,.gallery-item img{height:auto;max-height:360px}.people-grid,.alumni .people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 20px}
 .person-name{font-size:18px}.profile-name{font-size:37px}.timeline li{grid-template-columns:1fr;gap:4px}
 .footer-row{display:grid;gap:8px}.research-chapter{margin-bottom:68px}
}
.pi-page .pi-main{padding-top:78px}
.pi-page .pi-heading{margin-bottom:58px}
.pi-page .profile-lead{grid-template-columns:240px minmax(0,1fr);gap:50px;align-items:start;margin-bottom:72px}
.pi-page .profile-lead img{width:240px;height:auto;object-fit:contain;object-position:top left}
.pi-page .profile-role{margin-bottom:18px}
.pi-page .profile-affiliation{line-height:1.55}
.pi-page .profile-links{margin-top:16px}
.pi-page .section{margin-top:78px}
.pi-page .biography{margin-top:0;max-width:820px}
.pi-page .biography p{line-height:1.78;margin-bottom:18px}
.pi-page .timeline li{padding:15px 0}
.pi-page .section.pi-empty{margin-top:44px}
@media(max-width:900px){
 .pi-page .profile-lead{grid-template-columns:220px minmax(0,1fr);gap:32px;margin-bottom:64px}
 .pi-page .profile-lead img{width:220px}
}
@media(max-width:700px){
 .pi-page .pi-main{padding-top:58px}
 .pi-page .pi-heading{margin-bottom:44px}
 .pi-page .profile-lead{margin-bottom:54px}
 .pi-page .profile-lead img{width:220px}
 .pi-page .section{margin-top:62px}
}

.zh-page{font-family:"Proxima Nova","Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
.zh-page .page-title{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Futura PT",Futura,Poppins,sans-serif;font-weight:600;letter-spacing:.5px}
.zh-page .page-intro{max-width:820px}
.zh-section{display:grid;grid-template-columns:220px minmax(0,1fr);gap:44px;padding:32px 0;border-top:1px solid var(--line)}
.zh-section h2{margin:0;color:#333;font-size:18px;line-height:1.5;font-weight:500;letter-spacing:1.2px}
.zh-section p{margin:0 0 14px;font-size:17px;line-height:1.75;color:#555}
.zh-list{margin:0;padding:0;list-style:none;display:grid;gap:13px}
.zh-list li{font-size:17px;line-height:1.72;color:#555}
.zh-list strong{color:#333;font-weight:500}
.zh-note{margin-top:30px;color:#777;font-size:15px;line-height:1.8}
@media (max-width:700px){.zh-section{grid-template-columns:1fr;gap:16px;padding:28px 0}}
