@import"https://fonts.cdnfonts.com/css/departure-mono";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@300;400;500;600&display=swap";:root{--bg: #fafaf9;--bg-elevated: #f5f5f4;--text: #1c1917;--text-secondary: #57534e;--text-muted: #a8a29e;--accent: #4a7c59;--accent-dim: rgba(74, 124, 89, .08);--accent-dim-strong: rgba(74, 124, 89, .15);--line: rgba(28, 25, 23, .08);--line-hover: rgba(28, 25, 23, .15);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--radius: 8px;--radius-sm: 6px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "Departure Mono", ui-monospace, SFMono-Regular, Menlo, monospace}[data-theme=dark]{--bg: #0c0a09;--bg-elevated: #1c1917;--text: #fafaf9;--text-secondary: #a8a29e;--text-muted: #78716c;--accent: #6b9b7a;--accent-dim: rgba(107, 155, 122, .1);--accent-dim-strong: rgba(107, 155, 122, .2);--line: rgba(250, 250, 249, .08);--line-hover: rgba(250, 250, 249, .15);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:14px;line-height:1.6;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}::selection{background:var(--accent);color:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:none;border:none;color:inherit}.page-root{min-height:100vh}.page-layout{display:grid;grid-template-columns:240px 1fr;gap:48px;max-width:1100px;margin:0 auto;padding:32px 28px 80px;align-items:start}.main-content{min-width:0}.sidebar{position:sticky;top:32px;height:fit-content;display:flex;flex-direction:column;gap:24px}.sidebar-brand{display:flex;flex-direction:column;gap:16px}.sidebar-name{font-family:var(--font-sans);font-size:28px;font-weight:600;letter-spacing:-.03em;line-height:1.1;color:var(--text)}.sidebar-divider{width:32px;height:2px;background:var(--text);opacity:.2}.sidebar-bio{display:flex;flex-direction:column;gap:12px}.sidebar-tagline{font-size:14px;font-weight:500;line-height:1.55;color:var(--text)}.sidebar-education{font-size:13px;line-height:1.6;color:var(--text-secondary)}.sidebar-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.sidebar-meta-item{display:flex;align-items:center;gap:6px}.sidebar-meta-icon{width:14px;height:14px;opacity:.7}.sidebar-meta-sep{opacity:.4}.sidebar-status{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.sidebar-section-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.sidebar-nav-list{list-style:none;display:flex;flex-direction:column;gap:2px}.sidebar-nav-link{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:var(--radius-sm);transition:all .15s ease;width:100%;text-align:left}.sidebar-nav-link:hover{background:var(--accent-dim)}.sidebar-nav-link.active .sidebar-nav-label{color:var(--text);font-weight:500}.sidebar-nav-link.active .sidebar-nav-icon{color:var(--accent)}.sidebar-nav-link-inner{display:flex;align-items:center;gap:10px}.sidebar-nav-icon{width:15px;height:15px;color:var(--text-muted);transition:color .2s ease}.sidebar-nav-link:hover .sidebar-nav-icon{color:var(--accent)}.sidebar-nav-label{font-size:13px;font-weight:500;color:var(--text-secondary);transition:color .2s ease}.sidebar-nav-link:hover .sidebar-nav-label{color:var(--text)}.sidebar-nav-count{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.sidebar-connect-list{list-style:none;display:flex;flex-direction:column}.sidebar-connect-link{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:var(--radius-sm);transition:all .2s ease}.sidebar-connect-link:hover{background:var(--accent-dim)}.sidebar-connect-inner{display:flex;align-items:center;gap:10px}.sidebar-connect-icon{width:15px;height:15px;color:var(--text-muted);transition:color .2s ease}.sidebar-connect-link:hover .sidebar-connect-icon{color:var(--accent)}.sidebar-connect-label{font-size:13px;color:var(--text-secondary);transition:color .2s ease}.sidebar-connect-link:hover .sidebar-connect-label{color:var(--text)}.sidebar-connect-arrow{width:12px;height:12px;color:var(--text-muted);opacity:0;transform:translate(-3px);transition:all .2s ease}.sidebar-connect-link:hover .sidebar-connect-arrow{opacity:1;transform:translate(0);color:var(--accent)}.sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar-status-row{display:flex;align-items:center;gap:8px}.sidebar-status-label{font-size:11px;color:var(--text-muted)}.theme-toggle-sidebar{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);background:transparent;border:1px solid var(--line);padding:5px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;flex-shrink:0}.theme-toggle-sidebar:hover{color:var(--accent);border-color:var(--line-hover);background:var(--accent-dim)}.section{padding:48px 0;scroll-margin-top:32px}.section--first{padding-top:0}.section:not(.section--first){border-top:1px solid var(--line)}.section-header{margin-bottom:24px}.section-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.project-workspace{display:flex;flex-direction:column;gap:24px}.pw-header{display:flex;align-items:center;justify-content:space-between}.pw-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.pw-arrows{display:flex;gap:4px}.pw-arrow{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:13px;color:var(--text-muted);border:1px solid var(--line);border-radius:var(--radius-sm);background:transparent;transition:all .2s ease}.pw-arrow:hover{color:var(--text);border-color:var(--line-hover);background:var(--accent-dim)}.pw-body{display:grid;grid-template-columns:220px 1fr;gap:32px;min-height:480px}.pw-list-panel{display:flex;flex-direction:column;gap:12px}.pw-list-header{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);padding-left:12px}.pw-list{display:flex;flex-direction:column;gap:2px}.pw-list-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);border-left:2px solid transparent;text-align:left;width:100%;transition:all .2s ease;cursor:pointer}.pw-list-item:hover{background:var(--accent-dim)}.pw-list-item.active{background:var(--accent-dim);border-left-color:transparent}.pw-num{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);width:20px;flex-shrink:0;transition:color .2s ease}.pw-list-item.active .pw-num{color:var(--accent)}.pw-name{font-size:13px;font-weight:500;color:var(--text-secondary);transition:color .2s ease}.pw-list-item:hover .pw-name,.pw-list-item.active .pw-name{color:var(--text)}.pw-detail-panel{min-width:0;overflow:hidden}.project-detail{display:flex;flex-direction:column;gap:16px}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.6)}50%{opacity:1;transform:scale(1.1)}75%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes tagPopIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-detail>*{animation:fadeSlideIn .35s cubic-bezier(.16,1,.3,1) both}.project-detail>*:nth-child(1){animation-delay:0ms}.project-detail>*:nth-child(2){animation-delay:30ms}.project-detail>*:nth-child(3){animation-delay:50ms}.project-detail>*:nth-child(4){animation-delay:70ms}.project-detail>*:nth-child(5){animation-delay:90ms}.project-detail>*:nth-child(6){animation-delay:.11s}.project-detail>*:nth-child(7){animation-delay:.13s}.project-detail>*:nth-child(8){animation-delay:.15s}.project-detail>*:nth-child(9){animation-delay:.17s}.pd-header{display:flex;align-items:center;gap:16px}.pd-icon-wrap{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--accent);background:var(--accent-dim);border-radius:var(--radius);animation:bounceIn .4s cubic-bezier(.34,1.56,.64,1) both;transform-origin:center center}.pd-project-icon{width:22px;height:22px}.pd-number{font-family:var(--font-mono);font-size:13px;color:var(--text-muted)}.pd-title{font-family:var(--font-sans);font-size:32px;font-weight:600;letter-spacing:-.03em;line-height:1.15;color:var(--text)}.pd-tagline{font-size:15px;font-weight:400;color:var(--text-secondary);line-height:1.5}.pd-tech-details{display:flex;flex-direction:column;gap:10px}.pd-tech-row{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary)}.pd-tech-icon{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.pd-description{font-size:13px;line-height:1.65;color:var(--text-secondary);max-width:500px}.pd-divider{height:1px;background:var(--line);margin:4px 0}.pd-section{display:flex;flex-direction:column;gap:14px}.pd-section-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.pd-tags{display:flex;flex-wrap:wrap;gap:8px}.pd-tag{font-size:12px;font-weight:500;color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--line);padding:6px 12px;border-radius:var(--radius-sm);transition:all .15s ease;animation:tagPopIn .25s cubic-bezier(.16,1,.3,1) both}.pd-tag:hover{border-color:var(--line-hover);background:var(--accent-dim);color:var(--text)}.pd-tags .pd-tag:nth-child(1){animation-delay:.14s}.pd-tags .pd-tag:nth-child(2){animation-delay:.16s}.pd-tags .pd-tag:nth-child(3){animation-delay:.18s}.pd-tags .pd-tag:nth-child(4){animation-delay:.2s}.pd-tags .pd-tag:nth-child(5){animation-delay:.22s}.pd-tags .pd-tag:nth-child(6){animation-delay:.24s}.pd-tags .pd-tag:nth-child(7){animation-delay:.26s}.pd-tags .pd-tag:nth-child(8){animation-delay:.28s}.pd-tags .pd-tag:nth-child(9){animation-delay:.3s}.pd-tags .pd-tag:nth-child(10){animation-delay:.32s}.pd-focus-areas{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pd-focus-card{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg);transition:all .15s ease;animation:cardSlideUp .3s cubic-bezier(.16,1,.3,1) both}.pd-focus-card:nth-child(1){animation-delay:.16s}.pd-focus-card:nth-child(2){animation-delay:.2s}.pd-focus-card:nth-child(3){animation-delay:.24s}.pd-focus-card:hover{border-color:var(--line-hover);background:var(--accent-dim)}.pd-focus-icon{width:22px;height:22px;color:var(--accent)}.pd-focus-title{font-size:13px;font-weight:600;color:var(--text)}.pd-focus-desc{font-size:11px;line-height:1.5;color:var(--text-muted)}.pd-github-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--accent);margin-top:8px;padding:8px 0;transition:opacity .15s ease}.pd-github-link:hover{opacity:.7}.pd-github-arrow{width:14px;height:14px}.experience-timeline{position:sticky;top:32px;height:fit-content}.et-header{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:24px}.et-track{display:flex;flex-direction:column;gap:0}.et-group{display:flex;gap:14px;padding-bottom:28px;position:relative}.et-node-wrap{display:flex;flex-direction:column;align-items:center;flex-shrink:0;padding-top:2px}.et-node{width:10px;height:10px;border-radius:50%;background:var(--accent);flex-shrink:0}.et-node.older{background:transparent;border:2px solid var(--text-muted)}.et-line{width:1px;flex:1;background:var(--line);margin-top:6px;min-height:20px}.et-content{display:flex;flex-direction:column;gap:6px;padding-top:1px}.et-year{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);margin-bottom:4px}.et-entry{display:flex;flex-direction:column;gap:2px}.et-company{font-size:14px;font-weight:600;color:var(--text);letter-spacing:-.01em}.et-role{font-size:12px;color:var(--text-secondary);line-height:1.4}.et-entry-divider{height:1px;background:var(--line);margin:8px 0}.main-content{transition:opacity 80ms ease,transform 80ms ease}.main-content.view-exiting{opacity:0;transform:translateY(3px)}.main-content.view-entering{animation:viewEnter .12s cubic-bezier(.16,1,.3,1) both}@keyframes viewEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.vw-header{margin-bottom:24px}.vw-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.experience-timeline-inline{padding-top:4px}.experience-timeline-inline .et-group{padding-bottom:20px}.experience-timeline-inline .et-company{font-size:16px;font-weight:600}.experience-timeline-inline .et-role{font-size:14px}.blog-list{display:flex;flex-direction:column}.blog-item{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:14px 0;text-decoration:none;color:inherit;border-bottom:1px solid var(--line);transition:opacity .2s ease}.blog-item:last-child{border-bottom:none}.blog-item:hover .blog-title{color:var(--accent)}.blog-content{min-width:0;display:flex;flex-direction:column;gap:4px}.blog-title{font-size:15px;font-weight:500;color:var(--text);transition:color .2s ease}.blog-meta{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.blog-arrow{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);opacity:0;transform:translate(-4px);transition:all .2s ease}.blog-item:hover .blog-arrow{opacity:1;transform:translate(0);color:var(--accent)}.contact-grid{display:flex;flex-direction:column}.contact-card{display:flex;align-items:center;justify-content:space-between;gap:16px;text-decoration:none;color:inherit;padding:14px 0;border-bottom:1px solid var(--line);transition:opacity .2s ease}.contact-card:last-child{border-bottom:none}.contact-card:hover .contact-value{color:var(--accent)}.contact-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.contact-value{margin-top:3px;font-size:14px;color:var(--text);transition:color .2s ease}.contact-arrow{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);opacity:0;transform:translate(-4px);transition:all .2s ease}.contact-card:hover .contact-arrow{opacity:1;transform:translate(0);color:var(--accent)}.resume-embed{width:100%;height:85vh;min-height:900px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--bg-elevated)}.resume-embed iframe{width:100%;height:100%;border:none;zoom:.83}.resume-external{display:inline-block;margin-top:16px;font-size:13px;color:var(--accent);transition:opacity .15s ease}.resume-external:hover{opacity:.7}.site-footer{padding:32px 0 0;border-top:1px solid var(--line);margin-top:48px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.spotify-widget{position:fixed;right:20px;bottom:20px;z-index:50;display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:10px 14px;border-radius:var(--radius);max-width:320px}.spotify-album-art{width:36px;height:36px;flex-shrink:0;overflow:hidden;border-radius:4px}.spotify-album-art img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(.9)}.spotify-info{min-width:0}.spotify-track,.spotify-artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em}.spotify-track{color:var(--text)}.spotify-artist{color:var(--text-muted)}.site-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(20px,4vw,48px);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1)}.site-header-name{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text)}.site-header-links{display:flex;gap:clamp(18px,3vw,32px)}.site-header-links a{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);transition:color .2s ease}.site-header-links a:hover{color:var(--accent)}.theme-toggle{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);background:transparent;border:1px solid var(--line);padding:6px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.theme-toggle:hover{color:var(--accent);border-color:var(--line-hover)}.reading-container{width:min(720px,calc(100% - 48px));margin:0 auto;padding:56px 0 96px;position:relative;z-index:1}.back-link{display:inline-block;margin-bottom:36px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);transition:color .2s ease}.back-link:hover{color:var(--accent)}.reading-header{margin-bottom:44px;padding-bottom:28px;border-bottom:1px solid var(--line)}.reading-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.reading-title{margin:14px 0 10px;font-size:clamp(30px,4.5vw,52px);font-weight:600;letter-spacing:-.05em;line-height:1.05;color:var(--text)}.reading-date{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.reading-content{font-size:15px;line-height:1.8;color:var(--text-secondary)}.reading-content h2,.reading-content h3{margin:44px 0 16px;font-size:20px;font-weight:600;letter-spacing:-.02em;color:var(--text)}.reading-content p{margin-bottom:20px}.reading-content a{color:var(--accent);border-bottom:1px solid transparent;transition:border-color .2s ease}.reading-content a:hover{border-bottom-color:var(--accent)}.reading-content code{font-family:var(--font-mono);font-size:.88em;background:var(--bg-elevated);padding:2px 6px;color:var(--accent);border-radius:3px}.reading-content pre{background:var(--bg-elevated);padding:18px;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-sm);margin:20px 0}.reading-content pre code{background:none;padding:0;color:var(--text-secondary)}.reading-content img{max-width:100%;height:auto;border:1px solid var(--line);border-radius:var(--radius-sm)}@media (max-width: 1100px){.page-layout{grid-template-columns:220px 1fr;gap:36px;padding:24px 32px 60px}.experience-timeline{display:none}.pw-body{grid-template-columns:200px 1fr;gap:24px}}@media (max-width: 860px){.page-layout{display:block;width:calc(100% - 40px);padding:24px 20px 60px}.sidebar{position:static;margin-bottom:40px}.sidebar-name{font-size:32px}.pw-body{grid-template-columns:1fr;gap:24px}.pw-list-panel{border-bottom:1px solid var(--line);padding-bottom:16px}.pw-list{flex-direction:row;flex-wrap:wrap;gap:6px}.pw-list-item{width:auto;border-left:none;border-bottom:2px solid transparent}.pw-list-item.active{border-left-color:transparent;border-bottom-color:var(--accent)}.pd-focus-areas{grid-template-columns:1fr}.spotify-widget{display:none}}@media (max-width: 520px){.page-layout{width:calc(100% - 24px);padding:20px 12px 40px}.sidebar-name{font-size:28px}.pd-title{font-size:24px}.blog-item{grid-template-columns:1fr;gap:6px}.blog-arrow{display:none}.contact-card{flex-direction:column;align-items:flex-start;gap:4px}.contact-arrow{display:none}.reading-container{width:calc(100% - 32px);padding-top:36px}}