*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--text: #1a1a1a;--text-secondary: #555;--text-light: #777;--bg: #fafaf8;--bg-card: #fff;--border: #e0ddd8;--accent: #2d5f8a;--accent-hover: #1e4468;--accent-light: #eef3f8;--serif: 'Source Serif 4', Georgia, serif;--sans: 'Source Sans 3', -apple-system, sans-serif;--mono: 'JetBrains Mono', monospace;--max-w: 720px}html{scroll-behavior:smooth}body{font-family:var(--sans);font-size:16px;line-height:1.65;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none;transition:color 0.2s}a:hover{color:var(--accent-hover)}img{max-width:100%;display:block}.container{max-width:var(--max-w);margin:0 auto;padding:0 24px}.site-header{border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:100}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:56px}.site-logo{font-family:var(--serif);font-weight:700;font-size:20px;color:var(--text);letter-spacing:-0.5px}.site-logo:hover{color:var(--accent)}.site-nav{display:flex;gap:28px}.nav-link{font-size:14px;font-weight:500;color:var(--text-secondary);letter-spacing:0.3px;padding:4px 0;border-bottom:2px solid transparent;transition:color 0.2s, border-color 0.2s}.nav-link:hover,.nav-link.active{color:var(--text);border-bottom-color:var(--accent)}.hero{padding:72px 0 56px}.hero-inner{display:flex;align-items:flex-start;gap:40px}.hero-text{flex:1;min-width:0}.hero-photo{flex-shrink:0;width:150px;padding-top:8px}.hero-photo img{width:150px;height:180px;object-fit:cover;border-radius:6px;filter:grayscale(15%)}.hero-greeting{font-family:var(--sans);font-size:14px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.hero h1{font-family:var(--serif);font-size:34px;font-weight:700;line-height:1.2;color:var(--text);margin-bottom:20px;letter-spacing:-0.5px}.hero-intro{font-size:17px;line-height:1.7;color:var(--text-secondary);margin-bottom:28px}.hero-links{display:flex;gap:20px;flex-wrap:wrap}.hero-links a{font-size:14px;font-weight:500;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.hero-links a:hover{color:var(--accent)}.hero-links .sep{color:var(--border);user-select:none}.section{padding:40px 0;border-top:1px solid var(--border)}.section-label{font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-light);margin-bottom:24px}.interests{display:flex;flex-wrap:wrap;gap:10px}.interest-tag{font-size:13px;font-weight:500;color:var(--accent);background:var(--accent-light);padding:6px 14px;border-radius:4px}.timeline-item{margin-bottom:28px}.timeline-item:last-child{margin-bottom:0}.timeline-header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:4px;margin-bottom:4px}.timeline-role{font-weight:600;font-size:15px;color:var(--text)}.timeline-date{font-size:13px;color:var(--text-light);font-variant-numeric:tabular-nums}.timeline-org{font-size:14px;color:var(--text-secondary);margin-bottom:6px}.timeline-desc{font-size:14px;color:var(--text-secondary);line-height:1.6}.project-card{padding:20px 0;border-bottom:1px solid var(--border)}.project-card:last-child{border-bottom:none}.project-title{font-family:var(--serif);font-weight:600;font-size:17px;color:var(--text);margin-bottom:6px}.project-venue{font-size:13px;color:var(--accent);font-weight:500;margin-bottom:8px}.project-desc{font-size:14px;color:var(--text-secondary);line-height:1.6}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.project-tag{font-size:11px;font-family:var(--mono);color:var(--text-light);background:#f3f2ef;padding:3px 8px;border-radius:3px}.page-content{padding:56px 0 64px}.page-content h1{font-family:var(--serif);font-size:30px;font-weight:700;margin-bottom:28px;letter-spacing:-0.3px}.page-content h2{font-family:var(--serif);font-size:22px;font-weight:600;margin-top:40px;margin-bottom:16px;color:var(--text)}.page-content h3{font-size:16px;font-weight:600;margin-top:28px;margin-bottom:10px;color:var(--text)}.page-content p{margin-bottom:16px;color:var(--text-secondary)}.page-content ul,.page-content ol{margin-bottom:16px;padding-left:20px}.page-content li{margin-bottom:6px;color:var(--text-secondary);font-size:15px}.skills-grid{display:grid;grid-template-columns:140px 1fr;gap:12px 20px;font-size:14px}.skills-label{font-weight:600;color:var(--text)}.skills-value{color:var(--text-secondary)}.edu-item{margin-bottom:16px}.edu-degree{font-weight:600;font-size:15px;color:var(--text)}.edu-school{font-size:14px;color:var(--text-secondary)}.edu-year{font-size:13px;color:var(--text-light)}.site-footer{border-top:1px solid var(--border);padding:32px 0;margin-top:40px}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.footer-name{font-size:13px;color:var(--text-light)}.footer-links{display:flex;gap:20px}.footer-links a{font-size:13px;color:var(--text-light)}.footer-links a:hover{color:var(--accent)}@media (max-width: 600px){.hero{padding:48px 0 36px}.hero h1{font-size:26px}.hero-intro{font-size:16px}.hero-inner{flex-direction:column-reverse;gap:24px}.hero-photo{width:120px}.hero-photo img{width:120px;height:144px}.site-nav{gap:16px}.nav-link{font-size:13px}.timeline-header{flex-direction:column}.skills-grid{grid-template-columns:1fr;gap:4px 0}.skills-label{margin-top:8px}.footer-content{flex-direction:column;align-items:flex-start}}