*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #FFFFFF;--bg-subtle: #F8F9FA;--bg-soft: #F3F4F6;--text-dark: #111827;--text-mid: #374151;--text-muted: #6B7280;--accent: #FF85BB;--accent-light:#EEF2FF;--accent-dim: #818CF8;--border: #E5E7EB;--border-dark: #D1D5DB;--success: #059669;--warning: #D97706;--font-sans: "Exo", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -2px rgba(0,0,0,.05);--transition: .2s cubic-bezier(.4, 0, .2, 1);--nav-h: 60px;--hero-grid: 44px}html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-dark);line-height:1.6;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit}.container{max-width:1000px;margin:0 auto;padding:0 var(--space-6)}.mono{font-family:var(--font-mono)}.body-text{font-size:var(--text-base);color:var(--text-mid);line-height:1.75;margin-bottom:var(--space-4)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.site-header{position:fixed;top:0;left:0;right:0;height:var(--nav-h);background:transparent;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;z-index:100;transition:background-color var(--transition),border-color var(--transition),box-shadow var(--transition)}.site-header.is-solid{background:#ffffffe6}.site-header.scrolled{border-color:var(--border);box-shadow:var(--shadow-sm)}.nav-inner{max-width:1000px;margin:0 auto;padding:0 var(--space-6);height:100%;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:var(--space-3);font-weight:600;font-size:var(--text-sm);color:var(--text-dark);letter-spacing:-.01em}.brand-name{color:var(--text-dark)}.nav-links{display:flex;align-items:center;gap:var(--space-1)}.nav-link{font-size:var(--text-sm);font-weight:500;color:var(--text-muted);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:transparent;border:none;outline:none;box-shadow:none;transition:color var(--transition)}.nav-link:hover,.nav-link.active{color:var(--accent);background:transparent;border:none;outline:none;box-shadow:none}.nav-toggle{display:none;flex-direction:column;gap:5px;padding:var(--space-2)}.nav-toggle span{display:block;width:22px;height:1.5px;background:var(--text-dark);transition:transform var(--transition),opacity var(--transition)}.nav-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.section{min-height:100vh;padding:var(--space-24) 0}.section.contact-section{min-height:0}.section:nth-child(2n){background:var(--bg-subtle)}.section-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-3)}.section-heading{font-size:var(--text-3xl);font-weight:700;color:var(--accent);letter-spacing:-.03em;line-height:1.2;margin-bottom:var(--space-12)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.625rem 1.25rem;border-radius:var(--radius);font-size:var(--text-sm);font-weight:500;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 1px 2px #4f46e540}.btn-primary:hover{background:#fd4d9c;box-shadow:0 4px 12px #4f46e559}.btn-secondary{background:var(--bg);color:var(--text-dark);border:1px solid var(--border-dark);box-shadow:var(--shadow-sm)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-ghost{color:var(--text-muted);padding:.625rem .75rem}.btn-ghost:hover{color:var(--text-dark)}.grid-btn{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-2)}.nav-btn-group{margin-top:var(--space-12)}.grid-btn .btn{width:100%;justify-content:center}.hero{min-height:100vh;padding-top:var(--nav-h);display:flex;align-items:center;position:relative;background:#fff}.hero-inner,.hero-scroll-hint{position:relative;z-index:1}.hero-inner{display:grid;grid-template-columns:1fr 340px;gap:var(--space-12);align-items:center;padding:var(--space-16) var(--space-6)}.hero-right{display:flex;justify-content:center;align-items:center}.hero-right .avatar{width:320px;height:auto;object-fit:cover;border-radius:var(--radius-lg);padding:0;border:none;outline:none;background:transparent;box-shadow:none}.hero-bio-paragraphs{margin-bottom:var(--space-6)}.hero-bio-paragraph{font-size:var(--text-base);color:var(--text-mid);line-height:1.75;margin-bottom:var(--space-4)}.hero-bio-rest{display:inline}.hero-bio-inline-btn{display:none;background:transparent!important;border:none!important;outline:none;box-shadow:none;padding:0;margin-left:4px;font-size:inherit;color:var(--accent);cursor:pointer;font-family:inherit;transition:color var(--transition);vertical-align:baseline;white-space:nowrap}.hero-bio-inline-btn:hover{color:#fd4d9c;text-decoration:underline}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 2px #05966933}50%{box-shadow:0 0 0 5px #0596691a}}.hero-name{font-size:clamp(2rem,4vw,3.5rem);font-weight:800;letter-spacing:-.04em;color:var(--text-dark);line-height:1.1;margin-bottom:var(--space-3)}.hero-title{font-size:var(--text-lg);font-weight:500;color:var(--accent);letter-spacing:-.01em;margin-bottom:var(--space-6)}.hero-bio{font-size:var(--text-lg);color:var(--text-mid);line-height:1.7;max-width:800px;margin-bottom:var(--space-6)}.hero-bio strong{color:var(--text-dark);font-weight:600}.hero-contact-info{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4);font-size:var(--text-base);color:var(--text-mid)}.hero-contact-line{line-height:1.7}.hero-contact-label{font-weight:600;color:var(--text-dark)}.hero-contact-link{color:var(--text-mid);text-decoration:underline;text-underline-offset:3px;transition:color var(--transition)}.hero-contact-link:hover{color:var(--accent)}.hero-cta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.hero-avatar{display:flex;flex-direction:column;gap:var(--space-4);align-items:center}.avatar-frame{width:400px;border-radius:16px;background:var(--bg-soft);border:1px solid var(--border);overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.avatar-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);color:var(--text-muted)}.avatar-hint{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.avatar-card{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);box-shadow:var(--shadow-sm)}.avatar-card-line{display:flex;justify-content:space-between;align-items:baseline;padding:var(--space-2) 0;border-bottom:1px solid var(--border);font-size:var(--text-sm)}.avatar-card-line:last-child{border-bottom:none}.avatar-card-line span{color:var(--text-muted);font-size:var(--text-xs)}.avatar-card-line strong{font-size:var(--text-base);color:var(--accent)}.hero-scroll-hint{position:absolute;bottom:var(--space-8);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-xs);font-family:var(--font-mono);letter-spacing:.1em;opacity:.6}.scroll-line{width:1px;height:32px;background:linear-gradient(to bottom,var(--text-muted),transparent);animation:scroll-anim 2s infinite}@keyframes scroll-anim{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.about-grid{display:grid;grid-template-columns:1fr 310px;gap:var(--space-16);align-items:start}.avatar{width:310px;object-fit:cover}.about-facts{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg);box-shadow:var(--shadow-sm)}.fact-block{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border)}.fact-block:last-child{border-bottom:none}.fact-label{font-size:var(--text-xs);font-family:var(--font-mono);font-weight:500;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--space-1)}.fact-value{font-size:var(--text-base);font-weight:600;color:var(--text-dark);margin-bottom:2px}.fact-sub{font-size:var(--text-sm);color:var(--text-muted)}.research-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.research-card{padding:var(--space-6);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition),box-shadow var(--transition)}.research-card:hover{border-color:var(--accent-dim);box-shadow:var(--shadow-md)}.research-card-icon{width:40px;height:40px;background:var(--accent-light);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:var(--space-4)}.research-card-title{font-size:var(--text-base);font-weight:600;color:var(--text-dark);margin-bottom:var(--space-2);letter-spacing:-.01em}.research-card-desc{font-size:var(--text-sm);color:var(--text-muted);line-height:1.65}.pub-list{display:flex;flex-direction:column;gap:var(--space-3);overflow:hidden}.pub-item{display:flex;flex-direction:column;margin-bottom:var(--space-3);transition:background var(--transition);background-color:transparent}.pub-item:last-child{margin-bottom:0}.pub-meta{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start;padding-top:2px}.pub-year{font-family:var(--font-mono);font-size:var(--text-md);color:var(--text-muted);font-weight:500}.pub-status{font-size:12px}.pub-status--published{color:#065f46}.pub-status--review{color:#92400e}.pub-badge{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-family:var(--font-mono);font-weight:600;letter-spacing:.03em;padding:2px 8px;border-radius:var(--radius-sm);white-space:nowrap}.pub-badge--scopus{background:#ecfdf5;color:#065f46;border:1px solid #A7F3D0}.pub-badge--non-indexed{background:var(--bg-soft);color:var(--text-muted);border:1px solid var(--border)}.pub-title{font-size:var(--text-xl);font-weight:700;color:var(--text-dark);letter-spacing:-.02em;line-height:1.35;margin-bottom:var(--space-1)}.pub-venue{font-size:var(--text-sm);color:var(--text-muted);font-weight:500;line-height:1.5;margin-top:8px}.pub-authors{font-weight:500;font-size:var(--text-sm);color:var(--text-muted);font-family:var(--font-mono);line-height:1.5;margin-bottom:0}.pub-abstract{font-size:var(--text-sm);color:var(--text-mid);line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pub-links{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.pub-link,.doi-copy-btn{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;font-family:inherit;line-height:inherit;color:var(--text-muted);border:1px solid var(--border);padding:4px 12px;border-radius:var(--radius-sm);background:transparent;cursor:pointer;text-decoration:none;transition:all var(--transition)}.pub-link:hover,.doi-copy-btn:hover{color:var(--accent);border-color:var(--accent)}.pub-link.copied,.pub-link.copied:hover,.doi-copy-btn.copied,.doi-copy-btn.copied:hover{color:#059669!important;border-color:#059669!important;background:#05966914!important}.bibtex-drawer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s cubic-bezier(.4,0,.2,1);margin-top:var(--space-3);width:100%}.bibtex-drawer.is-open{grid-template-rows:1fr}.bibtex-inner{overflow:hidden}.bibtex-box{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);position:relative}.bibtex-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2);padding-bottom:var(--space-1);border-bottom:1px solid var(--border)}.bibtex-bar-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);font-weight:600}.bibtex-close-btn{font-size:var(--text-sm);color:var(--text-muted);padding:0 4px;line-height:1;transition:color var(--transition);cursor:pointer}.bibtex-close-btn:hover{color:var(--text-dark)}.bibtex-code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-mid);line-height:1.55;overflow-x:auto;white-space:pre;padding:var(--space-1) 0}.projects-list{display:flex;flex-direction:column;gap:var(--space-3)}.project-item{display:flex;flex-direction:column;margin-bottom:var(--space-3);transition:background var(--transition)}.project-item:last-child{margin-bottom:0}.project-header,.project-title-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);width:100%}.project-title-group{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.project-actions{display:inline-flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.project-title{font-size:var(--text-xl);font-weight:700;color:var(--text-dark);letter-spacing:-.02em;line-height:1.3}.project-badge{display:inline-flex;align-items:center;font-size:11px;font-family:var(--font-mono);font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:var(--radius-sm);background:#ff85bb1a;color:var(--accent);border:1px solid rgba(255,133,187,.3);margin-left:8px;vertical-align:middle;line-height:1}.project-links{display:inline-flex;align-items:center;gap:var(--space-2)}.project-link{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:500;color:var(--text-muted);border:1px solid var(--border);padding:4px 12px;border-radius:var(--radius-sm);background:transparent;transition:all var(--transition);text-decoration:none;white-space:nowrap}.project-link:hover{color:var(--accent);border-color:var(--accent)}.project-desc{font-size:var(--text-sm);color:var(--text-mid);line-height:1.6}.project-bullets{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.project-bullets li{font-size:var(--text-sm);color:var(--text-mid);line-height:1.65;padding-left:var(--space-4);position:relative}.project-bullets li:before{content:"-";position:absolute;left:0;top:0;color:var(--text-muted);font-size:var(--text-sm);line-height:1.65}.project-bullets li strong{color:var(--text-dark);font-weight:600}.project-award{display:inline-flex;align-items:center;font-size:var(--text-sm);color:#92400e;width:fit-content;margin-top:var(--space-1)}.project-note{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--text-mid);background:var(--bg-soft);border:1px solid var(--border);padding:6px 12px;border-radius:var(--radius-sm);width:fit-content;margin-top:var(--space-1)}.project-inline-link{color:var(--accent);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition)}.project-inline-link:hover,.project-inline-link:active{color:#fd4d9c}.project-mobile-links{display:none}.project-tech{font-size:var(--text-sm);color:var(--text-muted);line-height:1.6}.project-tech strong{color:var(--text-dark);font-weight:600;margin-right:4px}.project-title-row,.pub-title-row,.timeline-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);width:100%}.project-text-toggle-btn,.pub-text-toggle-btn,.timeline-text-toggle-btn{display:none}.collapse-chevron{transition:transform var(--transition)}.collapse-chevron.is-rotated{transform:rotate(180deg)}.project-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-1)}.project-details-wrapper,.pub-details-wrapper,.timeline-details-wrapper{display:block;width:100%}.timeline-details-inner{display:flex;flex-direction:column;gap:var(--space-0.5)}.project-details-inner,.pub-details-inner{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.skills-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-4)}.skill-group{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.skill-group-title{font-size:var(--text-xs);font-family:var(--font-mono);font-weight:600;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.skill-list{display:flex;flex-wrap:wrap;gap:.75rem;list-style:none;padding:0;margin:0}.skill-item{padding:.5rem 1rem;border:1px solid var(--border);border-radius:999px;background:var(--bg-subtle);font-size:var(--text-sm);font-weight:500;transition:all .2s ease}.skill-item:hover{border-color:var(--accent);color:var(--accent)}.skill-item:last-child{border-bottom:none}.skill-item:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--accent-dim);flex-shrink:0}.timeline{position:relative;padding-left:var(--space-8)}.timeline:before{content:"";position:absolute;left:10px;top:8px;bottom:8px;width:1px;background:var(--border)}.timeline-item{position:relative;margin-bottom:var(--space-6)}.timeline-item:last-child{margin-bottom:0}.timeline-marker{position:absolute;left:calc(-1 * var(--space-8) + 6px);top:6px;width:10px;height:10px;border-radius:50%;background:var(--bg);border:2px solid var(--accent);box-shadow:0 0 0 3px #4f46e51f}.timeline-date{font-weight:600;font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted);margin-bottom:var(--space-1);letter-spacing:.04em}.timeline-role{font-size:var(--text-xl);font-weight:700;color:var(--text-dark);letter-spacing:-.02em;margin-bottom:var(--space-1)}.timeline-org{font-size:var(--text-sm);color:var(--text-muted);font-weight:500;margin-bottom:var(--space-3)}.timeline-org a{color:inherit}.timeline-org a:hover{text-decoration:underline}.timeline-bullets{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.timeline-bullets li{font-size:var(--text-sm);color:var(--text-mid);line-height:1.65;padding-left:var(--space-4);position:relative}.timeline-bullets li:before{content:"-";position:absolute;left:0;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:var(--text-xs);line-height:1}.timeline-bullets li strong{color:var(--text-dark);font-weight:600}.achievements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.achievement-card{display:flex;gap:var(--space-4);padding:var(--space-6);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition),box-shadow var(--transition)}.achievement-card:hover{border-color:var(--accent-dim);box-shadow:var(--shadow-md)}.achievement-icon{width:40px;height:40px;min-width:40px;background:var(--accent-light);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--accent)}.achievement-title{font-size:var(--text-base);font-weight:600;color:var(--text-dark);letter-spacing:-.01em;margin-bottom:var(--space-1)}.achievement-sub{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--accent);margin-bottom:var(--space-2);font-weight:500}.achievement-desc{font-size:var(--text-sm);color:var(--text-muted);line-height:1.6}.contact-sub{font-size:var(--text-lg);color:var(--text-mid);line-height:1.7;margin-bottom:var(--space-10)}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.contact-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition)}.contact-card:hover{border-color:var(--accent)}.contact-card-icon{width:50px;height:50px;min-width:40px;background:var(--bg-soft);border-radius:var(--radius) 0 0 var(--radius);display:flex;align-items:center;justify-content:center;color:var(--text-mid);transition:background var(--transition),color var(--transition)}.contact-card:hover .contact-card-icon{background:var(--accent-light);color:var(--accent)}.orcid-icon{color:#a6ce39}.contact-card-label{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.contact-card-value{font-size:var(--text-sm);font-weight:500;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-footer{background:var(--bg-subtle);border-top:1px solid var(--border);padding:var(--space-10) 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);flex-wrap:wrap}.footer-copy{font-size:var(--text-sm);color:var(--text-muted);font-family:var(--font-mono);line-height:1.6}.footer-links{display:flex;align-items:center;gap:var(--space-8);flex-wrap:wrap}.footer-links a{font-size:var(--text-sm);color:var(--text-muted);transition:color var(--transition);padding:var(--space-1) 0}.footer-links a:hover{color:var(--accent)}.nav-backdrop{display:none}@media(max-width:1024px){:root{--space-24: 4.5rem;--space-16: 3rem;--space-12: 2.25rem}.container{padding:0 var(--space-6)}.section{min-height:auto;padding:var(--space-16) 0}.hero-inner{grid-template-columns:1fr 280px;gap:var(--space-8);padding:var(--space-12) var(--space-6)}.hero-right{display:flex;justify-content:center}.hero-right .avatar{width:270px;height:auto;border-radius:var(--radius-lg)}.contact-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){:root{--space-24: 3.5rem;--space-16: 2rem;--space-12: 1.5rem;--nav-h: 60px}body{overflow-x:hidden}.site-header,.hero,main,main>section,.site-footer{display:block!important}.section{min-height:auto;padding:var(--space-16) 0}.section-heading{font-size:1.65rem;margin-bottom:var(--space-8)}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:99;opacity:0;pointer-events:none;transition:opacity var(--transition)}.nav-backdrop.is-visible{opacity:1;pointer-events:auto}.site-header{background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-toggle{display:flex;z-index:101}.nav-links{display:flex;position:fixed;top:var(--nav-h);left:0;right:0;background:#fffffffa;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);flex-direction:column;padding:var(--space-4) var(--space-6) var(--space-6);gap:var(--space-1);box-shadow:0 16px 32px #00000014;transform:translateY(-110%);opacity:0;pointer-events:none;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s ease;z-index:100}.nav-links.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.nav-link{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);border-radius:var(--radius);min-height:44px;display:flex;align-items:center;background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;transition:color var(--transition)}.nav-link:hover,.nav-link.active{background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;color:var(--accent)}.hero{min-height:auto;padding-top:calc(var(--nav-h) + var(--space-6));padding-bottom:var(--space-10);align-items:stretch}.hero-inner{display:flex;flex-direction:column;align-items:center;text-align:left;gap:var(--space-6);padding:0 var(--space-6)}.hero-content{width:100%;display:flex;flex-direction:column;align-items:center}.hero-right{order:-1;display:flex;justify-content:center;width:100%}.hero-right .avatar{width:220px;height:220px;border-radius:50%;aspect-ratio:1 / 1;object-fit:cover}.hero-name{text-align:center;width:100%;font-size:clamp(1.85rem,6.5vw,2.5rem);margin-bottom:var(--space-2)}.hero-title{text-align:center;width:100%;font-size:var(--text-lg);margin-bottom:var(--space-4)}.hero-bio-paragraphs{width:100%;margin-bottom:0}.hero-bio-rest{display:none}.hero-bio-rest.is-expanded,.hero-bio-inline-btn{display:inline}.hero-bio-paragraphs .body-text,.hero-bio-paragraph{font-size:var(--text-base);line-height:1.7;margin-bottom:0;margin-top:0}.hero-contact-info{display:none;width:100%;font-size:.9375rem;gap:var(--space-2);margin:0}.hero-contact-info.is-expanded{display:flex;margin-top:var(--space-3);margin-bottom:0}.hero-contact-line{word-break:break-word;overflow-wrap:anywhere;margin:0}.project-text-toggle-btn,.pub-text-toggle-btn,.timeline-text-toggle-btn{display:inline-flex;align-items:center;gap:6px;background:transparent!important;border:none!important;outline:none;box-shadow:none;padding:0;font-size:var(--text-sm);font-family:var(--font-mono);font-weight:600;color:var(--accent);cursor:pointer;transition:color var(--transition)}.project-text-toggle-btn:hover,.pub-text-toggle-btn:hover,.timeline-text-toggle-btn:hover{color:#fd4d9c;background:transparent!important;border:none!important;text-decoration:underline}.project-details-wrapper,.pub-details-wrapper,.timeline-details-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s cubic-bezier(.4,0,.2,1);width:100%}.project-details-wrapper.is-open,.pub-details-wrapper.is-open,.timeline-details-wrapper.is-open{grid-template-rows:1fr}.project-details-inner,.pub-details-inner,.timeline-details-inner{overflow:hidden;display:flex;flex-direction:column;gap:var(--space-1)}.pub-item{gap:var(--space-3)}.pub-title-row{align-items:flex-start}.project-title,.pub-title,.timeline-role{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.project-title:active,.pub-title:active,.timeline-role:active{opacity:.75}.pub-title{font-size:1.15rem;line-height:1.35}.pub-venue{font-size:var(--text-sm);margin-top:4px}.pub-authors{font-size:var(--text-sm);word-break:break-word}.pub-links{gap:var(--space-2)}.pub-link{font-size:var(--text-sm);padding:6px 12px;min-height:36px}.pub-badge,.project-badge{font-size:12px}.projects-list{gap:var(--space-1)}.project-header,.project-title-row{align-items:center;justify-content:space-between;gap:var(--space-2)}.project-title-group{gap:var(--space-2);width:100%}.project-title{font-size:var(--text-xl);width:100%}.project-actions{display:none!important}.project-mobile-links{display:block}.project-desc{font-size:var(--text-base);line-height:1.6}.project-bullets li{font-size:var(--text-sm);line-height:1.65}.project-tech{font-size:var(--text-sm);word-break:break-word}.project-award{font-size:var(--text-sm)}.timeline{padding-left:var(--space-6)}.timeline:before{left:8px}.timeline-marker{left:calc(-1 * var(--space-6) + 4px)}.timeline-header-row{align-items:flex-start}.timeline-date{font-size:var(--text-sm)}.timeline-role{font-size:var(--text-xl)}.timeline-org{font-size:var(--text-sm);margin-bottom:var(--space-2)}.timeline-bullets li{font-size:var(--text-sm)}.contact-sub{font-size:var(--text-lg);margin-bottom:var(--space-6)}.contact-grid{grid-template-columns:1fr;gap:var(--space-3)}.contact-card{padding:var(--space-3) var(--space-4)}.contact-card-icon{width:42px;height:42px;min-width:42px}.footer-inner{flex-direction:column;align-items:center;text-align:center;gap:var(--space-6)}.footer-links{gap:var(--space-8);flex-wrap:wrap;justify-content:center}}@media(max-width:480px){.container,.hero-inner{padding:0 var(--space-4)}.hero-right .avatar{width:165px;height:165px}.hero-name{font-size:1.85rem}.section{padding:var(--space-12) 0}.section-heading{font-size:1.55rem;margin-bottom:var(--space-6)}.timeline-item{margin-bottom:var(--space-2)}.pub-links,.project-links{flex-wrap:wrap}}