:root{color-scheme:light;--ink:#111;--muted:#555;--line:#ddd}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:#fff;color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-weight:400}
a{color:inherit;text-decoration:underline;text-decoration-color:#999;text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration-color:#111}a:focus-visible{outline:2px solid #111;outline-offset:5px}
header,main,footer{width:min(1000px,calc(100% - 48px));margin:auto}
header{border-bottom:1px solid var(--line)}nav{display:flex;justify-content:space-around;gap:20px;padding:16px 0}nav a{color:#444;text-decoration:none}
.intro{display:grid;grid-template-columns:40% 1fr;gap:40px;padding:44px 30px 24px;align-items:start}
.portrait{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 8%}
h1{font-size:44px;line-height:1.2;font-weight:400;text-align:center;margin:0 0 8px;letter-spacing:-1px}
.affiliation{text-align:center;color:var(--muted);margin:0 0 20px;font-size:15px}.bio p{margin:0 0 18px}.profile-link{font-size:16px}
section+section{border-top:1px solid var(--line);padding:22px 0 24px}h2{font-size:30px;line-height:1.3;font-weight:400;margin:0 0 22px}
.news-list{list-style:none;padding:0;margin:0}.news-list li{display:grid;grid-template-columns:84px 1fr;gap:8px;margin:7px 0}time{white-space:nowrap;font-size:15px;color:#444}
.projects{display:flex;flex-direction:column;gap:25px}.projects article{display:flex;flex-direction:column;align-items:flex-start}.projects h3{order:-1;font-size:18px;font-weight:600;margin:0 0 4px}.projects .source{font-size:14px;color:var(--muted);margin:0 0 5px}.projects p:not(.source){margin:0 0 5px}.projects a{font-size:15px}
footer{border-top:1px solid var(--line);padding:22px 0 30px;display:flex;justify-content:space-between;gap:15px;font-size:14px;color:var(--muted)}
.skip{position:absolute;top:-80px;left:20px;background:#fff;padding:12px;z-index:10}.skip:focus{top:10px}
@media(max-width:700px){header,main,footer{width:calc(100% - 36px)}nav{gap:16px;font-size:15px}.intro{grid-template-columns:1fr;gap:24px;padding:28px 0}.portrait{width:min(320px,100%);margin:auto}.profile-intro{min-width:0}h1{font-size:36px}.news-list li{grid-template-columns:75px 1fr;gap:8px;margin:12px 0}time{font-size:14px}h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.projects article{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:center}.research-thumb{display:block;width:220px;height:155px;object-fit:contain}.projects h3{margin-bottom:8px}.projects .venue{font-style:italic;color:#444}.education-entry{margin-bottom:20px}.education-entry h3{font-size:17px;margin:0 0 5px}.education-entry p{margin:3px 0}@media(max-width:700px){.projects article{grid-template-columns:1fr;gap:14px}.research-thumb{width:220px;max-width:100%}nav{gap:12px;flex-wrap:wrap}}

summary{cursor:pointer;font-size:19px;font-weight:500}summary span{font-size:14px;color:#666;font-weight:400;margin-left:12px}.older-publications{padding-left:20px;margin:18px 0 0;font-size:15px}.older-publications li{margin:0 0 16px}.older-publications p{font-size:14px;color:#555;margin:4px 0}.engineering-project{margin-top:28px;font-size:15px}.engineering-project h3{font-size:17px;margin:0 0 6px}.engineering-project p{margin:0 0 6px}summary:focus-visible{outline:2px solid #111;outline-offset:5px}