:root{--color-bg:#fff;--color-text:#111;--color-text-soft:#333;--color-muted:#6b6b6b;--color-accent:#1a1aff;--color-surface:#f5f5f5;--color-surface-alt:#f9f9f9;--color-chip-muted:#f0f0f0;--color-border:#e5e5e5;--color-success:#22c55e;--font-sans:"Inter", sans-serif;--radius:8px;--radius-lg:14px;--text:var(--color-muted);--text-h:var(--color-text);--bg:var(--color-bg);--border:var(--color-border);--code-bg:#f2f2f2;--accent:var(--color-accent);--accent-bg:#1a1aff1a;--accent-border:#1a1aff59;--social-bg:#efeff5;--shadow:#11111114 0 10px 15px -3px, #1111110a 0 4px 6px -2px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--color-bg:#0f1115;--color-text:#f3f4f6;--color-text-soft:#d6d9df;--color-muted:#a1a1aa;--color-accent:#6b7cff;--color-surface:#1a1d24;--color-surface-alt:#151922;--color-chip-muted:#242a35;--color-border:#2a2f3a;--color-success:#4ade80;--text:var(--color-muted);--text-h:var(--color-text);--bg:var(--color-bg);--border:var(--color-border);--code-bg:#1a1d24;--accent:var(--color-accent);--accent-bg:#6b7cff24;--accent-border:#6b7cff73;--social-bg:#1d212a;--shadow:#00000059 0 10px 15px -3px, #00000038 0 4px 6px -2px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=light]{--color-bg:#fff;--color-text:#111;--color-text-soft:#333;--color-muted:#6b6b6b;--color-accent:#1a1aff;--color-surface:#f5f5f5;--color-surface-alt:#f9f9f9;--color-chip-muted:#f0f0f0;--color-border:#e5e5e5;--color-success:#22c55e;--text:var(--color-muted);--text-h:var(--color-text);--bg:var(--color-bg);--border:var(--color-border);--code-bg:#f2f2f2;--accent:var(--color-accent);--accent-bg:#1a1aff1a;--accent-border:#1a1aff59;--social-bg:#efeff5;--shadow:#11111114 0 10px 15px -3px, #1111110a 0 4px 6px -2px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--color-bg:#0f1115;--color-text:#f3f4f6;--color-text-soft:#d6d9df;--color-muted:#a1a1aa;--color-accent:#6b7cff;--color-surface:#1a1d24;--color-surface-alt:#151922;--color-chip-muted:#242a35;--color-border:#2a2f3a;--color-success:#4ade80;--text:var(--color-muted);--text-h:var(--color-text);--bg:var(--color-bg);--border:var(--color-border);--code-bg:#1a1d24;--accent:var(--color-accent);--accent-bg:#6b7cff24;--accent-border:#6b7cff73;--social-bg:#1d212a;--shadow:#00000059 0 10px 15px -3px, #00000038 0 4px 6px -2px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);transition:background-color .2s,color .2s;overflow-x:hidden}a,button,input,textarea,select{font:inherit}.app-main{max-width:1100px;margin:0 auto;padding:0 24px}.navbar{z-index:1000;background:var(--color-bg);width:100%;box-shadow:none;transition:border-color .2s,background-color .2s;position:sticky;top:0;overflow-x:clip}.navbar--scrolled{border-bottom:.5px solid var(--color-border)}.navbar--top{border-bottom:.5px solid #0000}.navbar__inner{justify-content:space-between;align-items:center;gap:16px;width:min(1100px,100%);min-height:64px;margin:0 auto;padding:0 24px;display:flex}.navbar__logo{color:var(--color-text);letter-spacing:.02em;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:14px;font-weight:400;text-decoration:none;transition:color .2s}.navbar__logo:hover{color:var(--color-accent)}.navbar__toggle,.navbar__theme-button{color:var(--color-text);cursor:pointer;background:0 0;border:0}.navbar__toggle{min-width:44px;min-height:44px;padding:10px;line-height:0;display:none}.navbar__links{align-items:center;gap:20px;display:flex}.navbar__link,.navbar__theme-button{color:var(--color-text);font-size:14px;font-weight:400;text-decoration:none;transition:color .2s,background-color .2s,border-color .2s}.navbar__link:hover,.navbar__theme-button:hover{color:var(--color-accent)}.navbar__link--active{font-weight:700}.navbar__theme-button{align-items:center;gap:8px;min-height:44px;padding:0 6px;display:inline-flex}.navbar__theme-icon{line-height:0;display:inline-flex}@media (width<=639px){.navbar__inner{min-height:58px}.navbar__toggle{justify-content:center;align-items:center;display:inline-flex}.navbar__links{background:var(--color-bg);border-bottom:.5px solid var(--color-border);opacity:0;pointer-events:none;flex-direction:column;align-items:flex-start;gap:8px;max-height:0;padding:0 24px;transition:max-height .25s,opacity .2s,transform .2s,padding .2s,background-color .2s,border-color .2s;position:absolute;top:100%;left:0;right:0;overflow:hidden;transform:translateY(-8px)}.navbar__links--open{opacity:1;pointer-events:auto;max-height:360px;padding:12px 24px 16px;transform:translateY(0)}.navbar__link,.navbar__theme-button{width:100%;min-height:44px;padding:10px 0}.navbar__logo{align-items:center;min-height:44px;display:inline-flex}}.footer{text-align:center;color:var(--color-muted);gap:4px;padding:24px 0 40px;font-size:12px;display:grid}.footer__line{margin:0}.scroll-progress{z-index:1200;pointer-events:none;background:#1111110f;width:100%;height:3px;position:fixed;top:0;left:0}.scroll-progress__bar{transform-origin:0;background:linear-gradient(90deg,#2563eb 0%,#0ea5e9 100%);width:100%;height:100%;transition:transform 80ms linear;transform:scaleX(0)}.back-to-top{border:1px solid var(--color-border);background:var(--color-bg);width:40px;height:40px;color:var(--color-text);box-shadow:var(--shadow);cursor:pointer;opacity:0;pointer-events:none;z-index:1050;border-radius:999px;justify-content:center;align-items:center;transition:opacity .2s,transform .2s,background-color .2s,border-color .2s,color .2s;display:inline-flex;position:fixed;bottom:24px;right:24px;transform:translateY(10px)}.back-to-top--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{color:var(--color-accent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .scroll-progress{background:#ffffff14}:root:not([data-theme=light]) .scroll-progress__bar{background:linear-gradient(90deg,#60a5fa 0%,#22d3ee 100%)}:root:not([data-theme=light]) .back-to-top{background:var(--color-surface)}}:root[data-theme=dark] .scroll-progress{background:#ffffff14}:root[data-theme=dark] .scroll-progress__bar{background:linear-gradient(90deg,#60a5fa 0%,#22d3ee 100%)}:root[data-theme=dark] .back-to-top{background:var(--color-surface)}@media (width<=639px){.back-to-top{bottom:16px;right:16px}}.badge{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:6px 10px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.badge--default{background:var(--color-chip-muted);color:var(--color-text)}.badge--academic{color:#2563eb;background:#2563eb1f}.badge--software{color:#f97316;background:#f973161f}.badge--creative{color:#8b5cf6;background:#8b5cf61f}.badge--expert{color:#15803d;background:#16a34a1f}.badge--proficient{color:var(--color-text);background:#0f172a14}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .badge--proficient,:root[data-theme=dark] .badge--proficient{background:#ffffff14}}.card{background:#fff;border:.5px solid #e5e5e5;border-radius:12px;min-width:0;max-width:100%}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .card,:root[data-theme=dark] .card{background:var(--color-surface);border-color:var(--color-border)}}.filter-tabs{flex-wrap:wrap;gap:18px;display:flex}.filter-tabs__button{min-height:44px;color:var(--color-muted);font:inherit;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 2px;transition:color .2s,border-color .2s}.filter-tabs__button:hover{color:var(--color-text)}.filter-tabs__button--active{color:var(--color-text);border-bottom-color:var(--color-text)}@media (width<=639px){.filter-tabs{gap:14px}.filter-tabs__button{min-height:44px}}.section-heading{flex-direction:column;gap:6px;display:flex}.section-heading--center{text-align:center;align-items:center}.section-heading--left{text-align:left;align-items:flex-start}.section-heading__label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);font-size:11px;font-weight:600}.section-heading__title{color:var(--color-text);margin:0;font-size:24px;font-weight:500;line-height:1.2}@media (width<=639px){.section-heading__title{font-size:20px}}.academic-section{border-bottom:1px solid var(--color-border);padding:100px 0;overflow-x:clip}.academic-header{margin-bottom:36px}.academic-header .section-heading{gap:12px}.academic-subsection{border-top:.5px solid var(--color-border);padding:32px 0}.academic-subsection:first-of-type{border-top:none;padding-top:0}.academic-subtitle{color:var(--color-text);margin-bottom:20px;font-size:20px;font-weight:500}.academic-courses-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.academic-courses-grid>*,.academic-publications-list>*{min-width:0}.academic-course-card,.academic-publication-card{padding:18px}.academic-course-meta{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.academic-course-title,.academic-education-degree,.academic-publication-title{color:var(--color-text);font-size:15px;font-weight:500}.academic-course-term,.academic-publication-meta,.academic-education-meta,.academic-roles-table{color:var(--color-muted);font-size:12px}.academic-course-term{margin-bottom:10px}.academic-course-description,.academic-publication-authors,.academic-roles-heading{color:var(--color-text-soft);line-height:1.7}.academic-roles-heading{margin-bottom:12px;font-size:13px;font-weight:500}.academic-roles-table-wrap{border:1px solid var(--color-border);border-radius:var(--radius);overflow-x:auto}.academic-roles-table{border-collapse:collapse;background:var(--color-bg);width:100%}.academic-roles-table th,.academic-roles-table td{text-align:left;border-bottom:.5px solid var(--color-border);padding:12px 14px}.academic-roles-table th{color:var(--color-text);background:color-mix(in srgb, var(--color-surface) 70%, transparent);font-weight:500}.academic-roles-table tbody tr:last-child td{border-bottom:none}.academic-education-list,.academic-publications-list{gap:14px;display:grid}.academic-education-item{border-bottom:.5px solid var(--color-border);padding-bottom:14px}.academic-education-item:last-child{border-bottom:none;padding-bottom:0}.academic-education-meta{margin-top:4px}.academic-education-thesis{color:var(--color-muted);margin-top:8px;font-style:italic}.academic-filter-row{margin-bottom:20px}.academic-publication-meta{margin-top:6px}.academic-publication-authors{margin-top:10px}.academic-doi-link{min-height:44px;color:var(--color-accent);align-items:center;gap:6px;margin-top:12px;font-size:13px;text-decoration:none;display:inline-flex}.academic-doi-link:hover{text-decoration:underline}@media (width<=639px){.academic-section{padding:60px 0}.academic-courses-grid{grid-template-columns:1fr}.academic-course-meta{flex-direction:column;align-items:flex-start}}.about-section{border-bottom:1px solid var(--color-border);padding:100px 0;overflow-x:clip}.about-heading-wrap{margin-bottom:14px}.about-grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:40px;display:grid}.about-grid>*,.about-stats-grid>*{min-width:0}.about-copy{flex-direction:column;gap:22px;display:flex}.about-bio{color:var(--color-text-soft);max-width:62ch;font-size:17px;line-height:1.8}.about-socials{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.about-social-link{min-height:44px;color:var(--color-muted);align-items:center;gap:8px;font-size:13px;text-decoration:none;transition:color .2s;display:inline-flex}.about-social-link:hover{color:var(--color-text)}.about-rg-badge{background:var(--color-text);min-width:16px;height:16px;color:var(--color-bg);border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:9px;font-weight:600;line-height:1;display:inline-flex}.about-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.about-stat-chip{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:110px;padding:16px;display:flex}.about-stat-value{color:var(--color-text);font-size:24px;font-weight:500;line-height:1}.about-stat-label{color:var(--color-muted);font-size:13px}@media (width<=639px){.about-section{padding:60px 0}.about-grid,.about-stats-grid{grid-template-columns:1fr}}.activities-section{border-bottom:1px solid var(--color-border);padding:100px 0}.activities-header{margin-bottom:32px}.activities-header .section-heading{margin-bottom:18px}.activities-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.activities-stat{border:1px solid var(--color-border);background:var(--color-surface-soft,#fafafa);border-radius:10px;justify-content:space-between;align-items:baseline;gap:8px;padding:9px 10px;display:flex}.activities-stat__label{color:var(--color-muted);font-size:12px}.activities-stat__value{color:var(--color-text);font-size:16px;font-weight:600;line-height:1}.activities-filter-row{display:flex}.activities-container{flex-direction:column;gap:48px;display:flex}.activity-category{flex-direction:column;gap:16px;display:flex}.activity-category__title{color:var(--color-text);border-bottom:2px solid var(--color-border);margin:0;padding:0 0 8px;font-size:16px;font-weight:600}.activity-table-wrap{border:1px solid var(--color-border);border-radius:12px;width:100%;overflow-x:auto}.activity-mobile-list{display:none}.activity-table{border-collapse:collapse;width:100%;min-width:820px}.activity-table th,.activity-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--color-border);padding:10px 12px}.activity-table th{color:var(--color-muted);letter-spacing:.02em;text-transform:uppercase;background:var(--color-surface-soft,#fafafa);font-size:12px;font-weight:600}.activity-table tbody tr:last-child td{border-bottom:none}.activity-cell-title{color:var(--color-text);margin-bottom:6px;font-size:14px;font-weight:500;line-height:1.45}.activity-table .badge{letter-spacing:.02em;min-height:22px;padding:4px 8px;font-size:11px}.activity-cell-org{color:var(--color-muted);font-size:13px;line-height:1.45}.activity-cell-meta-primary{color:var(--color-text);font-size:13px;font-weight:500;line-height:1.35}.activity-cell-meta-secondary{color:var(--color-muted);margin-top:3px;font-size:12px;line-height:1.35}.activity-cell-summary{color:#444;font-size:13px;line-height:1.55}.activity-item__link{color:#2563eb;align-items:center;font-size:12px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.activity-item__link:hover{color:#1d4ed8;text-decoration:underline}.activity-cell-empty{color:var(--color-muted);font-size:12px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .activity-cell-summary,:root[data-theme=dark] .activity-cell-summary{color:var(--color-text-soft)}:root:not([data-theme=light]) .activity-table th,:root[data-theme=dark] .activity-table th{background:var(--color-surface)}:root:not([data-theme=light]) .activity-item__link,:root[data-theme=dark] .activity-item__link{color:#3b82f6}:root:not([data-theme=light]) .activity-item__link:hover,:root[data-theme=dark] .activity-item__link:hover{color:#60a5fa}}@media (width<=639px){.activities-section{padding:60px 0}.activities-container{gap:28px}.activities-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.activities-stat{padding:8px 9px}.activities-stat__value{font-size:15px}.activity-table-wrap{display:none}.activity-mobile-list{flex-direction:column;gap:10px;display:flex}.activity-mobile-card{border:1px solid var(--color-border);background:#fff;border-radius:12px;flex-direction:column;gap:5px;padding:12px;display:flex}.activity-mobile-card__head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.activity-mobile-card__title{color:var(--color-text);margin:0;font-size:14px;font-weight:500;line-height:1.4}.activity-mobile-card__org{color:var(--color-muted);margin:0;font-size:13px}.activity-mobile-card__meta{color:var(--color-muted);margin:0;font-size:12px;line-height:1.35}.activity-mobile-card__summary{color:#444;margin:2px 0 0;font-size:13px;line-height:1.5}.activity-mobile-card .badge{min-height:20px;padding:4px 7px;font-size:10px}.activity-mobile-card .activity-item__link{margin-top:4px}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .activities-stat,:root[data-theme=dark] .activities-stat,:root:not([data-theme=light]) .activity-mobile-card,:root[data-theme=dark] .activity-mobile-card{background:var(--color-surface)}:root:not([data-theme=light]) .activity-mobile-card__summary,:root[data-theme=dark] .activity-mobile-card__summary{color:var(--color-text-soft)}}.contact-section{padding:100px 0 60px;overflow-x:clip}.contact-grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:40px;display:grid}.contact-grid>*{min-width:0}.contact-copy{flex-direction:column;gap:18px;display:flex}.contact-heading{margin-bottom:2px}.contact-description{max-width:52ch;color:var(--color-text-soft);line-height:1.7}.contact-email-row,.contact-social-link{min-height:44px;color:var(--color-text);align-items:center;gap:10px;font-size:14px;text-decoration:none;display:inline-flex}.contact-email-row{margin-top:6px}.contact-socials{flex-wrap:wrap;gap:16px;display:flex}.contact-social-link{color:var(--color-muted);transition:color .2s}.contact-social-link:hover{color:var(--color-text)}.contact-rg-badge{background:var(--color-text);min-width:18px;height:18px;color:var(--color-bg);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:9px;font-weight:600;line-height:1;display:inline-flex}.contact-form{flex-direction:column;gap:14px;display:flex}.contact-field{flex-direction:column;gap:6px;display:flex}.contact-label{color:var(--color-muted);font-size:13px}.contact-input,.contact-select,.contact-textarea{background:var(--color-bg);width:100%;color:var(--color-text);border:.5px solid #ddd;border-radius:6px;padding:10px 14px;font-size:14px;transition:border-color .2s,background-color .2s,color .2s}.contact-input:focus,.contact-select:focus,.contact-textarea:focus{border-color:#111;outline:none}.contact-submit{color:#fff;cursor:pointer;background:#111;border:none;border-radius:8px;width:100%;min-height:44px;padding:12px;font-size:14px}.contact-submit:hover{opacity:.95}.contact-confirmation{color:var(--color-success);font-size:13px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .contact-input,:root:not([data-theme=light]) .contact-select,:root:not([data-theme=light]) .contact-textarea,:root[data-theme=dark] .contact-input,:root[data-theme=dark] .contact-select,:root[data-theme=dark] .contact-textarea{border-color:var(--color-border)}}@media (width<=639px){.contact-section{padding:60px 0}.contact-grid{grid-template-columns:1fr}}.hero-section{background:var(--color-bg);text-align:center;border-bottom:1px solid var(--color-border);justify-content:center;align-items:center;min-height:100vh;padding:0 16px;display:flex;overflow-x:clip}.hero-content{flex-direction:column;justify-content:center;align-items:center;gap:18px;width:100%;max-width:860px;display:flex}.hero-name{color:var(--color-text);font-size:56px;font-weight:500;line-height:1.05}.hero-tagline{color:var(--color-muted);font-size:18px}.hero-cta-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.hero-cta{min-height:44px;color:var(--color-text);border:.5px solid var(--color-text);cursor:pointer;background:0 0;border-radius:6px;padding:10px 20px;font-size:13px;font-weight:400;transition:background-color .2s,color .2s,border-color .2s}.hero-cta:hover{background:var(--color-text);color:var(--color-bg)}.hero-meta{color:var(--color-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:13px;display:inline-flex}.hero-badge{color:var(--color-success);align-items:center;gap:6px;font-weight:500;display:inline-flex}.hero-badge-dot{background:var(--color-success);border-radius:50%;width:8px;height:8px}@media (width>=640px) and (width<=1024px){.hero-cta-row{flex-wrap:nowrap}}@media (width<=639px){.hero-name{font-size:36px}}.projects-section{border-bottom:1px solid var(--color-border);padding:100px 0;overflow-x:clip}.projects-header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;display:flex}.projects-filter-row{align-items:center;display:flex}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.projects-grid>*{min-width:0}.projects-card{overflow:hidden}.projects-card__thumbnail{background:var(--color-surface);height:180px;color:var(--color-muted);justify-content:center;align-items:center;font-size:13px;display:flex}.projects-card__body{padding:18px 18px 16px}.projects-card__title{color:var(--color-text);font-size:16px;font-weight:500}.projects-card__description{color:var(--color-muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:8px;font-size:14px;display:-webkit-box;overflow:hidden}.projects-card__stack{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.projects-card__footer{align-items:center;gap:16px;margin-top:18px;display:flex}.projects-card__link{min-height:44px;color:var(--color-text);align-items:center;gap:6px;font-size:13px;text-decoration:none;transition:color .2s;display:inline-flex}.projects-card__link:hover{color:var(--color-accent)}@media (width<=639px){.projects-section{padding:60px 0}.projects-header{flex-direction:column;align-items:start}.projects-grid{grid-template-columns:1fr}}.stack-section{background:var(--color-surface-alt);width:100vw;margin-left:-50vw;padding:80px 0;position:relative;left:50%;overflow-x:clip}.stack-section__inner{width:min(1100px,100% - 48px);margin:0 auto}.stack-section__heading{margin-bottom:28px}.stack-section__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;display:grid}.stack-section__grid>*,.stack-column{min-width:0}.stack-column__label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);margin-bottom:18px;font-size:13px}.stack-column__list{flex-direction:column;gap:16px;display:flex}.stack-skill{flex-direction:column;gap:4px;display:flex}.stack-skill__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.stack-skill__name{color:var(--color-text);font-size:14px}.stack-skill__years{color:var(--color-muted);font-size:12px}@media (width>=640px) and (width<=1024px){.stack-section__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=639px){.stack-section{padding:60px 0}.stack-section__grid{grid-template-columns:1fr}.stack-skill__top{flex-direction:column;align-items:flex-start}}.timeline-section{border-bottom:1px solid var(--color-border);padding:100px 0;overflow-x:clip}.timeline-header{margin-bottom:28px}.timeline-header .section-heading{margin-bottom:18px}.timeline-filter-row{display:flex}.timeline-track{flex-direction:column;gap:20px;display:flex;position:relative}.timeline-track:before{content:"";background:var(--color-border);width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-entry{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid;position:relative}.timeline-entry>*{min-width:0}.timeline-entry--left>article{grid-column:1}.timeline-entry--right>article{grid-column:2}.timeline-entry__card{padding:20px;position:relative}.timeline-entry__connector{background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timeline-entry__connector--academic{border:1.5px solid #2563eb}.timeline-entry__connector--software{border:1.5px solid #f97316}.timeline-entry__top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.timeline-entry__role{color:var(--color-text);font-size:15px;font-weight:500}.timeline-entry__org{color:var(--color-muted);font-size:14px}.timeline-entry__date{color:var(--color-muted);align-items:center;gap:8px;margin-top:6px;font-size:13px;display:inline-flex}.timeline-entry__current-dot{background:var(--color-success);border-radius:50%;width:7px;height:7px}.timeline-entry__description{color:#444;margin-top:12px;font-size:14px;line-height:1.7}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .timeline-entry__connector,:root[data-theme=dark] .timeline-entry__connector{background:var(--color-bg)}:root:not([data-theme=light]) .timeline-entry__description,:root[data-theme=dark] .timeline-entry__description{color:var(--color-text-soft)}}@media (width<=639px){.timeline-section{padding:60px 0}.timeline-track:before{left:20px;transform:none}.timeline-entry{grid-template-columns:1fr;gap:0;padding-left:44px}.timeline-entry--left .timeline-entry__card,.timeline-entry--right .timeline-entry__card{grid-column:1}.timeline-entry__connector{left:20px;transform:translate(-50%,-50%)}.timeline-entry__top{flex-direction:column;align-items:flex-start}}
