:root{--color-bg: #FFFFFF;--color-text: #0A0A0A;--color-text-light: #666666;--color-accent: #FF5E1A;--color-accent-hover: #E54510;--color-border: #F0F0F0;--font-sans: 'Manrope', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', Arial, sans-serif;--font-heading: 'Syne', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;--font-mono: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', monospace;--space-xs: 0.5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 3rem;--space-xl: 4rem;--space-2xl: 6rem;--space-3xl: 8rem;--space-4xl: 10rem;--max-width: 1200px;--nav-height: 80px;--transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);--transition-medium: 250ms cubic-bezier(0.4, 0, 0.2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:18px;scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-sans);font-weight:400;font-variation-settings:"wght" 400;color:var(--color-text);background-color:var(--color-bg);line-height:1.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:'kern' 1, 'liga' 1}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.05;margin-top:var(--space-2xl);margin-bottom:var(--space-md);transition:font-variation-settings var(--transition-fast)}h1{font-size:clamp(3rem, 8vw, 5rem);letter-spacing:-0.015em;line-height:0.95;margin-bottom:var(--space-lg)}h1:hover{font-weight:800}h2{font-size:clamp(2rem, 5vw, 3rem);letter-spacing:-0.01em}h3{font-size:clamp(1.5rem, 3vw, 2rem);letter-spacing:-0.005em}h4{font-size:1.5rem}p{margin-bottom:var(--space-md);font-size:1.1rem}ul,ol{margin-bottom:var(--space-md);padding-left:2rem}ul li,ol li{margin-bottom:var(--space-sm);line-height:1.75}ul li::marker{font-size:0.5em;color:var(--color-accent)}a{color:var(--color-accent);text-decoration:none;position:relative;transition:color var(--transition-fast);font-variation-settings:"wght" 400}a::after{content:'';position:absolute;width:0;height:2px;bottom:-2px;left:0;background-color:var(--color-accent);transition:width var(--transition-medium)}a:hover{color:var(--color-accent-hover);font-variation-settings:"wght" 500}a:hover::after{width:100%}.top-nav{position:fixed;top:0;left:0;right:0;background:var(--color-bg);border-bottom:1px solid var(--color-border);z-index:1000;height:var(--nav-height);transition:all var(--transition-medium)}.nav-container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg);display:flex;align-items:center;height:100%}.nav-brand{margin-right:var(--space-2xl)}.nav-brand a{font-family:var(--font-heading);font-weight:700;font-size:1.25rem;color:var(--color-text);text-decoration:none;letter-spacing:0.05em;white-space:nowrap;transition:all var(--transition-fast)}.nav-brand a::after{display:none}.nav-brand a:hover{transform:scale(1.05)}.nav-menu{display:flex;list-style:none;gap:var(--space-lg);margin-left:auto;align-items:center;margin:0;padding:0}.nav-menu>li{display:flex;align-items:center;margin:0;padding:0}.nav-menu a{color:var(--color-text);font-weight:400;font-variation-settings:"wght" 400;font-size:1rem;padding:var(--space-xs) var(--space-sm);border-radius:4px;transition:all var(--transition-fast);display:flex;align-items:center}.nav-menu a::after{display:none}.nav-menu a:hover{color:var(--color-accent);font-variation-settings:"wght" 600;transform:translateY(-1px)}.nav-menu a.active{color:var(--color-accent);font-variation-settings:"wght" 600}.dropdown{position:relative;display:flex;align-items:center}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;list-style:none;padding:var(--space-sm) 0;min-width:200px;margin-top:0;padding-top:var(--space-sm);opacity:0;transform:translateY(-10px);animation:dropIn var(--transition-medium) forwards}@keyframes dropIn{to{opacity:1;transform:translateY(0)}}.dropdown:hover .dropdown-menu{display:block}.dropdown-menu li{margin:0}.dropdown-menu a{display:block;padding:var(--space-sm) var(--space-md);color:var(--color-text);font-weight:400;white-space:nowrap}.dropdown-menu a:hover{background:var(--color-border);color:var(--color-accent)}.nav-toggle{display:none !important;flex-direction:column;background:none;border:none;cursor:pointer;padding:4px;position:absolute;right:var(--space-lg)}.nav-toggle span{width:24px;height:2px;background:var(--color-text);margin:3px 0;transition:var(--transition-fast)}.main-content{margin-top:var(--nav-height);min-height:calc(100vh - var(--nav-height) - 120px);padding:var(--space-4xl) 0}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.home-header{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--space-3xl);align-items:center;margin-bottom:var(--space-4xl);min-height:60vh}.home-intro h1{margin-top:0;margin-bottom:var(--space-md);font-size:clamp(3.5rem, 9vw, 6rem);line-height:0.9;letter-spacing:-0.02em}.home-intro .subtitle{font-size:1.5rem;color:var(--color-text-light);margin-bottom:var(--space-lg);font-weight:400;font-variation-settings:"wght" 300}.home-intro .affiliation{font-size:1.25rem;margin-bottom:var(--space-xl);line-height:1.6}.profile-image{width:100%;max-width:400px;height:auto;aspect-ratio:1;border-radius:8px;object-fit:cover;transition:all var(--transition-medium)}.profile-image:hover{transform:scale(1.01)}.contact-info{margin-top:var(--space-xl);display:flex;flex-wrap:wrap;gap:var(--space-md)}.contact-info a{display:inline-block;font-size:1.1rem;transition:all var(--transition-fast)}.section{margin-bottom:var(--space-4xl)}.home-page .section:first-of-type{margin-top:calc(var(--space-2xl) * -1)}.section-title{font-size:clamp(2.5rem, 6vw, 4rem);border:none;padding-bottom:var(--space-md);margin-bottom:var(--space-2xl);position:relative}.section-title::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:4px;background:var(--color-accent)}.card{padding:0;margin-bottom:var(--space-3xl);position:relative}.card h3{font-family:var(--font-heading);font-weight:700;font-size:2.25rem;letter-spacing:-0.01em;margin-top:0;margin-bottom:var(--space-md);transition:all var(--transition-fast);position:relative}.card h3::after{content:'';position:absolute;left:0;bottom:-4px;width:0;height:3px;background:var(--color-accent);transition:width var(--transition-medium)}.card:hover h3{transform:translateX(8px)}.card:hover h3::after{width:100px}.card h4{font-family:var(--font-heading);font-weight:600;font-size:1.25rem;margin-top:var(--space-lg);margin-bottom:var(--space-sm);padding-left:var(--space-lg)}.card>p,.card>div:not(:has(h3)){padding-left:var(--space-lg)}.card>ul{padding-left:var(--space-lg);margin-left:var(--space-md)}.card-bordered{border:1px solid var(--color-border);border-radius:4px;padding:var(--space-2xl) !important}.research-area{margin-bottom:var(--space-2xl)}.research-area h3{font-family:var(--font-heading);font-weight:700;font-size:1.5rem;margin-top:0;margin-bottom:var(--space-sm);color:var(--color-text)}.research-area p{margin-bottom:0;color:var(--color-text-light)}.group-members{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:var(--space-2xl);margin-bottom:var(--space-2xl)}.member{padding:0}.member h3{font-family:var(--font-heading);font-size:1.25rem;margin:0 0 var(--space-xs) 0}.member h3 a{color:var(--color-text)}.member h3 a:hover{color:var(--color-accent)}.member-role{color:var(--color-text-light);margin:0;font-size:1rem}.btn{display:inline-block;padding:var(--space-sm) var(--space-lg);background:var(--color-text);color:white;border-radius:4px;font-weight:500;font-variation-settings:"wght" 500;transition:all var(--transition-fast);text-decoration:none}.btn:hover{background:var(--color-accent);font-variation-settings:"wght" 600}.btn:hover::after{display:none}.site-footer{background:transparent;border-top:1px solid var(--color-border);padding:var(--space-2xl) 0;text-align:center;color:var(--color-text-light);font-size:0.95rem}@media (max-width: 768px){:root{--nav-height: 70px}html{font-size:16px}.nav-toggle{display:flex !important;position:absolute;right:var(--space-lg)}.nav-toggle.active span:nth-child(1){transform:rotate(-45deg) translate(-5px, 6px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(45deg) translate(-5px, -6px)}.nav-menu{position:fixed;left:-100%;top:var(--nav-height);flex-direction:column;background-color:var(--color-bg);width:100%;text-align:center;transition:var(--transition-medium);box-shadow:0 10px 27px rgba(0,0,0,0.05);border-top:1px solid var(--color-border);padding:var(--space-sm) 0;max-height:calc(100vh - var(--nav-height));overflow-y:auto;gap:0}.nav-menu>li{margin:0;padding:0}.nav-menu a{padding:var(--space-sm) var(--space-md);font-size:1rem}.nav-menu.active{left:0}.dropdown{display:block}.dropdown>a::after{content:" ▾";font-size:0.8em}.dropdown-menu{position:static;display:none;box-shadow:none;border:none;background:var(--color-border);padding:0;margin:0;animation:none;opacity:1;transform:none}.dropdown.open .dropdown-menu{display:block}.dropdown-menu a{font-size:0.9rem;padding:var(--space-sm) var(--space-lg);background:transparent}.home-header{grid-template-columns:1fr;text-align:center;min-height:auto}.profile-image{margin:var(--space-lg) auto 0;max-width:280px}.contact-info{justify-content:center}h1{font-size:clamp(2.5rem, 10vw, 4rem)}.main-content{padding:var(--space-2xl) 0}}@media print{.top-nav,.site-footer{display:none}.main-content{margin-top:0}body{background:white;color:black}a{color:black;text-decoration:underline}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp 0.6s ease-out}