@import"https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,wght@0,300;0,400;0,600;1,400&family=Source+Sans+3:wght@300;400;500;600&display=swap";:root{--bg: #ffffff;--bg-alt: #f7f7f5;--bg-hero: #f4f4f0;--border: #ddddd8;--border-light: #ebebea;--text: #1a1a18;--text-muted: #5a5a56;--text-light: #8a8a84;--accent: #1a5276;--accent-hover: #154360;--accent-light: #d4e6f1;--ongoing: #117a65;--ongoing-bg: #e8f8f5;--completed: #6e6e6a;--completed-bg: #f0f0ec;--tag-bg: #eeeee8;--tag-active-bg: #1a5276;--tag-active-text: #ffffff;--font-serif: "Source Serif 4", Georgia, serif;--font-sans: "Source Sans 3", system-ui, sans-serif;--navbar-h: 62px;--max-w: 900px;--radius: 3px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:var(--font-sans);border:none;background:none}.app-root{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding-top:var(--navbar-h)}.container{max-width:var(--max-w);margin:0 auto;padding:0 28px}.navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-h);background:var(--bg);border-bottom:1px solid var(--border);z-index:100}.navbar-inner{max-width:var(--max-w);margin:0 auto;padding:0 28px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.navbar-brand{display:flex;align-items:center;gap:12px;background:none;border:none;cursor:pointer;text-align:left;text-decoration:none;flex-shrink:0}.brand-logo-slot{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:var(--accent);border-radius:var(--radius);flex-shrink:0}.brand-logo-placeholder{color:#fff;font-family:var(--font-serif);font-weight:600;font-size:14px;letter-spacing:.05em}.brand-logo-img{width:38px;height:38px;object-fit:contain}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-name{font-family:var(--font-serif);font-size:17px;font-weight:600;color:var(--text);letter-spacing:-.01em}.brand-sub{font-size:11px;color:var(--text-light);font-weight:400}.navbar-nav{display:flex;align-items:center;gap:4px}.nav-link{padding:6px 12px;font-size:14px;color:var(--text-muted);font-weight:400;border-radius:var(--radius);transition:color .15s,background .15s;white-space:nowrap}.nav-link:hover{color:var(--accent);background:var(--bg-alt)}.nav-link-active{color:var(--accent);font-weight:500}.page{padding:52px 0 80px}.page-title{font-family:var(--font-serif);font-size:30px;font-weight:300;color:var(--text);letter-spacing:-.02em;border-bottom:1px solid var(--border);padding-bottom:16px;margin-bottom:32px}.page-intro{font-size:15.5px;color:var(--text-muted);line-height:1.7;max-width:700px;margin-bottom:40px}.section-heading{font-family:var(--font-serif);font-size:20px;font-weight:400;color:var(--text);margin-bottom:20px;letter-spacing:-.01em}.no-results{color:var(--text-light);font-style:italic;padding:32px 0}.home-hero{background:var(--bg-hero);border-bottom:1px solid var(--border);padding:56px 0 48px}.home-title{font-family:var(--font-serif);font-size:28px;font-weight:300;letter-spacing:-.02em;color:var(--text);margin-bottom:16px;max-width:700px;line-height:1.3}.home-objective{font-size:15.5px;color:var(--text-muted);max-width:680px;line-height:1.75}.home-hero-inner{display:flex;align-items:center;gap:28px}.home-hero-text{flex:1;min-width:0}.home-hero-text .home-title{margin-bottom:8px}.home-photo-wrap{flex-shrink:0}.home-photo,.home-photo-placeholder{width:132px;height:132px;border-radius:50%;object-fit:cover;border:1px solid var(--border)}.home-photo-placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg-alt);color:var(--text-muted);font-family:var(--font-serif);font-size:48px;font-weight:300}@media (max-width: 600px){.home-hero-inner{flex-direction:column;text-align:center;gap:18px}.home-photo,.home-photo-placeholder{width:110px;height:110px}}.home-body{padding-top:48px;padding-bottom:80px}.home-section{margin-bottom:52px;padding-bottom:52px;border-bottom:1px solid var(--border-light)}.home-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.home-text{font-size:15px;color:var(--text-muted);line-height:1.75;max-width:680px;margin-bottom:16px}.news-list{display:flex;flex-direction:column;gap:0}.news-item{display:flex;gap:24px;padding:12px 0;border-bottom:1px solid var(--border-light);align-items:baseline}.news-item:last-child{border-bottom:none}.news-date{font-size:13px;color:var(--text-light);white-space:nowrap;min-width:100px;font-weight:500;flex-shrink:0}.news-text{font-size:14.5px;color:var(--text);line-height:1.6}.home-join{background:transparent}.btn-primary{display:inline-block;padding:9px 22px;background:var(--accent);color:#fff;font-size:14px;font-weight:500;border-radius:var(--radius);text-decoration:none;transition:background .15s;font-family:var(--font-sans);cursor:pointer;border:none}.btn-primary:hover{background:var(--accent-hover);text-decoration:none;color:#fff}.btn-link{background:none;border:none;color:var(--accent);font-size:14.5px;font-family:var(--font-sans);cursor:pointer;padding:0;text-decoration:none;display:inline-block}.btn-link:hover{text-decoration:underline}.btn-link.small{font-size:13px}.btn-outline{display:inline-block;padding:7px 16px;border:1px solid var(--accent);color:var(--accent);font-size:13.5px;font-weight:500;border-radius:var(--radius);text-decoration:none;transition:background .15s,color .15s;font-family:var(--font-sans)}.btn-outline:hover{background:var(--accent);color:#fff;text-decoration:none}.tag-filter-bar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.tag-btn{padding:5px 12px;font-size:13px;background:var(--tag-bg);color:var(--text-muted);border-radius:2px;font-family:var(--font-sans);font-weight:400;transition:background .12s,color .12s;border:1px solid transparent}.tag-btn:hover{background:var(--accent-light);color:var(--accent)}.tag-btn-active{background:var(--tag-active-bg);color:var(--tag-active-text)}.tag-btn-active:hover{background:var(--accent-hover);color:#fff}.tag-hint{font-size:13.5px;color:var(--text-muted);margin-bottom:16px;margin-top:-8px}.status-toggle{display:flex;gap:0;margin-bottom:36px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;width:fit-content}.status-btn{padding:6px 18px;font-size:13px;color:var(--text-muted);font-family:var(--font-sans);background:var(--bg);border-right:1px solid var(--border);transition:background .12s,color .12s}.status-btn:last-child{border-right:none}.status-btn:hover{background:var(--bg-alt)}.status-btn-active{background:var(--bg-alt);color:var(--accent);font-weight:500}.projects-section{margin-bottom:48px}.projects-section-title{font-family:var(--font-serif);font-size:18px;font-weight:400;color:var(--text);margin-bottom:20px;display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot-ongoing{background:var(--ongoing)}.status-dot-completed{background:var(--completed)}.projects-list{display:flex;flex-direction:column;gap:0}.project-card{padding:24px 0;border-bottom:1px solid var(--border-light)}.project-card:first-child{border-top:1px solid var(--border-light)}.project-card{scroll-margin-top:calc(var(--navbar-h) + 16px);transition:background-color .4s ease}.project-card-focused{background-color:var(--accent-light)}.project-card-main{display:flex;gap:28px;align-items:flex-start}.project-info{flex:1}.project-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.project-tag{display:inline-block;padding:2px 8px;background:var(--tag-bg);color:var(--text-muted);font-size:11.5px;border-radius:2px;font-family:var(--font-sans)}.project-tag-active{background:var(--tag-active-bg);color:var(--tag-active-text)}.project-title{font-family:var(--font-serif);font-size:17px;font-weight:400;color:var(--text);margin-bottom:10px;line-height:1.4}.project-desc{font-size:14px;color:var(--text-muted);line-height:1.7;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-desc-expanded{display:block;overflow:visible;-webkit-line-clamp:unset}.project-meta-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:10px}.project-meta{font-size:12.5px;color:var(--text-light)}.project-meta strong{color:var(--text-muted);font-weight:500}.project-image-wrap{flex-shrink:0;width:320px;height:280px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#000;display:flex;align-items:stretch}.project-image-btn{position:relative;display:flex;align-items:stretch;width:100%;height:100%;background:none;border:none;padding:0;margin:0;cursor:zoom-in;border-radius:0;overflow:hidden}.project-image,.project-iframe{width:100%;height:100%;display:block;border-radius:0;border:none;margin:0;padding:0;flex-shrink:0}.project-image{width:320px;height:280px;object-fit:contain;padding:10px;box-sizing:border-box;background:var(--bg-alt);border-radius:var(--radius);border:1px solid var(--border);display:block;image-rendering:auto;image-rendering:smooth;-ms-interpolation-mode:bicubic}.project-image-btn{position:relative;display:block;width:100%;padding:0;border:none;background:none;cursor:zoom-in}.project-image-btn .project-image{transition:filter .15s ease,transform .15s ease}.project-image-btn:hover .project-image,.project-image-btn:focus-visible .project-image{filter:brightness(.92)}.project-image-zoom{position:absolute;bottom:8px;right:8px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:15px;color:#fff;background:#0000008c;border-radius:var(--radius);opacity:0;transition:opacity .15s ease;pointer-events:none}.project-image-btn:hover .project-image-zoom,.project-image-btn:focus-visible .project-image-zoom{opacity:1}.teaching-list,.talks-list{display:flex;flex-direction:column;gap:28px;margin-top:8px}.teaching-course{padding-bottom:20px;border-bottom:1px solid var(--border-light)}.teaching-term{color:var(--text-muted);font-size:14px;margin:-4px 0 10px}.material-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.material-item{display:flex;align-items:baseline;gap:8px}.material-type{color:var(--text-light);font-size:12px;text-transform:capitalize}.talk-entry{padding-bottom:18px;border-bottom:1px solid var(--border-light)}.talk-title{font-family:var(--font-serif);font-size:17px;color:var(--text);margin-bottom:4px}.talk-meta{color:var(--text-muted);font-size:14px;margin-bottom:8px}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:32px;background:#141412d1;animation:lightbox-fade .15s ease}@keyframes lightbox-fade{0%{opacity:0}to{opacity:1}}.lightbox-content{position:relative;display:flex;flex-direction:column;align-items:center;max-width:1000px;max-height:100%}.lightbox-image{max-width:100%;max-height:calc(90vh - 60px);object-fit:contain;border-radius:var(--radius);background:var(--bg)}.lightbox-caption{margin-top:14px;max-width:760px;color:#e8e8e4;font-family:var(--font-serif);font-size:15px;line-height:1.55;text-align:center}.lightbox-close{position:absolute;top:-14px;right:-14px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #0000004d}@media (max-width: 600px){.lightbox-overlay{padding:16px}.lightbox-close{top:-10px;right:-10px}}.project-iframe{pointer-events:none}.project-image-btn:hover .project-image,.project-image-btn:hover .project-iframe{opacity:.88;transition:opacity .15s}.project-image-hint{position:absolute;bottom:6px;right:6px;background:#00000073;color:#fff;font-size:12px;padding:2px 6px;border-radius:3px;opacity:0;transition:opacity .15s;pointer-events:none}.project-image-btn:hover .project-image-hint{opacity:1}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:999;display:flex;align-items:center;justify-content:center;padding:24px;cursor:zoom-out}.lightbox-box{position:relative;cursor:default}.lightbox-img{display:block;max-width:90vw;max-height:85vh;border-radius:var(--radius);box-shadow:0 8px 40px #00000080;object-fit:contain}.lightbox-iframe{display:block;width:80vw;height:75vh;border:none;border-radius:var(--radius);box-shadow:0 8px 40px #00000080;background:#fff}.lightbox-close{position:absolute;top:-14px;right:-14px;width:32px;height:32px;border-radius:50%;background:#fff;color:var(--text);font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;box-shadow:0 2px 8px #0000004d;line-height:1;z-index:1}.lightbox-close:hover{background:var(--bg-alt)}.pub-filters{display:flex;flex-direction:column;gap:12px;margin-bottom:36px}.filter-group{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.filter-label{font-size:13px;color:var(--text-light);font-weight:500;min-width:38px}.pub-sections{display:flex;flex-direction:column;gap:0}.pub-year-section{margin-bottom:32px}.pub-year-heading{font-family:var(--font-serif);font-size:19px;font-weight:300;color:var(--text);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border);letter-spacing:-.01em}.pub-list{display:flex;flex-direction:column;gap:0}.pub-entry{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--border-light);align-items:flex-start}.pub-entry-left{flex-shrink:0;padding-top:3px}.pub-type-badge{display:inline-block;padding:2px 8px;font-size:11px;font-weight:500;border-radius:2px;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.pub-type-journal{background:#e8f4f8;color:#1a5276}.pub-type-conf{background:#fef9e7;color:#7d6608}.pub-entry-body{flex:1}.pub-title{font-family:var(--font-serif);font-size:15.5px;font-weight:400;color:var(--text);margin-bottom:5px;line-height:1.45}.pub-authors{font-size:13.5px;color:var(--text-muted);margin-bottom:3px}.pub-venue{font-size:13px;color:var(--text-light);margin-bottom:8px}.pub-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.pub-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:4px}.pub-action-link{font-size:13px;color:var(--accent);cursor:pointer;font-family:var(--font-sans);background:none;border:none;padding:0;text-decoration:none}.pub-action-link:hover{text-decoration:underline}.pub-abstract{margin-top:10px;padding:12px 14px;background:var(--bg-alt);border-left:2px solid var(--accent-light);border-radius:0 var(--radius) var(--radius) 0}.pub-abstract p{font-size:13.5px;color:var(--text-muted);line-height:1.7}.tools-section{margin-bottom:52px}.tools-list{display:flex;flex-direction:column;gap:0}.tool-card{padding:28px 0;border-bottom:1px solid var(--border-light)}.tool-card:first-child{border-top:1px solid var(--border-light)}.tool-card-header{display:flex;gap:20px;align-items:flex-start;margin-bottom:14px}.tool-image-wrap{flex-shrink:0}.tool-image{width:88px;height:72px;object-fit:contain;border-radius:var(--radius);border:1px solid var(--border)}.tool-header-info{flex:1}.tool-name{font-family:var(--font-serif);font-size:18px;font-weight:400;color:var(--text);margin-bottom:3px}.tool-subtitle{font-size:13.5px;color:var(--text-muted);display:block;margin-bottom:8px}.tool-tags{display:flex;flex-wrap:wrap;gap:5px}.tool-desc{font-size:14px;color:var(--text-muted);line-height:1.7;margin-bottom:14px}.tool-stats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.tool-stat{font-size:12.5px;color:var(--text-muted);background:var(--bg-alt);border:1px solid var(--border-light);border-radius:var(--radius);padding:2px 9px}.tool-meta-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:14px}.tool-meta{font-size:12.5px;color:var(--text-light)}.tool-meta strong{color:var(--text-muted);font-weight:500}.tool-actions{display:flex;gap:10px}.benchmark-list{display:flex;flex-direction:column;gap:0}.benchmark-entry{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 0;border-bottom:1px solid var(--border-light)}.benchmark-entry:first-child{border-top:1px solid var(--border-light)}.benchmark-info{flex:1}.benchmark-name{font-size:15px;font-weight:500;color:var(--text);margin-bottom:5px;font-family:var(--font-serif)}.benchmark-desc{font-size:13.5px;color:var(--text-muted);line-height:1.65}.team-section{margin-bottom:48px}.pi-card{display:flex;gap:28px;padding:24px;background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start}.pi-photo-wrap,.member-photo-wrap{flex-shrink:0}.pi-info{flex:1}.member-photo{width:90px;height:90px;border-radius:50%;object-fit:cover;border:1px solid var(--border);display:block}.member-photo-placeholder{width:90px;height:90px;border-radius:50%;background:var(--accent-light);color:var(--accent);font-size:28px;font-family:var(--font-serif);display:flex;align-items:center;justify-content:center;font-weight:400}.member-name{font-family:var(--font-serif);font-size:18px;font-weight:400;color:var(--text);margin-bottom:3px}.member-role{font-size:13.5px;color:var(--accent);font-weight:500;display:block;margin-bottom:10px}.member-year{font-size:12.5px;color:var(--text-light);display:block;margin-bottom:8px}.pi-contact-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13.5px;color:var(--text-muted);margin-bottom:12px}.pi-sep{color:var(--text-light)}.pi-degrees{list-style:none;padding:0;margin:0 0 14px}.pi-degree{font-size:14px;color:var(--text);line-height:1.6}.member-bio{font-size:14px;color:var(--text-muted);line-height:1.7;margin-bottom:12px}.member-interests{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.member-links{display:flex;gap:12px;flex-wrap:wrap}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.member-card{border:1px solid var(--border);border-radius:var(--radius);padding:20px;background:var(--bg);display:flex;flex-direction:column;gap:14px}.member-card-info{display:flex;flex-direction:column;gap:2px}.alumni-list{display:flex;flex-direction:column;gap:0}.alumni-entry{display:flex;gap:24px;padding:12px 0;border-bottom:1px solid var(--border-light);align-items:baseline;flex-wrap:wrap}.alumni-entry:first-child{border-top:1px solid var(--border-light)}.alumni-left{min-width:180px;display:flex;flex-direction:column;gap:2px}.alumni-name{font-size:14.5px;font-weight:500;color:var(--text);font-family:var(--font-serif)}.alumni-role{font-size:12.5px;color:var(--text-light)}.alumni-right{flex:1;display:flex;flex-direction:column;gap:2px}.alumni-thesis{font-size:13.5px;color:var(--text-muted);font-style:italic}.alumni-now{font-size:13px;color:var(--ongoing)}.footer{background:var(--bg-alt);border-top:1px solid var(--border);padding:40px 0 0;margin-top:auto}.footer-inner{max-width:var(--max-w);margin:0 auto;padding:0 28px 32px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-col{display:flex;flex-direction:column;gap:5px}.footer-lab-name{font-family:var(--font-serif);font-size:16px;font-weight:600;color:var(--text);margin-bottom:2px}.footer-lab-full{font-size:13px;color:var(--text-muted);line-height:1.5}.footer-dept,.footer-uni{font-size:12.5px;color:var(--text-light)}.footer-section-label{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-light);margin-bottom:6px}.footer-link{font-size:13px;color:var(--accent);text-decoration:none}.footer-link:hover{text-decoration:underline}.footer-address{font-size:12.5px;color:var(--text-light)}.footer-nav-btn{font-size:13px;color:var(--text-muted);text-align:left;padding:0;font-family:var(--font-sans)}.footer-nav-btn:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--border);padding:14px 28px;max-width:var(--max-w);margin:0 auto;font-size:12px;color:var(--text-light)}.teaser-scroller{display:flex;gap:16px;margin:18px 0 22px;padding-bottom:6px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}.teaser-scroller:active{cursor:grabbing}.teaser-scroller::-webkit-scrollbar{height:8px}.teaser-scroller::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.teaser-scroller::-webkit-scrollbar-track{background:transparent}.teaser-card{scroll-snap-align:start;flex:0 0 auto;width:240px;text-align:left;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:0;overflow:hidden;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.teaser-card:hover{border-color:var(--accent);box-shadow:0 4px 14px #00000014;transform:translateY(-2px)}.teaser-image-wrap{width:100%;height:130px;background:var(--bg-alt);overflow:hidden}.teaser-image{width:100%;height:100%;object-fit:cover;display:block}.teaser-body{padding:12px 14px 14px}.teaser-tag{display:inline-block;font-size:11px;color:var(--accent);background:var(--bg-alt);border:1px solid var(--border-light);border-radius:var(--radius);padding:2px 8px;margin-bottom:8px}.teaser-title{font-family:var(--font-serif);font-size:15px;font-weight:400;line-height:1.4;color:var(--text);margin:0}@media (max-width: 700px){:root{--navbar-h: 56px}.navbar-inner,.container{padding:0 16px}.navbar-nav{gap:0}.nav-link{padding:5px 8px;font-size:13px}.brand-sub{display:none}.home-hero{padding:36px 0 32px}.home-title{font-size:22px}.project-card-main{flex-direction:column}.project-image-wrap{width:100%;height:220px}.pi-card{flex-direction:column}.members-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;gap:24px}.pub-entry{flex-direction:column;gap:8px}.benchmark-entry{flex-direction:column}.alumni-entry{flex-direction:column;gap:4px}.alumni-left{min-width:unset}.teaser-card{width:200px}.teaser-image-wrap{height:110px}}