body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter Tight,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{--bg-color:#181719;--bg-color-rgb:24, 23, 25;--fg-rgb:255, 255, 255;--card-bg:#201f22;--focus-color:#c4c3d0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--bg-color);color:rgb(var(--fg-rgb));scroll-behavior:smooth;box-sizing:border-box;overflow-x:hidden}html[data-theme=light]{--bg-color:#faf9f7;--bg-color-rgb:250, 249, 247;--fg-rgb:30, 29, 32;--card-bg:#fff;--tag-text:#29272c;--focus-color:#59536b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}p{font-weight:400;line-height:1.5}h1{font-weight:500}a{color:rgb(var(--fg-rgb));text-decoration:none}@media (prefers-reduced-motion:no-preference){html,body,a,.view-toggle,.project-year,.project-item,.experience-title,.section-divider,.timeline-bar,.timeline-bar-label,.timeline-bar-label strong,.timeline-axis,.timeline-months>div>span,.timeline-grid span,.timeline-hover-card,.timeline-detail-category,.timeline-detail .timeline-detail-title,.timeline-detail-subtitle,.timeline-detail-dates,.timeline-detail-body,.skill-tag,.timeline-bar:before,.timeline-bar:after,.timeline-months>div>span:after{transition:color .35s,background-color .35s,border-color .35s}}.app{overflow-anchor:none;flex-direction:column;justify-content:center;align-items:center;width:100vw;display:flex}.page{width:850px;margin-top:150px;margin-bottom:150px}h1,h2,h3,h4,h5,h6{margin:0}h1{font-size:14px;font-weight:500}p{opacity:.5;font-size:14px}.site-label{margin:0 0 100px;font-size:26px;font-weight:500}.rotating-word-wrapper{vertical-align:bottom;display:inline-block}.rotating-word{display:inline-block}.page-header-links{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.page-header-link{opacity:1;background-color:rgba(var(--fg-rgb), .1);color:rgb(var(--fg-rgb));border:.5px solid rgba(var(--fg-rgb), .068);border-radius:5px;justify-content:center;align-items:center;padding:6px 12px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.page-header-link:hover{background-color:rgba(var(--fg-rgb), .2)}.link-icon{vertical-align:middle;align-items:center;margin-left:6px;font-size:14px;display:inline-flex}.section-divider{background-color:rgb(var(--fg-rgb));opacity:.1;border:none;width:100%;height:1px;margin:50px 0}.experience-grid{grid-template-columns:1fr 1fr;gap:24px 48px;margin:32px 0;padding:0;list-style:none;display:grid}.experience-entry{display:contents}.experience-meta{flex-direction:column;display:flex}.experience-title{color:rgb(var(--fg-rgb));pointer-events:none;opacity:1;align-items:center;margin:0;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.experience-dates{opacity:.6;margin:0}.experience-description{opacity:.65;margin:0;padding:0}.experience-description>*{margin:0}.experience-list{margin:20px 0 0;padding:0;list-style:none}.project-year-group{margin-top:28px}.project-year{color:rgba(var(--fg-rgb), .45);text-align:left;font-size:12px;font-weight:400}.project-year-group .experience-list{margin-top:12px}.project-year-group .project-item:last-child{margin-bottom:0}.project-item{border:.5px solid rgba(var(--fg-rgb), .07);border-radius:5px;flex-direction:column;margin-bottom:16px;font-size:14px;display:flex}.project-header{cursor:pointer;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:0;padding:20px 24px;display:flex}.project-item:hover{background-color:rgba(var(--fg-rgb), .017)}.project-icon{color:rgb(var(--fg-rgb));margin-right:10px;font-size:14px;transition:transform .3s,color .35s;transform:rotate(0)}.project-icon.open{transform:rotate(135deg)}.project-info{flex-wrap:wrap;align-items:center;display:flex}.project-tags{flex-wrap:wrap;justify-content:flex-end;gap:4px;margin-left:auto;display:flex}.project-skills{flex-wrap:wrap;gap:4px;display:flex}.project-title{margin-right:10px;font-size:14px;font-weight:500}.project-details{opacity:0;max-width:95%;max-height:0;padding:0 24px 0 48px;transition:max-height .6s,opacity .6s .2s,padding .6s .1s;overflow:hidden}.project-details.open{opacity:1;max-height:500px;padding:14px 24px 22px 48px}.project-details>*{opacity:.7;margin:4px 0}.project-details>a:hover{opacity:1}.photo-carousel{width:100%;margin-top:20px;position:relative;overflow:hidden}.photo-carousel:before,.photo-carousel:after{content:"";z-index:2;pointer-events:none;width:60px;position:absolute;top:0;bottom:0}.photo-carousel:before{background:linear-gradient(to right, var(--bg-color), transparent);left:0}.photo-carousel:after{background:linear-gradient(to left, var(--bg-color), transparent);right:0}.photo-track{will-change:transform;gap:4px;width:max-content;animation:40s linear infinite photo-scroll;display:flex}@keyframes photo-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.photo-track{animation:40s linear infinite photo-scroll!important}}.photo-card{border-radius:4px;flex:none;height:340px;position:relative;overflow:hidden}.photo-card>img{width:auto;height:100%;display:block}.icon-inline{margin-right:8px;font-size:14px;display:inline-block}.section-title{align-items:center;display:flex}@media screen and (width<=850px){.page{width:90%;margin-top:70px;margin-bottom:150px}.photo-card{height:280px}.photo-carousel:before,.photo-carousel:after{width:30px}.experience-grid{grid-template-columns:1fr;gap:32px}a{opacity:1}.project-icon{display:none}.project-header{flex-direction:column;align-items:flex-start;gap:8px}.project-tags{justify-content:flex-start;width:100%;margin-left:0}.project-details,.project-details.open{padding-left:24px}}.view-toggle{isolation:isolate;border:1px solid rgba(var(--fg-rgb), .0863);border-radius:7px;grid-template-columns:repeat(2,1fr);gap:4px;width:fit-content;margin:-22px 0 36px;padding:4px;display:grid;position:relative}.view-toggle:before{content:"";z-index:-1;background:rgba(var(--fg-rgb), .0627);pointer-events:none;border-radius:4px;width:calc(50% - 6px);transition:transform .28s cubic-bezier(.22,1,.36,1),background-color .35s;position:absolute;top:4px;bottom:4px;left:4px;transform:translate(0)}.view-toggle[data-view=timeline]:before{transform:translate(calc(100% + 4px))}.view-toggle button{font:inherit;color:rgba(var(--fg-rgb), .502);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:7px 14px;font-size:14px;transition:color .18s}.view-toggle button[aria-pressed=true]{color:rgb(var(--fg-rgb))}.view-toggle button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.view-toggle button svg{flex-shrink:0;width:14px;height:14px}.view-toggle button:hover{color:rgb(var(--fg-rgb))}@media (prefers-reduced-motion:reduce){.view-toggle:before,.view-toggle button{transition:none}}.timeline{width:100%;font-size:14px}.timeline-controls{justify-content:flex-end;margin:0 8px 8px;display:flex}.timeline-today-button{border:1px solid rgba(var(--fg-rgb), .12);color:rgba(var(--fg-rgb), .65);font:inherit;cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:6px;padding:6px 10px;font-size:14px;transition:color .18s,border-color .18s,background-color .18s;display:inline-flex}.timeline-today-button svg{width:14px;height:14px}.timeline-today-button:hover{color:rgb(var(--fg-rgb));border-color:rgba(var(--fg-rgb), .3);background:rgba(var(--fg-rgb), .06)}.timeline-today-button:focus-visible{outline:2px solid var(--focus-color);outline-offset:3px}@media (prefers-reduced-motion:reduce){.timeline-today-button{transition:none}}.timeline,.timeline *,.timeline-hover-card,.timeline-hover-card *{cursor:default}.timeline .timeline-today-button{cursor:pointer}.timeline-bar:focus-visible,.view-toggle button:focus-visible,.timeline-scroll:focus-visible{outline:2px solid var(--focus-color);outline-offset:3px}.timeline-scroll{scrollbar-color:rgba(var(--fg-rgb), .1882) transparent;scrollbar-width:thin;padding:4px 8px 16px;overflow-x:auto}.timeline-chart{width:var(--timeline-width)}.timeline-axis{grid-template-columns:var(--timeline-columns);color:rgba(var(--fg-rgb), .502);margin-bottom:10px;display:grid}.timeline-axis>span{padding-left:0;font-size:14px}.timeline-months{grid-template-columns:var(--timeline-columns);margin-bottom:8px;display:grid}.timeline-months>div{grid-template-columns:repeat(12,1fr);display:grid}.timeline-months>div>span{height:28px;color:rgba(var(--fg-rgb), .2196);font-size:14px;position:relative}.timeline-months>div>span.timeline-current-month{color:rgb(var(--fg-rgb))}.timeline-month-letter{position:absolute;left:.5px;transform:translate(-50%)}.timeline-months>div>span:after{content:"";background:rgba(var(--fg-rgb), .0941);width:1px;height:5px;position:absolute;bottom:0;left:0}.timeline-months>div>span.timeline-current-month:after{background:rgba(var(--fg-rgb), .65);height:8px}.timeline-lanes{position:relative}.timeline-row{height:40px;position:relative}.timeline-grid{grid-template-columns:var(--timeline-columns);pointer-events:none;display:grid;position:absolute;inset:0}.timeline-grid span{border-left:1px solid rgba(var(--fg-rgb), .0627)}.timeline-bar{box-sizing:border-box;height:28px;color:rgb(var(--fg-rgb));text-align:left;background:0 0;border:0;padding:0;position:absolute;top:0}.timeline-bar:before{content:"";background:rgba(var(--fg-rgb), .1882);height:1px;position:absolute;top:50%;left:3px;right:3px}.timeline-bar:after{content:"";height:5px;color:rgba(var(--fg-rgb), .1882);pointer-events:none;background:radial-gradient(circle closest-side,currentColor 100%,#0000 100%) 0/5px 5px no-repeat,radial-gradient(circle closest-side,currentColor 100%,#0000 100%) 100%/5px 5px no-repeat;position:absolute;top:calc(50% - 2px);left:-2px;right:-2px}.timeline-bar:hover,.timeline-bar:focus-visible{color:rgb(var(--fg-rgb));z-index:1}.timeline-bar:hover:before,.timeline-bar:focus-visible:before{background:rgba(var(--fg-rgb), .3961)}.timeline-bar-label{box-sizing:border-box;background:var(--bg-color);align-items:center;gap:6px;width:max-content;max-width:calc(100% - 24px);margin:0 12px;padding:0 5px;line-height:28px;display:flex;position:sticky;left:8px;overflow:hidden}.timeline-category-icon{flex-shrink:0;width:14px;height:14px}.timeline-bar-label strong{white-space:nowrap;text-overflow:ellipsis;color:rgb(var(--fg-rgb));font-weight:400;display:block;overflow:hidden}.timeline-hover-card{z-index:1000;pointer-events:none;box-sizing:border-box;background:var(--card-bg);width:360px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);color:rgb(var(--fg-rgb));border:1px solid rgba(var(--fg-rgb), .0784);border-radius:4px;padding:16px;font-size:14px;position:fixed;overflow:hidden;box-shadow:0 4px 16px #0002}.timeline-detail-body a{text-underline-offset:4px;text-decoration:underline;display:inline-block}@media (width<=600px){.timeline-chart{width:var(--timeline-mobile-width)}.timeline-bar-label{max-width:calc(100% - 12px);margin:0 6px;left:6px}}.timeline-detail{text-align:left;font-size:14px;line-height:1.45}.timeline-detail-category{color:rgba(var(--fg-rgb), .4392);align-items:center;gap:7px;margin-bottom:10px;display:flex}.timeline-detail .timeline-detail-title{color:rgba(var(--fg-rgb), .9412);margin:0;font-size:14px;font-weight:600;line-height:1.4}.timeline-detail p{opacity:1;font-size:14px;line-height:1.45}.timeline-detail-subtitle{color:rgba(var(--fg-rgb), .6784);margin:3px 0 0}.timeline-detail-dates{color:rgba(var(--fg-rgb), .4392);margin:5px 0 0}.timeline-detail-body{color:rgba(var(--fg-rgb), .6784);margin-top:12px}.timeline-detail-body p{margin:0}.timeline-axis,.timeline-months,.timeline-grid{animation:.4s ease-out backwards timeline-axis-enter}.timeline-row{animation:timeline-row-enter .45s cubic-bezier(.22, 1, .36, 1) var(--row-delay,.1s) backwards}@keyframes timeline-axis-enter{0%{opacity:0}to{opacity:1}}@keyframes timeline-row-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.timeline-axis,.timeline-months,.timeline-grid,.timeline-row{animation:none}}.timeline-bar:hover:after,.timeline-bar:focus-visible:after{color:rgba(var(--fg-rgb), .3961)}@media (prefers-reduced-motion:no-preference){.view-toggle{animation:.5s ease-out .45s backwards view-toggle-enter}}@keyframes view-toggle-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.side-nav{z-index:100;flex-direction:column;gap:0;transition:opacity .18s,transform .4s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:50%;left:2px;transform:translateY(-50%)}.side-nav a,.side-nav button{width:36px;height:28px;color:rgba(var(--fg-rgb), .35);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:color .2s;display:grid}.side-nav,.side-nav a,.side-nav button{pointer-events:auto;touch-action:manipulation}.side-nav svg{width:14px;height:14px}.theme-toggle .theme-icon{pointer-events:none;grid-area:1/1;transition:opacity .25s}.theme-toggle[data-theme=dark] .theme-icon-sun,.theme-toggle[data-theme=light] .theme-icon-moon{opacity:1}.theme-toggle[data-theme=light] .theme-icon-sun,.theme-toggle[data-theme=dark] .theme-icon-moon{opacity:0}@media (prefers-reduced-motion:reduce){.theme-toggle .theme-icon{transition:none}}.side-nav a[aria-current]{color:rgb(var(--fg-rgb))}@media (hover:hover){.side-nav a:hover,.side-nav button:hover{color:rgb(var(--fg-rgb))}}.side-nav a:focus-visible,.side-nav button:focus-visible{color:rgb(var(--fg-rgb));outline:2px solid var(--focus-color);outline-offset:2px;border-radius:3px}#about,#experience,#startups,#community,#projects,#timeline,#photos,#footer{scroll-margin-top:40px}@media (width<=1000px){.app .page{width:calc(100% - 76px);margin-left:52px;margin-right:24px}}@media (width<=600px){.app .page{width:90%;margin-left:auto;margin-right:auto}.side-nav{background:rgba(var(--bg-color-rgb,24, 23, 25), .62);-webkit-backdrop-filter:blur(4px);pointer-events:auto;border:0;border-radius:999px;flex-direction:row;gap:0;width:max-content;max-width:calc(100vw - 24px);padding:5px 7px;transition:transform .26s,opacity .22s;top:auto;bottom:12px;left:50%;transform:translate(-50%)}.side-nav-slot,.side-nav-theme{width:32px;height:28px}.side-nav-slot[data-visible=false]{width:0}.side-nav a,.side-nav button{width:32px;height:28px}.side-nav .theme-toggle{opacity:1;pointer-events:auto;border:0;border-radius:0;width:32px;height:28px;position:relative;top:auto;right:auto;transform:none}}@media (width<=600px) and (prefers-reduced-motion:no-preference){.side-nav{animation:.5s cubic-bezier(.22,1,.36,1) .5s backwards mobile-nav-enter}.side-nav-slot>*{animation:none}}@keyframes mobile-nav-enter{0%{opacity:0;transform:translate(-50%,calc(100% + 24px))}to{opacity:1;transform:translate(-50%)}}.side-nav-slot{opacity:1;height:32px;transition:height .4s cubic-bezier(.22,1,.36,1),opacity .2s,visibility}.side-nav-slot[data-visible=false]{opacity:0;pointer-events:none;visibility:hidden;height:0;transition-delay:0s,0s,.2s}.side-nav-theme{height:28px}@media (height<=500px){.side-nav-slot{height:30px}.side-nav-theme{height:28px}.side-nav-slot[data-visible=false]{height:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.side-nav a,.side-nav button,.side-nav-slot{transition:none}}@media (prefers-reduced-motion:no-preference){.side-nav-slot>*{animation:nav-icon-enter .45s cubic-bezier(.22, 1, .36, 1) calc(var(--entrance-delay) + .3s) backwards}}@keyframes nav-icon-enter{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@media (width<=600px){.side-nav-slot,.side-nav-theme{flex:none;width:32px;height:28px;transition:width .4s cubic-bezier(.22,1,.36,1),opacity .2s,visibility}.side-nav-slot[data-visible=false]{width:0;height:28px;transition-delay:0s,0s,.2s}.side-nav-slot>*{animation:none}}@media (width<=600px) and (prefers-reduced-motion:reduce){.side-nav,.side-nav-slot{transition:none}}
