/* Zenfex editorial system — inspired by spacious research-led publishing. */
:root{--paper:#f7f7f9;--soft:#eeeef3;--ink:#292830;--muted:#64616e;--line:#dcdbe3;--purple:#7250b5;--purple-dark:#563389;--serif:Georgia,'Times New Roman','Songti SC','STSong',serif;--max:1400px;--gutter:clamp(24px,5.5vw,88px)}
body{background:var(--paper);-webkit-font-smoothing:antialiased}h1,h2{font-family:var(--serif);font-weight:400}h1 em{color:#86779c}h2{line-height:1.3;letter-spacing:-1.5px}.eyebrow{font-size:11px;letter-spacing:1.8px;color:var(--muted)}
.site-header{height:108px;border-bottom:0;gap:35px}.brand{font-size:27px;gap:10px}.brand-symbol{width:35px;height:35px}.brand-symbol img{mix-blend-mode:multiply}.brand-labs{font-size:10px;letter-spacing:4px}.desktop-nav{margin-left:auto;gap:29px;font-size:14px}.desktop-nav a[aria-current=page]{text-decoration:none}.desktop-nav a{position:relative;padding-block:14px}.desktop-nav a[aria-current=page]:after{content:'';position:absolute;width:4px;height:4px;bottom:3px;left:50%;border-radius:100%;background:var(--purple)}.header-actions{gap:14px}.collaborate-link{display:flex;gap:18px;align-items:center;border:0;padding:14px 8px;font-weight:400;transition:color .2s}.collaborate-link:hover{color:var(--purple)}.language-switch{border:1px solid transparent;border-radius:50%;font-size:13px}.language-switch:hover{border-color:var(--line)}
.button{border-radius:999px;padding:16px 25px;min-height:52px;font-size:14px}.primary{background:var(--ink)}.primary:hover{background:var(--purple-dark)}.outline{border-color:#a9a4b2;background:transparent}.outline:hover{background:#e3ddec}.text-link{gap:20px}.text-link:hover{color:var(--purple-dark)}
.hero{grid-template-columns:1.22fr 1fr;column-gap:0;padding-top:100px;align-items:center}.hero .eyebrow{margin-bottom:35px}.hero h1{font-size:clamp(60px,6.4vw,96px);letter-spacing:-4px;line-height:1.04;font-weight:400;max-width:830px}.hero h1 em{display:block}.hero-cn{font-family:var(--serif);font-size:25px;font-weight:400;letter-spacing:.5px;margin-top:30px}.hero-description{font-size:17px;max-width:480px;line-height:1.9}.hero-actions{margin-top:31px;gap:30px}.hero-visual{margin-left:-25px;width:calc(100% + 25px);position:relative}.hero-visual .figure-top{border-bottom:0;font-size:9px;letter-spacing:1.5px;color:#746982}.hero-visual svg{transform:scale(1.06);transform-origin:center}.hero-visual figcaption{margin-top:20px;font-size:11px;max-width:94%;color:#6b6476}.hero-bottom{margin-top:88px;padding-block:27px;font-size:12px;border-color:var(--line)}.hero-bottom a{font-size:10px}
.section{padding-block:115px}.section-intro{grid-template-columns:1fr 2.3fr;gap:45px;margin-bottom:58px}.section-intro h2{font-size:clamp(33px,3.5vw,51px)}.section-intro>.eyebrow{padding-top:13px;color:var(--muted)}.section-subtitle{max-width:660px;font-size:17px;margin-top:21px;line-height:1.8}
.research-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.research-row,.research-row:last-child{border:0;background:#eeedf2;border-radius:18px;padding:29px 29px 23px;align-self:stretch;transition:background .2s}.research-row:hover{background:#e7e3ef}.research-row summary{grid-template-columns:1fr 25px;gap:28px 12px;padding:0;align-items:start}.research-row .row-index{grid-column:1;color:#766c83;padding:0}.research-row summary>div{grid-column:1/-1}.research-row summary h3{font-size:25px;font-family:var(--serif);font-weight:400;line-height:1.4;margin:0 0 12px}.research-row .research-en{font-size:12px;line-height:1.7;display:block;min-height:41px}.research-row summary>p{grid-column:1/-1;grid-row:auto;max-width:none;font-size:16px;min-height:85px}.research-row .expand-icon{grid-column:2;grid-row:1;background:#fff;border-radius:50%;width:27px;height:27px;display:flex;justify-content:center;align-items:center;font-size:22px;color:var(--ink)}.research-detail{margin:23px 0 0;border-top:1px solid #d5cede;padding:20px 0 0;font-size:15px}.section-more{margin-top:30px}
.systems-section{background:#eeeeF3;border:0}.system-flow>div{border-color:#c9c5d0}.system-flow b{font-family:var(--serif);font-size:22px}.field-feature{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);padding:45px 0 0;gap:45px;align-items:center}.field-feature-media{margin:0;aspect-ratio:1.5;overflow:hidden;border-radius:18px;background:#e9e5f0}.field-feature-media img{display:block;width:100%;height:100%;object-fit:cover}.field-feature h3{font-family:var(--serif);font-size:35px;font-weight:400}.field-feature .button{margin-top:28px}.feedback-line span:nth-child(2){background:var(--soft)}.publication-grid{gap:25px}.publication{padding:32px;background:#eeedf3;border:0;border-radius:18px;transition:background .2s,transform .2s}.publication:hover{background:#e9e5f0;transform:translateY(-3px)}.publication h3{font-family:var(--serif);font-size:31px;line-height:1.32;font-weight:400;max-width:560px;margin-block:42px 22px}.publication p{font-size:16px}.publication-meta{font-size:11px;color:#716780}.paper-link{padding-top:30px}.open-section{border-radius:22px;background:#e9e5f0;padding:76px;gap:65px}.open-wordmark{font-family:var(--serif);font-size:120px;letter-spacing:-7px;color:#786094}.open-copy h2{font-size:36px}.open-copy>p:not(.eyebrow){font-size:16px}.open-topics{font-family:Arial,sans-serif;font-size:12px}.work-section{padding-block:115px}.work-layout h2{font-size:clamp(42px,4.6vw,68px);line-height:1.2}.work-layout{gap:100px}.work-paths .work-destination{padding-block:22px}
/* Inner pages share one editorial hierarchy. */
.page-hero,.research-page-hero,.systems-hero{padding-block:90px 95px;border-bottom:0}.page-hero h1,.research-page-hero h1,.systems-hero h1{font-family:var(--serif);font-size:clamp(54px,6.5vw,90px);font-weight:400;line-height:1.14;letter-spacing:-2.8px;max-width:1170px}.page-lead{font-family:var(--serif);font-size:26px}.research-page-hero .lead,.systems-lead,.page-description{font-size:18px;line-height:1.9;max-width:790px}.research-area{grid-template-columns:80px 1fr 1.1fr;gap:45px;padding-block:43px}.research-area h3{font-family:var(--serif);font-size:32px}.area-number{font-family:var(--serif);color:#8e7ca7}.research-library{border:0;background:var(--soft)}.paper-filters{border-top:0;gap:18px}.paper-filter{font-size:14px}.paper-filter select{border-radius:30px;background:var(--paper);border-color:#c5bfce;padding:12px 42px 12px 19px}.paper-reset{font-size:14px}.research-paper{grid-template-columns:120px 1fr;padding-block:38px}.research-paper h3{font-family:var(--serif);font-size:29px;line-height:1.35;max-width:900px}.paper-summary{font-size:16px}.paper-authors{font-size:13px;line-height:1.8}.paper-venue span{font-family:var(--serif);font-size:37px}.research-source-note{font-size:14px}.research-next{padding-block:80px}.research-next h2{font-size:40px}
.systems-loop{gap:20px}.systems-loop li{border:0;border-radius:16px;padding:30px;background:var(--paper)}.systems-loop li:nth-child(3){background:#e4ddeb}.systems-loop h3{font-family:var(--serif);font-size:28px}.systems-loop p{font-size:16px}.systems-case{border:0;gap:65px}.systems-case-art{border-radius:20px;background:#eeebf3;min-height:360px}.systems-case-copy h3{font-family:var(--serif);font-size:40px}.systems-case-copy>p:not(.eyebrow){font-size:17px}.systems-case-copy .systems-evidence-tag{font-size:14px}.systems-bottom h2{font-size:40px}.cooling-layout{grid-template-columns:180px 1fr;gap:95px}.cooling-toc a{font-size:14px}.cooling-section{padding-block:43px 50px}.cooling-section h2{font-size:36px}.cooling-section>p:not(.eyebrow){font-size:17px}.cooling-hero .systems-note{font-size:14px}
.ol-hero{padding-block:90px;grid-template-columns:1.3fr 1fr;gap:80px}.ol-hero h1{font-family:var(--serif);font-size:clamp(54px,6.4vw,88px);letter-spacing:-3px;font-weight:400;line-height:1.12}.ol-hero-art{border-radius:20px;background:#e9e5f0;min-height:360px;padding:35px}.ol-art-word{font-family:var(--serif);font-size:110px;color:#786094}.ol-lead{font-family:var(--serif);font-size:25px}.ol-description{font-size:17px}.ol-index a{padding-block:27px}.ol-tool{border:0;border-radius:20px;overflow:hidden;background:#eeedf3}.ol-tool-visual{background:#e7e2ef}.ol-tool-copy{padding:48px}.ol-tool-copy h3{font-family:var(--serif);font-size:50px}.ol-tool-copy>p:not(.ol-status,.ol-product-name){font-size:16px}.ol-note-art{border-radius:18px;background:#e5deee}.ol-note-art b{font-family:var(--serif);font-size:45px}.ol-note-copy h3,.ol-event-copy h3{font-family:var(--serif);font-size:34px;line-height:1.45}.ol-notes{border:0}.ol-event-location>b{font-family:var(--serif);font-size:72px;color:#786094}.ol-status{font-size:13px}.ol-small,.ol-event-footnote{font-size:13px}.ol-event{padding-block:45px}.principle-grid h3,.collaboration-list h3{font-family:var(--serif);font-size:28px}.principle-grid article{border:0;border-radius:16px;background:var(--soft);padding:30px}.principle-grid{gap:22px}.people-end h2{font-size:38px}
/* A quiet, recognisable end to every page. */
.site-footer{display:grid;grid-template-columns:1fr auto;gap:27px;padding-block:58px 36px;border-top:1px solid var(--line)}.footer-brand{font-family:var(--serif);font-size:clamp(64px,9vw,135px);font-weight:400;letter-spacing:-5px;grid-column:1;line-height:1.1}.footer-brand span{font-family:Arial,sans-serif;font-size:14px;letter-spacing:5px;display:inline-block;margin-left:15px}.site-footer>span{grid-column:1;font-size:13px}.site-footer>a:last-child{grid-column:2;grid-row:2;font-size:13px}.mobile-nav{background:var(--paper)}
@media(max-width:1100px){.site-header{gap:16px}.desktop-nav{gap:19px;font-size:13px}.collaborate-link{padding:13px 18px}.hero{padding-top:70px}.hero h1{font-size:68px;letter-spacing:-3px}.hero-description{font-size:16px}.hero-cn{font-size:22px}.research-row{padding:24px}.research-row summary h3{font-size:23px}.research-row .research-en{min-height:60px}.publication h3{font-size:28px}.open-section{padding:55px;gap:40px}.open-wordmark{font-size:92px}.open-copy h2{font-size:30px}.ol-hero{gap:35px}.ol-art-word{font-size:88px}.ol-hero-art{padding:28px}.research-area{gap:30px}.cooling-layout{gap:55px}}
@media(max-width:800px){.site-header{height:88px}.hero{grid-template-columns:1fr;padding-top:60px}.hero h1{font-size:clamp(52px,8vw,72px);max-width:720px;letter-spacing:-2.5px}.hero h1 em{display:inline}.hero-visual{margin:30px auto 0;width:100%;max-width:590px}.hero-visual svg{transform:none;max-height:430px}.hero-visual .figure-top{padding-top:20px}.hero-bottom{margin-top:50px}.section{padding-block:75px}.section-intro{grid-template-columns:1fr;gap:0;margin-bottom:40px}.section-intro h2{font-size:37px}.section-subtitle{font-size:16px}.research-list{grid-template-columns:1fr;gap:14px}.research-row{padding:26px}.research-row summary{grid-template-columns:35px 1fr 28px;gap:18px}.research-row .row-index{grid-column:1;grid-row:1;padding-top:6px}.research-row summary>div{grid-column:2}.research-row summary>p{grid-column:2;grid-row:2;min-height:0}.research-row .expand-icon{grid-column:3;grid-row:1}.research-row .research-en{min-height:0}.research-detail{margin-left:53px}.publication-grid{gap:18px}.publication{padding:26px}.publication h3{font-size:26px;margin-top:30px}.open-section{grid-template-columns:1fr;padding:45px;gap:35px}.open-wordmark{font-size:88px}.open-copy h2{font-size:32px}.work-layout{grid-template-columns:1fr;gap:35px}.work-layout h2{font-size:46px}.work-section{padding-block:75px}.page-hero,.research-page-hero,.systems-hero{padding-block:60px 65px}.page-hero h1,.research-page-hero h1,.systems-hero h1{font-size:57px;letter-spacing:-1.8px}.research-area{grid-template-columns:45px 1fr;gap:25px}.research-area h3{font-size:29px}.research-paper{grid-template-columns:85px 1fr;gap:25px}.research-paper h3{font-size:26px}.systems-loop{grid-template-columns:repeat(2,minmax(0,1fr))}.systems-loop li{padding:25px}.systems-case{gap:35px}.systems-case-copy h3{font-size:34px}.cooling-layout{grid-template-columns:1fr;gap:25px}.cooling-section h2{font-size:30px}.ol-hero{grid-template-columns:1fr;padding-block:60px;gap:40px}.ol-hero h1{font-size:62px}.ol-hero-art{min-height:300px}.ol-art-word{font-size:90px}.ol-tool-copy{padding:33px}.ol-note-copy h3,.ol-event-copy h3{font-size:28px}.principle-grid{grid-template-columns:1fr}.site-footer{padding-top:45px}.footer-brand{font-size:88px}}
@media(max-width:480px){.hero{padding-top:40px}.hero .eyebrow{font-size:10px;margin-bottom:28px}.hero h1{font-size:50px;line-height:1.04;letter-spacing:-2px}.hero-cn{font-size:22px;line-height:1.5;margin-top:25px}.hero-description{font-size:16px}.hero-actions{gap:21px;flex-wrap:wrap}.button{padding:15px 22px}.hero-visual{margin-top:35px}.hero-visual figcaption{max-width:100%;font-size:10px;flex-wrap:wrap}.hero-bottom{margin-top:36px}.section{padding-block:60px}.section-intro h2{font-size:31px;letter-spacing:-.8px}.research-row{padding:23px 20px;border-radius:14px}.research-row summary{grid-template-columns:24px 1fr 24px;gap:12px}.research-row summary h3{font-size:23px}.research-row summary>p{font-size:15px}.research-detail{margin-left:36px}.system-flow b{font-size:19px}.field-feature{padding-top:30px;gap:25px}.field-feature h3{font-size:30px}.publication-grid{grid-template-columns:1fr}.publication h3{font-size:28px}.publication-meta{font-size:10px}.open-section{padding:32px 25px;border-radius:16px}.open-wordmark{font-size:65px;letter-spacing:-4px}.open-copy h2{font-size:29px}.work-layout h2{font-size:37px}.work-section{padding-block:65px}.page-hero,.research-page-hero,.systems-hero{padding-block:42px 55px}.page-hero h1,.research-page-hero h1,.systems-hero h1{font-size:44px;line-height:1.15;letter-spacing:-1.3px;overflow-wrap:anywhere}.page-lead{font-size:23px}.page-description,.research-page-hero .lead,.systems-lead{font-size:16px}.research-area{grid-template-columns:28px 1fr;gap:20px}.research-area h3{font-size:26px}.research-paper{grid-template-columns:1fr;gap:15px}.research-paper h3{font-size:25px}.paper-venue span{font-size:27px}.paper-authors{font-size:12px}.paper-filters{gap:16px}.research-next h2,.systems-bottom h2{font-size:31px}.systems-loop{grid-template-columns:1fr}.systems-loop h3{font-size:27px}.systems-case-copy h3{font-size:30px}.systems-case-art{min-height:260px}.cooling-section h2{font-size:28px}.cooling-section>p:not(.eyebrow){font-size:16px}.ol-hero{padding-block:42px}.ol-hero h1{font-size:48px;letter-spacing:-1.8px}.ol-lead{font-size:23px}.ol-description{font-size:16px}.ol-hero-art{min-height:290px;padding:25px}.ol-art-word{display:block;font-size:76px;letter-spacing:-4px}.ol-tool-copy{padding:28px}.ol-tool-copy h3{font-size:43px}.ol-note-art b{font-size:34px}.ol-note-copy h3,.ol-event-copy h3{font-size:28px}.ol-event-location>b{font-size:60px}.principle-grid h3,.collaboration-list h3{font-size:26px}.principle-grid article{padding:25px}.people-end h2{font-size:31px}.site-footer{gap:20px}.footer-brand{font-size:64px;letter-spacing:-3px;grid-column:1/-1}.footer-brand span{font-size:10px;letter-spacing:3px;margin-left:9px}.site-footer>span{grid-column:1/-1;order:initial;font-size:12px}.site-footer>a:last-child{grid-row:3;grid-column:1;font-size:12px}}
@media(max-width:360px){.hero h1{font-size:43px}.open-wordmark{font-size:52px}.hero-actions{gap:13px}.hero-actions .text-link{font-size:13px;gap:12px}.hero-actions .button{padding-inline:18px}.research-row summary{grid-template-columns:18px 1fr 24px;gap:10px}.ol-art-word{font-size:65px}.ol-hero h1{font-size:43px}.footer-brand{font-size:56px}}
@media(max-width:800px){.field-feature{grid-template-columns:1fr}.field-feature-media{aspect-ratio:1.5}}
/* Center section labels as the visible English headings. */
.section-intro,.section-intro.centered-section-heading{display:block;text-align:center}.section-intro>.eyebrow{display:none}.section-intro .section-subtitle{margin-inline:auto}.section-intro h2{letter-spacing:.02em}.research-row .research-en{color:var(--purple-dark);font-size:14px}.work-layout h3{font-family:var(--serif);font-size:clamp(42px,4.6vw,68px);font-weight:400;line-height:1.2;margin:0;white-space:pre-line}
/* Keep the full positioning readable as two balanced desktop lines. */
@media(min-width:801px){.hero h1{font-size:clamp(54px,5vw,76px);letter-spacing:-3px;line-height:1.13}.hero h1 em{display:inline}.hero{padding-top:75px}.hero .hero-copy{align-self:center}.hero-visual svg{max-height:580px}}@media(min-width:801px) and (max-width:1100px){.hero h1{font-size:54px;letter-spacing:-2px}}