/* P4 homepage. Real places and works, with a quieter editorial rhythm. */
:root{color-scheme:dark;--paper:#080909;--ink:#eeeae2;--muted:#aaa89f;--line:#333632;--accent:#d7b66e;--max:1248px;font-family:"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:.25em;text-decoration-thickness:1px}a:hover{color:var(--accent)}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img{display:block;max-width:100%;height:auto}p,h1,h2,h3,figure{margin:0}h1,h2,h3{font-weight:500;line-height:1.25;letter-spacing:-.035em}.wrap{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;left:20px;top:-100px;background:var(--accent);color:#080909;padding:12px 20px;z-index:120}.skip-link:focus{top:10px}
/* The shared shell owns primary navigation; this fallback keeps standalone builds readable. */
.site-header{border-bottom:1px solid var(--line)}.header-inner{width:min(var(--max),calc(100% - 96px));margin:auto;display:flex;align-items:center;min-height:90px;gap:32px}.nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.nav-brand img{width:112px;height:36px;object-fit:contain}.primary-nav{display:flex;gap:24px;margin-left:auto;font-size:14px}.primary-nav a{text-decoration:none}.language-nav{display:flex;gap:14px;font-size:12px}.language-nav a{text-decoration:none}
.home-hero{display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.3fr);gap:60px;align-items:center;padding-block:52px 40px;min-height:650px}
.hero-copy{padding-block:16px;min-width:0}.eyebrow{display:block;font-size:12px;line-height:1.7;letter-spacing:.035em;color:var(--muted)}.hero-copy .eyebrow{margin-bottom:28px;color:var(--accent)}.hero-copy h1{font-size:clamp(64px,6.5vw,92px);letter-spacing:-.065em;line-height:1.1;white-space:nowrap}.hero-discipline{margin-top:17px;font-size:14px;letter-spacing:.12em;color:var(--muted)}.hero-mission{font-size:clamp(27px,2.25vw,34px);line-height:1.6;margin-top:38px;letter-spacing:-.025em}.hero-intro{font-size:16px;line-height:1.9;color:var(--muted);margin-top:24px;max-width:28em}.hero-intro a{color:var(--ink)}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 21px;background:var(--ink);color:var(--paper);text-decoration:none;font-size:14px;font-weight:500;border:1px solid var(--ink);line-height:1.5}.button:hover{background:var(--accent);border-color:var(--accent);color:var(--paper)}.text-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;line-height:1.6;text-decoration:none;border-bottom:1px solid var(--line)}.text-link:after{content:" ↗";margin-left:8px;color:var(--accent)}
.hero-figure{min-width:0;align-self:stretch;display:flex;flex-direction:column}.hero-figure picture{display:block;flex:1;min-height:540px;background:#151713;overflow:hidden}.hero-figure img{width:100%;height:100%;min-height:540px;object-fit:cover;object-position:57% center}.hero-figure figcaption{font-size:11px;line-height:1.7;color:var(--muted);padding-top:13px}.hero-figure figcaption a{margin-left:10px;white-space:nowrap}
.archive-access{display:flex;gap:24px;justify-content:space-between;align-items:center;border-block:1px solid var(--line);padding-block:22px;font-size:13px}.archive-access a{text-decoration:none;color:var(--muted)}.archive-access a::after{content:" ↗";color:var(--accent)}
.section{padding-block:90px}.section-heading{display:block;margin-bottom:42px;max-width:840px}.section-number{display:none}.section-heading h2{font-size:clamp(32px,3.3vw,46px);line-height:1.35;letter-spacing:-.035em}.section-heading p{font-size:17px;color:var(--muted);line-height:1.85;max-width:44em;margin-top:18px}.section-link{display:inline-flex;min-height:48px;align-items:center;font-size:15px;text-decoration:none;border-bottom:1px solid var(--muted);margin-top:40px}.section-link:after{content:" ↗";color:var(--accent);margin-left:16px}
.works-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px 40px}.work{min-width:0}.work:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:48px;align-items:center;padding-bottom:52px;border-bottom:1px solid var(--line)}.work-image{display:block;overflow:hidden;background:#10120f}.work-image img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .3s ease}.work-image.contain img{object-fit:contain}.work-image:hover img{transform:scale(1.015)}.work:first-child .work-image img{aspect-ratio:16/9;object-fit:contain}.work-copy{min-width:0}.image-credit{font-size:11px;color:var(--muted);margin-top:13px}.work .eyebrow{margin-top:22px}.work h3{font-size:32px;margin-top:8px;line-height:1.4}.work h3 a{text-decoration:none}.work:first-child h3{font-size:42px}.work p{font-size:16px;line-height:1.85;color:var(--muted);margin-top:14px;max-width:34em}.work-copy>.text-link{margin-top:18px;font-size:13px}.anchor-alias{scroll-margin-top:100px}
.first-readings{border-top:1px solid var(--line)}.first-reading{display:grid;grid-template-columns:44px minmax(0,1fr) 104px;gap:26px;align-items:center;border-top:1px solid var(--line);padding:32px 0}.reading-step{align-self:start;padding-top:4px;font-size:12px;color:var(--accent);font-variant-numeric:tabular-nums}.first-reading h3{font-size:clamp(24px,2.4vw,32px);line-height:1.45;margin-top:9px;max-width:30em}.first-reading h3 a{text-decoration:none}.first-reading p{font-size:16px;line-height:1.85;color:var(--muted);max-width:52em;margin-top:12px}.reading-byline{font-size:12px;color:var(--muted);margin-top:16px}.first-reading>.text-link{white-space:nowrap;justify-self:end}
.ecology-home{border-block:1px solid var(--line)}.ecology-feature{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:center}.ecology-feature img{width:100%;height:auto}.ecology-feature figcaption{font-size:11px;color:var(--muted);margin-top:14px;line-height:1.75}.ecology-feature h3{font-size:clamp(32px,3.1vw,44px);line-height:1.4;margin:18px 0 22px}.ecology-feature-copy{min-width:0}.ecology-feature-copy>p:not(.eyebrow){font-size:16px;line-height:1.85;color:var(--muted)}.collective-links{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin-top:26px}.collective-links a{padding:13px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:14px}.collective-links a:after{content:" ↗";color:var(--accent)}.ecology-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:28px}.ecology-actions .text-link{font-size:13px}
.research-feature{display:grid;grid-template-columns:1fr .4fr;gap:64px;border-block:1px solid var(--line);padding:34px 0}.research-feature h3{font-size:36px;line-height:1.4;margin:12px 0 18px}.research-feature h3 a{text-decoration:none}.research-feature p{font-size:17px;color:var(--muted);max-width:44em}.research-actions{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px}.research-more{display:flex;flex-wrap:wrap;gap:16px 32px;margin-top:26px}.compact-section{padding-top:0}.home-icon-network{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 34px}.site-network-card{display:flex;gap:16px;align-items:flex-start;min-width:0;padding:24px 0;border-top:1px solid var(--line);text-decoration:none}.site-network-logo{width:42px;flex-shrink:0;color:var(--accent);font-size:22px;font-weight:400;line-height:1.6}.site-network-logo strong{font-weight:400}.site-network-short-label{font-size:17px;line-height:1.5}.site-network-short-label small{display:block;font-size:13px;font-weight:400;line-height:1.8;color:var(--muted);margin-top:8px}
.contact-section{border-top:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px}.contact-email{display:block;font-size:clamp(25px,2.8vw,40px);letter-spacing:-.035em;text-decoration:none;margin-block:12px}.wechat{font-size:14px;color:var(--muted);margin-block:12px}.subtle-link{font-size:12px;color:var(--muted)}.social-links{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:10px 0 22px}.social-links a{font-size:14px;padding-block:12px;border-bottom:1px solid var(--line);text-decoration:none;min-height:48px}.social-links a:after{content:" ↗";color:var(--accent)}.faq-section{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:60px;padding-block:48px}.faq-section h2{font-size:27px}.faq-item{border-top:1px solid var(--line);padding-block:16px}.faq-item:first-child{border:0;padding-top:0}.faq-item summary{font-size:16px;min-height:40px;line-height:1.7;cursor:pointer}.faq-item p{color:var(--muted);font-size:15px;line-height:1.9;margin:14px 0}.site-footer{display:flex;justify-content:space-between;gap:30px;padding-block:30px;font-size:12px;border-top:1px solid var(--line);color:var(--muted)}.site-footer small{font-size:11px}
.p4-home-en .hero-copy h1{font-size:clamp(50px,5.3vw,74px);letter-spacing:-.06em}.p4-home-en .hero-mission{font-size:30px;line-height:1.4}.p4-home-en .hero-intro{font-size:15px}.p4-home-en .hero-actions{gap:14px}.p4-home-en .hero-actions .text-link{font-size:13px}
@media(min-width:1500px){.home-hero{gap:70px;min-height:720px}.hero-figure picture,.hero-figure img{min-height:600px}}
@media(max-width:1100px){.home-hero{gap:36px;grid-template-columns:1fr 1.1fr}.hero-mission{font-size:28px}.hero-copy h1{font-size:68px}.hero-intro{font-size:15px}.hero-actions{gap:12px}.hero-figure picture,.hero-figure img{min-height:540px}.work:first-child{gap:32px}.work:first-child h3{font-size:34px}.ecology-feature{gap:36px}.research-feature{gap:36px}.home-icon-network{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){
 .wrap{width:calc(100% - 40px)}.home-hero{grid-template-columns:1fr;gap:26px;padding-block:28px 32px;min-height:0}.hero-copy{padding-block:4px;display:grid;grid-template-columns:1fr;}.hero-copy .eyebrow{margin-bottom:18px}.hero-copy h1,.p4-home-en .hero-copy h1{font-size:clamp(60px,12vw,82px)}.hero-mission,.p4-home-en .hero-mission{margin-top:24px;font-size:28px;line-height:1.5}.hero-intro,.p4-home-en .hero-intro{font-size:16px;max-width:34em;margin-top:20px}.hero-actions{margin-top:24px;gap:14px 24px}.hero-figure{margin-top:10px}.hero-figure picture{min-height:0;aspect-ratio:16/10}.hero-figure img{min-height:0;height:100%;object-position:50% 42%}.hero-figure figcaption{font-size:11px}.archive-access{flex-wrap:wrap;justify-content:flex-start;gap:10px 30px;font-size:12px;padding-block:18px}
 .section{padding-block:56px}.section-heading{margin-bottom:30px}.section-heading h2{font-size:32px}.section-heading p{font-size:16px;margin-top:16px}.works-grid{gap:40px 28px}.work:first-child{grid-template-columns:1fr;gap:18px;padding-bottom:36px}.work:first-child h3{font-size:36px}.work h3{font-size:27px}.work p{font-size:15px}.work .eyebrow{margin-top:18px}.image-credit{font-size:11px}.first-reading{grid-template-columns:26px 1fr;gap:12px 16px;padding-block:26px}.first-reading h3{font-size:25px}.first-reading p{font-size:15px}.first-reading>.text-link{grid-column:2;justify-self:start}.reading-byline{font-size:11px}.ecology-feature{grid-template-columns:1fr;gap:32px}.ecology-feature h3{font-size:34px}.ecology-feature-copy>p:not(.eyebrow){font-size:16px}.research-feature{grid-template-columns:1fr;gap:24px}.research-feature h3{font-size:30px}.research-feature p{font-size:16px}.research-actions{flex-direction:row;flex-wrap:wrap;gap:16px 24px}.research-more{gap:12px 24px}.compact-section{padding-top:0}.site-network-short-label{font-size:16px}.site-network-logo{width:30px;font-size:20px}.contact-grid{grid-template-columns:1fr;gap:36px}.contact-email{font-size:32px}.faq-section{grid-template-columns:1fr;gap:28px;padding-block:36px}.faq-section h2{font-size:27px}.site-footer{flex-wrap:wrap;gap:14px}.site-footer>div:last-child{text-align:left}
}
@media(max-width:540px){.works-grid{grid-template-columns:1fr}.work:first-child{grid-column:auto}.work-image img{aspect-ratio:auto;max-height:480px;object-fit:contain}.home-icon-network{grid-template-columns:1fr}.site-network-card{padding-block:20px}.home-hero{padding-top:24px}.hero-copy h1,.p4-home-en .hero-copy h1{font-size:63px}.hero-mission,.p4-home-en .hero-mission{font-size:27px}.hero-intro{font-size:16px}.button{font-size:13px;padding-inline:17px}.text-link{font-size:13px}.hero-actions{gap:12px 18px}.hero-figure picture{aspect-ratio:4/3}.archive-access{display:grid;gap:10px}.section-heading h2{font-size:30px}.section-link{font-size:14px;line-height:1.7}.collective-links{gap:0 20px}.research-more{flex-direction:column;align-items:flex-start}.social-links{gap:0 20px}.social-links a{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work-image img{transition:none}.work-image:hover img{transform:none}}