:root{--background:#0a0a0a;--foreground:#ededed;--primary:#3b82f6;--primary-hover:#2563eb;--secondary:#ec4899;--accent:#8b5cf6;--surface:#171717;--surface-hover:#262626;--border:#333;--text-muted:#a3a3a3;--font-sans:"Outfit",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:4rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:1rem}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);max-width:100vw;color:var(--foreground);font-family:var(--font-sans);line-height:1.5;overflow-x:hidden}.leading-tight{line-height:1.25}.leading-none{line-height:1}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--primary)}.container{max-width:1320px;padding:0 var(--spacing-sm);margin:0 auto}.section{padding:var(--spacing-lg)0}.title{margin-bottom:var(--spacing-md);background:linear-gradient(90deg,#fff,#a3a3a3);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2rem;font-weight:700}.subtitle{color:var(--text-muted);margin-bottom:var(--spacing-lg);max-width:600px;font-size:1.25rem}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:transform .2s,border-color .2s}.card:hover{border-color:var(--primary);transform:translateY(-4px)}.teaching-panel-card{transition:all .25s;border-color:#0000!important}.teaching-panel-card:hover{transform:translateY(-2px);background-color:var(--surface-hover)!important;border-color:#ffffff26!important}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:inline-block}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-outline{border:1px solid var(--border);color:var(--foreground);background-color:#0000}.btn-outline:hover{border-color:var(--foreground);background-color:var(--surface)}.grid{gap:var(--spacing-lg);display:grid}.grid-cols-1,.grid-cols-2{grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.grid-cols-2{grid-template-columns:repeat(2,1fr)}}.grid-cols-3{grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.grid-cols-3{grid-template-columns:repeat(3,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-5{gap:1.25rem}.gap-lg{gap:var(--spacing-lg)}.gap-10{gap:2.5rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-muted{color:var(--text-muted)}.font-bold{font-weight:700}.w-full{width:100%}@media (min-width:768px){.md-w-1-4{width:25%}.md-w-1-2{width:50%}.md-w-3-4{width:75%}.md-flex-row{flex-direction:row}.md-pl-4{padding-left:1rem}}.experience-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:4rem;width:100%;margin-top:2rem;display:flex}.experience-button{cursor:default;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:260px;height:82px;padding:.5rem 1rem;transition:all .3s;display:flex}.experience-button:hover{border-color:var(--primary);background-color:#ffffff1a;transform:translateY(-2px)}.experience-separator{display:none}.experience-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.4rem;font-size:.8rem;font-weight:600;line-height:1}.p-2{padding:.5rem}.p-3{padding:.75rem}.rounded-md{border-radius:var(--radius-md)}.rounded-full{border-radius:9999px}.border-b{border-bottom:1px solid var(--border)}.border-border{border-color:var(--border)}.last-border-0:last-child{border-bottom:none}.transition-all{transition:all .2s}.hover-bg-surface:hover{background-color:var(--surface-hover)!important}.bg-surface{background-color:var(--surface)}.work-experience-section{width:100%}.timeline-lines-container{width:100%;margin:1.5rem 0 2rem;padding:.5rem 0;position:relative}.timeline-lines-axis{width:100%;height:24px;margin-bottom:.5rem;position:relative}.axis-mark{color:var(--text-muted);letter-spacing:.04em;-webkit-user-select:none;user-select:none;font-size:.78rem;font-weight:600;position:absolute;top:0;transform:translate(-50%)}.axis-mark:first-child{transform:translate(0)}.axis-mark:last-child{transform:translate(-100%)}.timeline-tracks-wrapper{flex-direction:column;gap:.75rem;width:100%;display:flex;position:relative}.timeline-grid-guideline{pointer-events:none;z-index:1;background:#ffffff12;width:1px;position:absolute;top:-24px;bottom:0}.timeline-track-row{z-index:2;width:100%;height:98px;position:relative}.timeline-tenure-item{cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;border-radius:var(--radius-sm);background:0 0;border:none;outline:none;flex-direction:column;justify-content:space-between;padding:.35rem .6rem;transition:all .2s;display:flex;position:absolute;top:0;bottom:0}.timeline-tenure-item:hover{background:#ffffff05}.tenure-header{align-items:center;gap:1.2rem;transition:transform .2s;display:flex}.tenure-logo{opacity:.85;flex-shrink:0;align-items:center;transition:opacity .2s,transform .2s;display:flex}.tenure-text{white-space:nowrap;text-overflow:ellipsis;flex-direction:column;justify-content:center;gap:.18rem;display:flex;overflow:hidden}.tenure-role-line{align-items:center;gap:.45rem;display:flex}.tenure-role-period{color:#fff;font-size:.88rem;font-weight:600;line-height:1.25;transition:all .2s}.tenure-action-chip{color:#fff;opacity:0;pointer-events:none;background:#3b82f640;border:1px solid #3b82f699;border-radius:9999px;flex-shrink:0;align-items:center;gap:.35rem;padding:.15rem .5rem;font-size:.74rem;font-weight:600;line-height:1;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;transform:translate(-4px)}.timeline-tenure-item:hover .tenure-action-chip,.timeline-tenure-item.is-active .tenure-action-chip{opacity:1;transform:translate(0);box-shadow:0 0 10px #3b82f659}.tenure-keywords{color:#858585;letter-spacing:.01em;font-size:.75rem;font-weight:500;line-height:1.2;transition:all .2s}.tenure-line-track{align-items:center;width:100%;height:20px;display:flex;position:relative}.tenure-line{background:#fff3;border-radius:9999px;width:100%;height:4px;transition:all .25s cubic-bezier(.4,0,.2,1)}.tenure-dot{background:#a3a3a3;border-radius:50%;width:8px;height:8px;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute}.start-dot{left:0}.end-dot{right:0}.end-dot.is-present{border-radius:2px}.timeline-tenure-item:hover .tenure-role-period,.timeline-tenure-item.is-active .tenure-role-period{color:var(--foreground);font-weight:700}.timeline-tenure-item:hover .tenure-keywords,.timeline-tenure-item.is-active .tenure-keywords{color:#cbd5e1}.timeline-tenure-item:hover .tenure-logo,.timeline-tenure-item.is-active .tenure-logo{opacity:1;transform:scale(1.04)}.timeline-tenure-item:hover .tenure-line,.timeline-tenure-item.is-active .tenure-line{background:var(--primary);height:9px;box-shadow:0 0 14px #3b82f680}.timeline-tenure-item:hover .tenure-dot,.timeline-tenure-item.is-active .tenure-dot{border:2px solid var(--primary);background:#fff;width:13px;height:13px;box-shadow:0 0 8px #3b82f699}.timeline-details-fixed-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;justify-content:flex-start;min-height:240px;padding:1.5rem 1.75rem;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 4px 20px #00000040}.timeline-details-fixed-card:hover{border-color:#3b82f680}.timeline-details-header{border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:1rem}.timeline-detail-logo-box{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:110px;height:48px;padding:.2rem .5rem;display:flex}.timeline-detail-role-title{color:var(--foreground);font-size:1.2rem;font-weight:700;line-height:1.2}.timeline-detail-company-line{align-items:center;gap:.4rem;margin-top:.25rem;display:flex}.timeline-details-body{flex:1}.timeline-detail-bullets{flex-direction:column;gap:.55rem;list-style:none;display:flex}.timeline-detail-bullet-item{color:var(--text-muted);align-items:flex-start;gap:.65rem;font-size:.92rem;line-height:1.45;display:flex}.bullet-indicator{background-color:var(--primary);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:.45rem}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:9999px;align-items:center;padding:.2rem .55rem;font-size:.7rem;font-weight:600;display:inline-flex}.badge-part-time{color:#93c5fd;background-color:#3b82f626;border:1px solid #3b82f64d}.badge-current{color:#86efac;background-color:#22c55e26;border:1px solid #22c55e4d}@media (max-width:640px){.timeline-lines-axis,.timeline-grid-guideline{display:none}.timeline-track-row{flex-direction:column;gap:.75rem;height:auto;display:flex}.timeline-tenure-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.5rem;width:100%!important;position:relative!important;left:0!important}.timeline-details-fixed-card{min-height:auto;padding:1rem}.timeline-detail-role-title{font-size:1rem}.timeline-detail-logo-box{width:80px;height:40px}}.nav-link-item{flex-direction:column;align-items:center;padding:.25rem .2rem;transition:color .2s;display:flex;position:relative}.nav-link-item.active{color:#fff;font-weight:600}.nav-active-dot{background-color:var(--primary);border-radius:50%;width:5px;height:5px;position:absolute;bottom:-8px;box-shadow:0 0 8px #3b82f6e6}.hero-section-wrapper{text-align:center;padding-top:1rem;padding-bottom:1rem;position:relative;overflow:hidden}.hero-ambient-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#3b82f629 0%,#3b82f60a 45%,#0a0a0a00 70%);width:480px;height:380px;position:absolute;top:5%;left:50%;transform:translate(-50%)}.hero-layout-container{z-index:1;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.hero-main-column{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:680px;margin:0 auto;display:flex}.hero-side-impact{width:100%;max-width:480px;margin-top:1.5rem}@media (min-width:1120px){.hero-side-impact{z-index:2;width:290px;margin-top:0;position:absolute;top:50%;right:0;transform:translateY(-50%)}}.hero-headshot-container{z-index:1;border:3px solid #3b82f673;border-radius:50%;width:210px;height:210px;margin:0 auto 1.15rem;position:relative;overflow:hidden;box-shadow:0 0 35px #3b82f64d}.hero-name-title{color:#fff;z-index:1;margin-bottom:.35rem;font-size:3.25rem;font-weight:800;line-height:1.15;position:relative}.hero-role-badge{color:#60a5fa;text-transform:uppercase;letter-spacing:.16em;z-index:1;margin-bottom:.65rem;font-size:.92rem;font-weight:700;position:relative}.hero-tagline{color:#d1d5db;z-index:1;max-width:620px;margin:0 auto 1.25rem;font-size:1.05rem;line-height:1.5;position:relative}.application-areas-bar{border:1px solid var(--border);z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border-radius:9999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;margin:0 auto .5rem;padding:.35rem .85rem;display:inline-flex;position:relative}.application-area-item-wrapper{align-items:center;display:flex}.application-area-divider{background:var(--border);width:1px;height:16px;margin:0 .5rem}.application-area-pill{color:#ededed;border-radius:9999px;align-items:center;gap:.45rem;padding:.35rem .75rem;font-size:.88rem;font-weight:500;transition:all .2s;display:flex}.application-area-pill:hover{color:#93c5fd;background:#ffffff14;transform:translateY(-1px)}.app-icon{justify-content:center;align-items:center;display:flex}.app-name{line-height:1}.hero-horizon-glow{background:linear-gradient(90deg,#0000,#3b82f680,#0000);width:60%;height:1px;margin:1.15rem auto 0;box-shadow:0 0 15px #3b82f666}.btn-action-icon{background-color:var(--background);border:1px solid var(--border);color:var(--foreground);border-radius:var(--radius-md);align-items:center;gap:.55rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-action-icon svg{color:#60a5fa;flex-shrink:0;transition:transform .2s,filter .2s}.btn-action-icon:hover{border-color:var(--primary);background-color:var(--surface-hover);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.btn-action-icon:hover svg{filter:drop-shadow(0 0 6px #60a5fa99);transform:scale(1.08)}.selected-impact-card{background:var(--background);border-radius:var(--radius-lg);border:1px solid #3b82f659;padding:1.25rem 1.75rem;position:relative;overflow:hidden;box-shadow:0 0 30px #3b82f614,inset 0 1px #3b82f640}.selected-impact-title{color:var(--foreground);margin-bottom:1rem;font-size:1.25rem;font-weight:700;line-height:1.2}.selected-impact-grid{grid-template-columns:repeat(1,1fr);gap:1.5rem;display:grid}@media (min-width:768px){.selected-impact-grid{grid-template-columns:repeat(3,1fr)}}.impact-item{align-items:flex-start;gap:1rem;display:flex}.impact-icon-box{border-radius:var(--radius-md);background:#3b82f61a;border:1px solid #3b82f64d;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 0 14px #3b82f626}.impact-item-content{flex-direction:column;display:flex}.impact-stat-line{align-items:baseline;gap:.4rem;margin-bottom:.25rem;display:flex}.impact-stat-value{color:#3b82f6;font-size:1.85rem;font-weight:800;line-height:1}.impact-stat-unit{color:var(--foreground);font-size:.95rem;font-weight:700}.impact-stat-desc{color:var(--text-muted);font-size:.82rem;line-height:1.35}.selected-impact-card.vertical-layout{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111111b3;padding:1.2rem 1.35rem}.selected-impact-card.vertical-layout .selected-impact-title{margin-bottom:.95rem;font-size:1.25rem;font-weight:700}.vertical-grid{flex-direction:column;gap:.95rem;display:flex}.selected-impact-card.vertical-layout .impact-item{align-items:center;gap:.9rem}.selected-impact-card.vertical-layout .impact-icon-box{width:52px;height:52px}.selected-impact-card.vertical-layout .impact-stat-value{font-size:1.6rem;font-weight:800}.selected-impact-card.vertical-layout .impact-stat-unit{font-size:.92rem;font-weight:700}.selected-impact-card.vertical-layout .impact-stat-desc{font-size:.82rem;line-height:1.35}.selected-research-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.research-card-compact{border:1px solid var(--border);background:var(--surface);border-radius:.65rem;flex-direction:column;padding:1.05rem 1.15rem;transition:border-color .18s,background-color .18s,transform .18s,box-shadow .18s;display:flex}.research-card-compact:hover,.research-card-compact:focus-within{background:#60a5fa06;border-color:#60a5fa66;box-shadow:0 4px 20px #0000001f}.research-card-impact{background:linear-gradient(135deg,#60a5fa0b 0%,var(--surface)42%);border-color:#60a5fa3d}.research-title-row{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.research-title{color:#fff;margin:0;font-size:1.08rem;font-weight:700;line-height:1.3}.research-year{color:#60a5fa;flex-shrink:0;font-size:.78rem;font-weight:700}.research-meta{flex-wrap:wrap;align-items:baseline;gap:.35rem;margin-top:.15rem;font-size:.78rem;line-height:1.35;display:flex}.research-subtitle{color:#fff;font-weight:600}.research-meta-divider{color:var(--text-muted);opacity:.45}.research-venue{color:var(--text-muted);font-weight:500}.research-description{-webkit-line-clamp:1;max-height:1.45rem;color:var(--text-muted);-webkit-box-orient:vertical;margin:.55rem 0 .7rem;font-size:.84rem;line-height:1.55;transition:max-height .22s;display:-webkit-box;overflow:hidden}.research-card-compact:hover .research-description,.research-card-compact:focus-within .research-description{max-height:8rem;display:block}.research-footer{justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;display:flex}.research-tags{flex-wrap:wrap;gap:.3rem;display:flex}.research-tag{color:#60a5fa;white-space:nowrap;background:#60a5fa12;border:1px solid #60a5fa24;border-radius:999px;padding:.18rem .48rem;font-size:.67rem;font-weight:500}.research-links{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;display:flex}.research-link{color:#fff;white-space:nowrap;text-decoration:none}.research-link:hover{text-decoration:underline}.research-link-divider{color:var(--text-muted);opacity:.45}.research-group-heading{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.7rem;display:flex}.research-group-title{color:var(--primary);margin:0;font-size:1.05rem;font-weight:700}.research-group-note{color:var(--text-muted);margin:0;font-size:.78rem}@media (max-width:760px){.selected-research-grid{grid-template-columns:1fr}.research-footer{flex-direction:column;align-items:flex-start}.research-links{justify-content:flex-start}.research-group-heading{flex-direction:column;gap:.2rem}}@media (hover:none){.research-description{-webkit-line-clamp:2;max-height:2.8rem}}