@font-face{font-family:EB Garamond;src:url('../fonts/EBGaramond-Regular.ttf') format('truetype');font-display:swap}
:root{--ink:#142f45;--muted:#526573;--line:#d7e0e2;--paper:#fbfcfa;--blue:#205c78}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:var(--blue);text-underline-offset:4px}a:hover{color:#092d43}a:focus-visible,video:focus-visible{outline:3px solid #cba64c;outline-offset:5px}p,h1,h2,h3{margin-top:0}p{margin-bottom:14px}.topbar,main,footer{max-width:1110px;margin:auto;padding-left:36px;padding-right:36px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-top:27px;padding-bottom:24px;border-bottom:1px solid var(--line)}.wordmark{font-weight:650;letter-spacing:-.03em;color:var(--ink);text-decoration:none}.topbar nav{display:flex;gap:25px;font-size:13px}.topbar nav a{text-decoration:none;color:var(--muted)}.hero{display:grid;grid-template-columns:minmax(0,1fr) 215px;gap:60px;align-items:center;padding:50px 0 30px}h1{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 15px;font-size:clamp(24px,3.5vw,36px);line-height:1.2;letter-spacing:-.035em;margin-bottom:22px}.name-cn{font-size:inherit;font-weight:inherit;letter-spacing:0;white-space:nowrap}.intro{font-size:15px;color:#354f60;max-width:650px}.contact{display:flex;flex-wrap:wrap;gap:24px;font-size:14px;font-weight:600;margin-top:22px}.contact a{text-decoration:none}.portrait{margin:0;height:245px;overflow:hidden;border-radius:4px}.portrait img{width:100%;height:100%;object-fit:cover;object-position:57% 35%;transform:scale(1.5);transform-origin:57% 35%}.availability{font-size:13px;color:var(--muted);padding:0 0 28px;margin:0;border-bottom:1px solid var(--line)}.availability a{white-space:nowrap;margin-left:5px}.section{padding-top:47px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:18px}h2{font-family:EB Garamond,Georgia,serif;font-size:35px;line-height:1.1;font-weight:400;letter-spacing:-.02em;margin-bottom:10px}.section-note{font-size:12px;color:var(--muted);margin:0}.research-card{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;border-top:1px solid var(--line);padding:27px 0;align-items:center}.project-media{margin:0;min-width:0}.project-media img,.project-media video{display:block;width:100%;height:auto;border-radius:3px;background:white}.flow-illustration img{clip-path:polygon(5% 0,100% 0,100% 100%,0 100%,0 7%,5% 7%)}.project-media a{display:block}.project-media figcaption{font-size:10.5px;color:var(--muted);margin-top:7px}.project-media figcaption a{display:inline;text-decoration:none}.badge{font-size:10px;display:inline-block;border-radius:3px;padding:2px 8px;letter-spacing:.04em;text-transform:uppercase;color:#1e6175;background:#e5eff0;font-weight:650;margin-bottom:8px}.badge.neutral{color:#53625b;background:#e9eeea}h3{font-size:19px;line-height:1.35;letter-spacing:-.015em;margin-bottom:8px}.research-card .authors{font-size:12px;color:var(--muted);margin-bottom:12px}.research-card p:not(.badge):not(.authors){font-size:14px;line-height:1.6}.project-links{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 24px;font-size:12px;line-height:1.5;margin-top:17px}.project-links>a{font-weight:600;text-decoration:none}.project-links>span{color:var(--muted)}.project-links small{display:block;font-size:10px;color:#65747b}.publication-list{list-style:none;padding:0;margin:0}.publication-list li{border-top:1px solid var(--line);padding:19px 0 15px}.publication-list h3{font-size:16px}.publication-list h3 a{color:var(--ink);text-decoration:none}.publication-list p{font-size:12.5px;margin-bottom:6px}.publication-list .venue{color:var(--blue);font-size:12px}.contact-section{margin-top:25px;padding:28px 0 0;border-top:1px solid var(--line)}.contact-section h2{font-size:30px}.contact-section p,.email-link{font-size:14px}footer{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);padding-top:35px;padding-bottom:30px}.skip{position:absolute;left:16px;top:-100px;background:white;padding:8px;z-index:5}.skip:focus{top:8px}@media(max-width:760px){.topbar,main,footer{padding-left:23px;padding-right:23px}.topbar{align-items:flex-start;flex-direction:column;gap:12px}.topbar nav{flex-wrap:wrap;gap:12px 18px}.hero{grid-template-columns:1fr;gap:25px;padding-top:30px}.hero>div{order:1}.portrait{width:160px;height:180px;order:0}.section{padding-top:35px}.section-heading{align-items:flex-start;flex-direction:column;gap:0;margin-bottom:16px}.research-card{grid-template-columns:1fr;gap:22px;padding:24px 0}.project-media{width:210px;max-width:100%}.research-card h3{font-size:19px}h2{font-size:31px}.contact-section{padding-top:25px;margin-top:20px}footer{flex-direction:column;gap:2px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{.topbar,.availability,.contact-section,footer{display:none}.hero{padding-top:0}.research-card{break-inside:avoid}a{color:inherit;text-decoration:none}}
.teaching-list{list-style:none;margin:16px 0 0;padding:0;font-size:13px}.teaching-list li{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-top:1px solid var(--line)}.teaching-list li span:last-child{color:var(--muted);white-space:nowrap}@media(max-width:520px){.teaching-list li{flex-direction:column;gap:2px}}