:root{--ink:#24282b;--muted:#687078;--accent:#a32d36;--line:#e4e2de;--paper:#fcfbf8;--soft:#f3f0eb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header{background:rgba(252,251,248,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}nav,main,footer{max-width:1180px;margin:auto;padding-left:36px;padding-right:36px}nav{display:flex;justify-content:space-between;align-items:center;min-height:76px;gap:20px}.brand{font:700 22px Georgia,serif;color:var(--ink)}.brand span{font:12px Arial,sans-serif;letter-spacing:.08em;color:var(--muted)}nav>div{display:flex;gap:28px}nav>div a{font-size:14px;color:var(--ink)}section{padding:62px 0;border-bottom:1px solid var(--line)}.hero{display:grid;grid-template-columns:1fr 300px;gap:70px;align-items:center;padding:74px 0 66px}.eyebrow,.label{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--accent)}h1,h2,h3,p,figure{margin:0}h1{font:500 clamp(38px,5vw,60px)/1.2 Georgia,serif;margin:14px 0}h1 span{font:400 20px sans-serif;color:var(--muted);white-space:nowrap}.affiliation{font-size:17px;margin-bottom:24px}.hero h2{font:400 clamp(25px,3vw,35px)/1.35 Georgia,serif;letter-spacing:-.02em}.intro{color:var(--muted);font-size:15px;margin:12px 0 25px}.email{display:inline-flex;gap:24px;border-bottom:1px solid var(--accent);padding-bottom:4px}.social{display:flex;flex-wrap:wrap;gap:20px;margin-top:23px;font-size:13px}.social a{color:var(--muted)}.portrait{margin:0;transform:rotate(2deg)}.portrait img{width:100%;height:340px;object-fit:cover;border-radius:8px;box-shadow:14px 14px 0 #eee8e1}.portrait figcaption{font:10px/1.5 Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;margin-top:24px;color:var(--muted)}.section-heading{margin-bottom:30px}.section-heading h2{font:400 32px/1.3 Georgia,serif;margin:8px 0}.section-heading p{color:var(--muted);font-size:13px}.about{display:grid;grid-template-columns:300px 1fr;gap:70px}.about p+p{margin-top:17px}.about p{font-size:15px}.about strong{font-weight:600}.journey{display:flex;align-items:center;gap:22px;padding:18px 22px;border:1px solid var(--line);background:var(--soft);border-radius:8px;margin-bottom:28px;font-size:13px;flex-wrap:wrap}.journey strong{color:var(--accent)}.experience-map{padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;list-style:none}.experience{position:relative;border:1px solid var(--line);padding:25px 20px 22px;border-radius:10px;background:#fff;min-height:235px}.step{position:absolute;top:13px;right:15px;color:#a5a19a;font:12px monospace}.org-logo{display:flex;height:66px;align-items:center;justify-content:flex-start;margin:10px 0 23px;padding:6px;max-width:170px;border-radius:5px}.org-logo img{max-width:100%;max-height:60px;object-fit:contain}.org-logo.dark{background:#1b2432}.experience h3{font-size:14px;line-height:1.5}.experience h3 a{color:var(--ink)}.experience p{font-size:13px;color:var(--muted);margin-top:6px}.experience.current{border-color:#bb7076;background:#fdf7f5;grid-column:span 2}.experience .label{display:block;margin-top:14px;font-size:9px}.paper{display:grid;grid-template-columns:300px 1fr;gap:34px;padding:30px 0;border-top:1px solid var(--line);align-items:center}.paper-image{background:#fff;padding:12px;border:1px solid #efeeeb;border-radius:8px}.paper-image img{width:100%;height:auto;max-height:220px;object-fit:contain;display:block}.paper h3{font:600 19px/1.45 Georgia,serif;margin:0 0 8px}.paper h3 a{color:var(--ink)}.authors{font-size:13px;color:var(--muted);line-height:1.7}.authors a{color:var(--muted)}.authors .me{font-weight:700;color:var(--ink)}.venue{font-size:14px;margin-top:8px}.paper-links{font-size:13px;display:flex;flex-wrap:wrap;gap:13px;margin-top:8px}.paper .label{display:block;margin-bottom:7px}footer{display:flex;justify-content:space-between;gap:20px;padding-top:25px;padding-bottom:35px;color:var(--muted);font-size:11px}.skip{position:absolute;left:10px;top:-100px}.skip:focus{top:10px;background:#fff;padding:10px;z-index:20}@media(max-width:850px){.hero{grid-template-columns:1fr 220px;gap:35px}.portrait img{height:280px}.about{grid-template-columns:1fr;gap:0}.experience-map{grid-template-columns:repeat(2,1fr)}.paper{grid-template-columns:240px 1fr;gap:24px}}@media(max-width:580px){nav,main,footer{padding-left:20px;padding-right:20px}nav{flex-wrap:wrap;gap:5px;padding-top:13px;padding-bottom:13px}nav>div{gap:20px}.brand span{display:none}nav>div a{font-size:12px}.hero{grid-template-columns:1fr;gap:35px;padding-top:38px}.portrait{max-width:220px;grid-row:1;transform:none}.portrait img{height:240px}.portrait figcaption{display:none}.hero h1{font-size:40px}.hero h1 span{font-size:16px}.hero h2{font-size:28px}section{padding:38px 0}.section-heading h2{font-size:28px}.journey{gap:10px;font-size:11px}.experience-map{gap:12px}.experience{padding:20px 12px;min-height:220px}.org-logo{max-width:140px}.paper{grid-template-columns:1fr;gap:18px}.paper-image{max-width:100%}.paper h3{font-size:19px}footer{flex-direction:column;gap:5px}.social{gap:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Compact academic profile layout. */
section{padding:36px 0}.section-heading{margin-bottom:20px}.section-heading h2{font-size:27px;margin:0 0 8px}.about{gap:35px;grid-template-columns:250px 1fr}.experience-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}.experience,.experience.current{display:flex;align-items:center;gap:18px;min-height:0;padding:16px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;grid-column:auto}.org-logo{width:84px;min-width:84px;height:48px;margin:0;padding:5px;justify-content:center}.org-logo img{max-height:44px}.experience h3{font-size:13px}.experience p{font-size:12px;margin-top:2px}.experience .label{margin-top:3px;font-size:8px}.experience.current h3 a{color:var(--accent)}
@media(max-width:850px){.about{grid-template-columns:1fr;gap:0}}@media(max-width:580px){.experience-map{grid-template-columns:1fr}.experience,.experience.current{padding:12px 0}.org-logo{width:72px;min-width:72px}.section-heading h2{font-size:26px}}

/* A single left-to-right career sequence, scrollable on smaller screens. */
.experience-map{display:flex;flex-wrap:nowrap;gap:18px;overflow-x:auto;padding:5px 0 14px;scroll-snap-type:x proximity}
.experience,.experience.current{flex:1 0 135px;min-width:135px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px;padding:8px 0 12px;border-bottom:0;scroll-snap-align:start}
.org-logo{width:100px;min-width:0;height:52px;justify-content:flex-start;margin:0}
.org-logo img{max-height:44px;max-width:100%}
.experience-copy{width:100%;min-width:0}
.experience h3{font-size:12px;line-height:1.45}
.experience p{font-size:11px;line-height:1.5;margin-top:5px}
.experience .label{font-size:8px;letter-spacing:.05em;line-height:1.5}
@media(max-width:580px){.experience-map{gap:20px}.experience,.experience.current{flex-basis:140px;min-width:140px;padding:8px 0 12px}.org-logo{width:100px;min-width:0}}


/* A quieter introduction with readable research areas. */
.hero .eyebrow{text-transform:none;letter-spacing:.08em}.hero .intro{margin-top:24px}.portrait figcaption{white-space:normal;line-height:1.6}.authors .me a{color:var(--ink)}