@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');

:root{--paper:#f5f4ef;--ink:#202726;--muted:#626b67;--line:#d6d9d1;--green:#2c6155;--soft-green:#e4ebe4;--white:#fff;--font:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
::selection{background:#c4d7cd}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid var(--green);outline-offset:6px;border-radius:2px}
img{max-width:100%;display:block}
p,h1,h2,h3,h4,figure{margin:0}
.page-width{width:min(1180px,calc(100% - 112px));margin-inline:auto}
.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:var(--ink);color:white;padding:10px 18px}.skip-link:focus{top:16px}
.site-header{height:94px;padding:0 56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px;max-width:1600px;margin:auto}
.wordmark{font:800 32px/1 var(--display);letter-spacing:-2px}.wordmark-dot{color:var(--green)}
nav{display:flex;gap:32px;font-size:14px;font-weight:500;margin-left:auto;margin-right:44px}nav a{transition:color .2s}nav a:hover{color:var(--green)}nav a span{margin-left:5px}
.header-download{font-size:13px;font-weight:600;display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--ink);padding:6px 0}
.hero{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:72px;align-items:center;padding-block:85px 88px}
.eyebrow{font-size:10px;line-height:1.5;letter-spacing:1.7px;font-weight:650;color:var(--muted);display:flex;align-items:center;gap:10px}
.small-dot{width:3px;height:3px;border-radius:50%;background:var(--muted)}
h1{font:650 clamp(58px,6.7vw,88px)/1.12 var(--display);letter-spacing:-4.5px;margin:24px 0 28px;display:flex;align-items:baseline;gap:22px}
.chinese-name{font-family:var(--font);font-size:20px;letter-spacing:3px;font-weight:400;color:var(--muted)}
.hero-focus{font:500 clamp(23px,2.35vw,31px)/1.4 var(--display);letter-spacing:-.65px}.hero-focus>span{color:var(--green)}
.hero-intro{max-width:545px;font-size:15px;line-height:1.8;color:var(--muted);margin-top:22px}
.availability{display:flex;align-items:center;gap:9px;font-size:12px;margin-top:24px;font-weight:500}.status-dot{width:6px;height:6px;background:var(--green);border-radius:50%}
.hero-actions{display:flex;align-items:center;gap:27px;position:relative;margin-top:27px;padding-bottom:24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:37px;padding:13px 21px;font-size:13px;font-weight:500;border:1px solid transparent;border-radius:3px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:var(--green)}
.text-link{font-size:13px;font-weight:600;display:inline-flex;gap:18px;align-items:center;border-bottom:1px solid currentColor;padding:2px 0}.text-link:hover{color:var(--green)}
.file-label{position:absolute;bottom:0;left:0;font-size:8px;letter-spacing:1.5px;color:var(--muted)}
.portrait-wrap{align-self:center;margin-top:14px}.portrait-image{padding:11px;border:1px solid #cbd1c7;background:#e9ebe4;transform:rotate(2deg)}.portrait-image img{width:100%;height:auto;aspect-ratio:1122/1402;object-fit:cover;filter:saturate(.8)}
figcaption{display:flex;justify-content:space-between;gap:12px;font-size:8px;font-weight:500;letter-spacing:1px;color:var(--muted);padding-top:24px}
.research-section{border-top:1px solid var(--line);background:#fffefa;padding-block:64px 36px}.section-heading{padding-bottom:38px}.section-heading h2{font:550 clamp(27px,3vw,37px)/1.3 var(--display);letter-spacing:-1.1px;margin-top:14px}.section-heading>p:last-child:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:12px}
.project{display:grid;grid-template-columns:44px minmax(0,1fr) 160px;gap:25px;border-top:1px solid var(--line);padding-block:36px 38px}.project-index{font-size:12px;color:var(--muted);padding-top:8px;font-variant-numeric:tabular-nums}.project-title-row{display:flex;justify-content:space-between;gap:20px;align-items:baseline}.project h3{font:600 25px/1.3 var(--display);letter-spacing:-.7px}.project-date{font-size:11px;white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums}.project-subtitle{font-size:15px;line-height:1.5;margin-top:5px;color:#4c5652}.project-meta{display:flex;flex-wrap:wrap;align-items:center;gap:9px 15px;margin-top:13px;color:var(--muted);font-size:11px}.publication{background:var(--soft-green);color:#345d4e;border-radius:3px;padding:4px 9px;font-size:10px;font-weight:550;letter-spacing:.15px}.publication.neutral{background:#eeeae0;color:#6d6042}
.project-details{padding-left:17px;margin:21px 0 0;font-size:13px;line-height:1.85;color:#4f5854}.project-details li{padding-left:3px;margin-bottom:10px}.project-details li:last-child{margin-bottom:0}.project-details li::marker{font-size:9px;color:#839087}.project-links{display:flex;gap:26px;margin-top:23px}.project-links .text-link{font-size:11px;gap:15px}.project-topics{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:10px;color:var(--muted);padding-top:6px;padding-left:19px;border-left:1px solid var(--line);height:fit-content;margin-top:2px}.project-category{margin-bottom:8px;font-size:8px}.other-project h3{font-size:21px}
.background-section{padding-block:65px 60px}.background-row{display:grid;grid-template-columns:240px minmax(0,1fr);gap:35px;padding-block:28px 30px;border-top:1px solid var(--line)}.background-row>h3{font-size:13px;font-weight:600}.background-content{font-size:14px}.background-content h4{font-size:16px;font-weight:550;line-height:1.6}.education{display:flex;justify-content:space-between;gap:20px}.education p{font-size:13px;margin-top:3px}.muted{color:var(--muted)}.awards-list{list-style:none;padding:0;margin:0}.awards-list li{display:flex;justify-content:space-between;gap:25px;margin-bottom:24px}.awards-list li:last-child{margin-bottom:0}.awards-list strong{display:block;font-size:13px;font-weight:550}.awards-list span{display:block;font-size:12px;color:var(--muted);margin-top:3px;line-height:1.7}.awards-list time{font-size:11px;color:var(--muted);white-space:nowrap;padding-top:2px}.skills{display:grid;gap:19px}.skills h4{font-size:11px;font-weight:600;color:var(--muted);margin-bottom:5px}.skills p{font-size:13px;line-height:1.85;max-width:650px}
.contact-section{background:#e8ece4;border-top:1px solid #d4dbcf;padding-block:57px 60px}.contact-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.contact-section h2{font:550 48px/1.3 var(--display);letter-spacing:-2px;margin-top:15px}.contact-section h2 span{color:var(--green)}.contact-section p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:12px}.contact-links{display:grid;gap:16px}.contact-links a{display:flex;align-items:center;justify-content:space-between;font-size:14px;border-bottom:1px solid #c6cec0;padding-bottom:10px;gap:16px}.contact-links a:hover{color:var(--green)}
footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:24px;font-size:10px;color:var(--muted)}footer p:first-child{color:var(--ink);font-weight:600}footer p span{font-weight:400;margin-left:10px}footer a span{margin-left:15px}
@media(min-width:1600px){.hero{padding-block:108px}.site-header{padding-inline:0}.page-width{width:1180px}}
@media(max-width:1050px){.page-width{width:calc(100% - 72px)}.site-header{padding-inline:36px}.hero{gap:40px;grid-template-columns:minmax(0,1fr) 240px;padding-block:65px}.hero-focus{font-size:25px}.hero-intro{font-size:14px}.project{grid-template-columns:30px minmax(0,1fr);gap:20px}.project-topics{grid-column:2;flex-direction:row;flex-wrap:wrap;border:0;padding:0;gap:6px 18px;margin-top:-9px}.background-row{grid-template-columns:180px minmax(0,1fr);gap:25px}nav{margin-right:15px;gap:24px}.contact-links a{font-size:12px}.contact-inner{gap:40px}}
@media(max-width:720px){html{scroll-padding-top:24px}.page-width{width:calc(100% - 40px)}.site-header{height:76px;padding-inline:20px;gap:20px}.wordmark{font-size:27px}nav{font-size:11px;gap:20px;margin:0 0 0 auto}.header-download{display:none}.hero{grid-template-columns:minmax(0,1fr) 130px;gap:24px;align-items:start;padding-block:48px 45px}.hero-copy{display:contents}.hero .eyebrow{grid-column:1 / -1;font-size:8px;letter-spacing:1.1px}.hero h1{grid-column:1;grid-row:2;margin:2px 0 0;font-size:52px;letter-spacing:-3px;display:block}.chinese-name{display:block;font-size:15px;letter-spacing:3px;margin-top:12px}.portrait-wrap{grid-column:2;grid-row:2 / 4;margin-top:3px}.portrait-image{padding:6px}.portrait-wrap figcaption{font-size:6px;padding-top:15px;letter-spacing:.5px}.portrait-wrap figcaption span:last-child{display:none}.hero-focus{grid-column:1 / -1;font-size:25px;margin-top:5px;line-height:1.5}.hero-intro{grid-column:1 / -1;margin:0;font-size:14px}.availability{grid-column:1 / -1;margin-top:0;font-size:11px}.hero-actions{grid-column:1 / -1;margin-top:0;gap:26px}.research-section{padding-top:40px}.section-heading{padding-bottom:27px}.section-heading h2{font-size:28px;letter-spacing:-.8px;max-width:320px}.section-heading>p:last-child:not(.eyebrow){font-size:13px;max-width:300px}.eyebrow{font-size:9px}.project{grid-template-columns:22px minmax(0,1fr);gap:12px;padding-block:28px}.project h3{font-size:23px}.project-date{font-size:9px}.project-subtitle{font-size:14px}.project-meta{font-size:10px;gap:9px}.project-details{font-size:13px;line-height:1.85;margin-top:18px;padding-left:14px}.project-topics{font-size:9px;gap:6px 14px}.other-project h3{font-size:20px}.background-section{padding-block:42px 35px}.background-row{grid-template-columns:1fr;gap:20px;padding-block:24px}.background-row>h3{font-size:11px;color:var(--muted)}.education h4{font-size:15px}.education p{font-size:12px}.awards-list li{gap:16px}.awards-list strong{font-size:12px}.awards-list span{font-size:11px}.awards-list time{font-size:10px}.skills p{font-size:12px}.contact-section{padding-block:39px 42px}.contact-inner{grid-template-columns:1fr;gap:30px}.contact-section h2{font-size:40px}.contact-links a{font-size:13px}footer{font-size:9px;flex-wrap:wrap;padding-block:21px}footer p:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
@media print{body{background:white;font-size:10pt}.site-header,.hero-actions,.contact-section,footer,.project-topics,.skip-link{display:none}.page-width{width:100%}.hero{padding-block:0 20px;grid-template-columns:1fr 100px;gap:25px}h1{font-size:30px;margin:10px 0}.hero-focus{font-size:17px}.hero-intro{font-size:10pt}.hero .eyebrow{font-size:7pt}.portrait-wrap{width:95px}.portrait-image{transform:none;padding:0}.portrait-wrap figcaption{display:none}.availability{margin-top:10px}.research-section{padding-block:15px;background:white}.section-heading{padding-bottom:15px}.section-heading h2{font-size:20px}.project{padding-block:16px;grid-template-columns:25px 1fr;break-inside:avoid}.project h3{font-size:17px}.project-details{font-size:9pt}.background-section{padding-block:20px}.background-row{padding-block:15px;grid-template-columns:130px 1fr;break-inside:avoid}a{text-decoration:none}.project-links{margin-top:8px}.project-subtitle{font-size:10pt}.project-meta{font-size:8pt}}