:root{--bg:#f5f5f0;--bg-nav:#ebebe5;--border:#d0d0c8;--text:#1a1a18;--text-dim:#888880;--active-bg:#1a1a18;--active-text:#f5f5f0;--accent:#c85a00;--accent-key:#6b6b62}[data-theme=dark]{--bg:#0f0f0e;--bg-nav:#161614;--border:#2a2a28;--text:#e8e8e2;--text-dim:#555550;--active-bg:#e8e8e2;--active-text:#0f0f0e;--accent:#e07530;--accent-key:#9a9a90}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}h1{font-size:32px;font-weight:500;line-height:1.2}h2{font-size:22px;font-weight:500;line-height:1.3}h3{font-size:18px;font-weight:500;line-height:1.4}button{cursor:pointer;font:inherit;color:inherit;text-align:left;background:0 0;border:none;padding:0}a{color:inherit;text-decoration:none}html{touch-action:pan-x pan-y}body{color:var(--text);background:var(--bg);font-family:JetBrains Mono,monospace;font-size:15px;line-height:1.8}.layout{align-items:flex-start;min-height:100vh;display:flex}.nav-mobile{display:none}.nav-desktop{border-right:1px solid var(--border);background:var(--bg-nav);flex-direction:column;flex-shrink:0;gap:0;width:240px;height:100vh;padding:1.5rem 1rem 1rem;display:flex;position:sticky;top:0;overflow-y:auto}.nav-desktop .nav-actions{margin-top:auto}.nav-name{color:var(--text);margin-bottom:0;font-size:16px;font-weight:500}.nav-role{color:var(--text-dim);margin-top:-4px;margin-bottom:1.25rem;font-size:13px}.nav-groups{flex-direction:column;gap:1.25rem;display:flex}.nav-group-header{text-transform:uppercase;color:var(--text-dim);letter-spacing:.06em;margin-bottom:.25rem;font-size:11px}.nav-item{width:calc(100% + 12px);color:var(--text);border-radius:2px;margin:0 -6px;padding:3px 6px;font-size:13px;line-height:1.5;display:block}.nav-item:hover{color:var(--active-bg)}.nav-item.active{background:var(--active-bg);color:var(--active-text)}.nav-download{background:var(--active-bg);color:var(--active-text);opacity:.9;border-radius:4px;justify-content:center;align-items:center;gap:.4rem;margin-top:.75rem;padding:.65rem 1rem;font-size:13px;font-weight:500;display:flex}.nav-download svg,.mobile-download-cv svg{width:16px;height:16px}.nav-download:hover{opacity:1}.nav-theme-toggle{color:var(--text-dim);text-transform:lowercase;font-size:12px}.nav-theme-toggle:hover{color:var(--text)}.content{background:var(--bg);flex:1;min-width:0;padding:3rem 0;overflow-x:hidden}.content>.about-view,.content>.cv-view,.content>.project-view{padding:0 3rem}.about-view{max-width:700px;margin:0 auto}.about-links{gap:1.5rem;margin-top:1.5rem;display:flex}.about-links a{color:var(--text);border-bottom:1px solid var(--border);text-decoration:none}.about-links a:hover{border-bottom-color:var(--text)}.cv-view{max-width:860px;margin:0 auto}.cv-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.cv-name{margin-bottom:.4rem;line-height:1}.cv-role{color:var(--accent);font-size:13px}.cv-summary{color:var(--text);margin-bottom:2rem;font-size:13px;line-height:1.8}.cv-columns{grid-template-columns:1fr .42fr;gap:2.5rem;display:grid}.cv-sec-head{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);border-bottom:1px solid var(--border);margin-bottom:1.25rem;padding-bottom:.4rem;font-size:11px}.cv-block{margin-bottom:2rem}.cv-job{margin-bottom:1.5rem}.cv-job:last-child{margin-bottom:0}.cv-job-top{justify-content:space-between;align-items:baseline;margin-bottom:.15rem;display:flex}.cv-job-title{color:var(--text);font-weight:500}.cv-job-dates{color:var(--text-dim);white-space:nowrap;padding-left:1rem;font-size:12px}.cv-job-meta{color:var(--accent);margin-bottom:.6rem;font-size:12px}.cv-loc{color:var(--text-dim)}.cv-points{padding-left:0;list-style:none}.cv-points li{color:var(--text);margin-bottom:.4rem;padding-left:1.25rem;font-size:13px;line-height:1.7;position:relative}.cv-points li:before{content:"—";color:var(--accent);position:absolute;left:0}.cv-side-block{margin-bottom:1.75rem}.cv-side-block:last-child{margin-bottom:0}.cv-skill-group{margin-bottom:.75rem}.cv-skill-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:.2rem;font-size:11px;font-weight:500}.cv-skill-items{color:var(--text);font-size:12px;line-height:1.7}.cv-edu-deg{font-size:13px;font-weight:500}.cv-edu-inst{color:var(--text);font-size:12px}.cv-edu-yr{color:var(--text-dim);font-size:12px}@media print{.nav-desktop,.nav-mobile{display:none!important}.content{padding:10mm 16mm!important}@page{size:A4;margin:0}}.project-view{max-width:700px;margin:0 auto}.project-title{color:var(--text);margin-bottom:.5rem}.project-tags{text-transform:uppercase;color:var(--text-dim);letter-spacing:.06em;flex-wrap:wrap;gap:.1rem .75rem;margin-bottom:1rem;font-size:12px;display:flex}.project-description{color:var(--text);margin-bottom:1.5rem;font-size:14px;line-height:1.6}.project-images{overscroll-behavior-x:contain;cursor:grab;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;gap:0;margin-bottom:2rem;display:flex;overflow-x:auto}.project-images::-webkit-scrollbar{display:none}.project-images.dragging{cursor:grabbing;scroll-behavior:auto}.project-thumb{cursor:zoom-in;background:var(--border);flex:none;height:520px;overflow:hidden}.project-thumb img{-webkit-user-drag:none;user-select:none;width:auto;height:100%;transition:opacity .1s;display:block}.project-thumb:hover img{opacity:.8}.lightbox{z-index:9999;background:color-mix(in srgb, var(--bg) 75%, transparent);-webkit-backdrop-filter:blur(24px);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:none;position:fixed;inset:0}.lightbox.open{display:flex}.lightbox-img{object-fit:contain;border-radius:20px;max-width:100vw;max-height:85vh;display:block}.lightbox-controls{color:var(--text-dim);align-items:center;gap:1.5rem;font-family:inherit;font-size:13px;display:flex}.lightbox-btn{background:var(--active-bg);color:var(--active-text);cursor:pointer;opacity:.9;border:none;border-radius:999px;justify-content:center;align-items:center;padding:.75rem;transition:opacity .1s;display:inline-flex}.lightbox-btn:hover{opacity:1}.lightbox-close{position:absolute;top:1.5rem;right:1.5rem}.project-case-study{color:var(--text);margin-top:3rem;font-size:14px}.project-case-study h1,.project-case-study h2{border-top:1px solid var(--border);margin-top:4.5rem;margin-bottom:.75rem;padding-top:2.5rem}.project-case-study h1:first-child,.project-case-study h2:first-child{border-top:none;margin-top:0;padding-top:0}.project-case-study h3,.project-case-study h4{margin-top:4rem;margin-bottom:.5rem}.project-case-study p{margin-bottom:1rem}.project-case-study p+ul,.project-case-study p+.kv-group{margin-top:1rem}.project-case-study ul,.project-case-study ol{margin-bottom:1rem;padding-left:0}.project-case-study ol{padding-left:1.5rem}.project-case-study ul{list-style:none}.project-case-study ul li{margin-bottom:.4rem;padding-left:1.5rem;position:relative}.project-case-study .kv-row{border-bottom:1px solid var(--border);grid-template-columns:180px 1fr;column-gap:1rem;margin-bottom:0;padding:.6rem 0;display:grid}.project-case-study .kv-row:last-child,.project-case-study .kv-row:not(:has(+.kv-row)){border-bottom:none}.project-case-study .kv-group{margin-bottom:1.5rem}.project-case-study .kv-heading{color:var(--text);margin-top:4rem;margin-bottom:.5rem;font-weight:500}.project-case-study .kv-heading:first-child,.project-case-study h2+.kv-heading,.project-case-study h3+.kv-heading{margin-top:.5rem}.project-case-study ul li:before{content:"—";color:var(--accent);position:absolute;left:0}.project-case-study img{border-radius:2px;width:100%;height:auto;margin:1rem 0;display:block}.project-case-study strong{font-weight:500}.project-case-study hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.syntax-key{color:var(--accent-key)}.mobile-download-cv{display:none}::selection{background:var(--active-bg);color:var(--active-text)}.nav-actions{flex-direction:column;display:flex}@media (width<=767px){.nav-desktop{display:none}.nav-mobile{display:block}.layout{flex-direction:column;align-items:stretch}.lightbox-img{border-radius:0}.content{width:100%}.nav-mobile-bar{z-index:10;background:var(--bg);justify-content:space-between;align-items:center;height:5rem;padding:0 1rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-mobile-bar .nav-role{margin-bottom:0}.nav-mobile-toggle{color:var(--active-text);background:var(--active-bg);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:.5rem .85rem .5rem 1.4rem;font-size:14px;font-weight:500;display:flex}.nav-mobile-toggle-icon{width:22px;height:22px;transition:transform .2s}.nav-mobile.open .nav-mobile-toggle-icon{transform:rotate(45deg)}.nav-mobile-panel{display:none}.nav-mobile.open .nav-mobile-panel{z-index:9;background:var(--bg);flex-direction:column;padding:0 1rem 1rem;display:flex;position:fixed;inset:5rem 0 0;overflow-y:auto}.nav-mobile-panel .nav-groups{margin-top:1rem}.nav-mobile-panel .nav-theme-toggle{padding-top:1rem}.nav-item{border-radius:5px;padding:12px 6px;font-size:15px}.nav-download{display:none}.mobile-download-cv{z-index:15;background:var(--active-bg);color:var(--active-text);border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.85rem 1.75rem;font-size:13px;font-weight:500;display:flex;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000059}.content{padding:6.25rem 0 6rem}.content>.about-view,.content>.cv-view,.content>.project-view{padding:0 1rem}.project-title{font-size:26px}.project-thumb{height:240px}.cv-columns{grid-template-columns:1fr;gap:2rem}.cv-header{flex-direction:column;align-items:flex-start;gap:.5rem}.project-case-study .kv-row{grid-template-columns:1fr;row-gap:.25rem}.lightbox-controls{justify-content:space-between;width:100%;padding:0 1rem}.lightbox-btn{padding:1rem}.lightbox-btn svg{width:32px;height:32px}.lightbox-close{position:fixed;inset:auto auto 1.5rem 50%;transform:translate(-50%)}}