:root{--color-bg: #09090b;--color-surface: #121215;--color-surface-elevated: #18181b;--color-surface-hover: #1e1e24;--color-border: #27272a;--color-border-hover: #3f3f46;--color-border-focus: #71717a;--color-text-main: #f8fafc;--color-text-sub: #e4e4e7;--color-text-muted: #a1a1aa;--color-text-dim: #71717a;--color-star: #fbbf24;--color-white: #ffffff;--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--transition-fast: .15s ease;--transition-normal: .2s ease}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/outfit-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/jetbrains-mono-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:dark;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}body{background-color:var(--color-bg);color:var(--color-text-muted);font-family:var(--font-sans);line-height:1.6;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background-color:#fff3;color:var(--color-text-main)}:focus-visible{outline:2px solid var(--color-white);outline-offset:2px}code,pre,.font-mono{font-family:var(--font-mono)}.sr-only,.skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-link:focus{position:fixed;top:1rem;left:1rem;z-index:50;width:auto;height:auto;padding:.5rem 1rem;margin:0;overflow:visible;clip:auto;background-color:var(--color-surface-elevated);color:var(--color-white);border:1px solid var(--color-white);border-radius:var(--radius-md);text-decoration:none;font-weight:500}.layout-container{max-width:80rem;margin:0 auto;min-height:100vh;padding:3rem 1.5rem}@media (min-width: 768px){.layout-container{padding:5rem 3rem}}@media (min-width: 1024px){.layout-container{display:flex;justify-content:space-between;gap:4rem;padding:0 6rem}}.sidebar{display:block}@media (min-width: 1024px){.sidebar{position:sticky;top:0;display:flex;flex-direction:column;justify-content:space-between;width:48%;max-height:100vh;padding:6rem 0}}.hero-name{font-size:2.25rem;font-weight:700;letter-spacing:-.025em;color:var(--color-text-main);line-height:1.1}@media (min-width: 640px){.hero-name{font-size:3rem}}.hero-name a{color:inherit;text-decoration:none}.hero-role{margin-top:.75rem;font-size:1.125rem;font-weight:500;letter-spacing:-.015em;color:var(--color-text-sub)}@media (min-width: 640px){.hero-role{font-size:1.25rem}}.hero-tagline{margin-top:1rem;max-width:22rem;font-size:.9375rem;line-height:1.5;color:var(--color-text-muted)}.nav{display:none}@media (min-width: 1024px){.nav{display:block;margin-top:4rem}}.nav-list{list-style:none;display:flex;flex-direction:column;gap:1rem;width:max-content}.nav-link{display:flex;align-items:center;padding:.25rem 0;text-decoration:none}.nav-indicator{display:inline-block;width:2rem;height:1px;background-color:var(--color-border);margin-right:1rem;transition:width var(--transition-normal),background-color var(--transition-normal)}.nav-text{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);transition:color var(--transition-normal)}.nav-link:hover .nav-indicator,.nav-link:focus-visible .nav-indicator{width:4rem;background-color:var(--color-white)}.nav-link:hover .nav-text,.nav-link:focus-visible .nav-text{color:var(--color-text-main)}.nav-link.active .nav-indicator{width:4rem;background-color:var(--color-white)}.nav-link.active .nav-text{color:var(--color-white)}.social-list{list-style:none;display:flex;align-items:center;gap:1.25rem;margin-top:2rem;padding:0}.social-link{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.social-link:hover,.social-link:focus-visible{color:var(--color-white)}.social-icon{width:1.5rem;height:1.5rem;fill:currentColor}.main-content{padding-top:4rem}.main-content:focus{outline:none}@media (min-width: 1024px){.main-content{width:52%;padding:6rem 0}}.section{margin-bottom:3rem;scroll-margin-top:4rem}@media (min-width: 768px){.section{margin-bottom:4rem}}@media (min-width: 1024px){.section{margin-bottom:6rem;scroll-margin-top:6rem}}.mobile-section-header{position:sticky;top:0;z-index:20;margin:0 -1.5rem 1rem;padding:1rem 1.5rem;background-color:#09090bd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(39,39,42,.4)}@media (min-width: 640px){.mobile-section-header{margin:0 -3rem 1rem;padding:1rem 3rem}}@media (min-width: 1024px){.mobile-section-header{display:none}}.mobile-section-header h2{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-main)}.about-text{display:flex;flex-direction:column;gap:1rem;font-size:.875rem;line-height:1.625;color:var(--color-text-muted)}.about-text strong{color:var(--color-text-main);font-weight:600}.skills-grid{display:flex;flex-direction:column;gap:1.5rem}.card{border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:var(--color-surface);padding:1.25rem;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{border-color:var(--color-border-hover)}.capability-card{padding:1.25rem 1.5rem}.capability-title{font-family:var(--font-mono);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-sub);margin-bottom:1rem}.capability-list{list-style:none;display:flex;flex-direction:column;gap:1rem}.capability-item{display:flex;flex-direction:column;gap:.25rem}.capability-name{font-size:.8125rem;font-weight:600;color:var(--color-text-main)}.capability-detail{font-size:.75rem;line-height:1.5;color:var(--color-text-muted)}.projects-list{display:flex;flex-direction:column;gap:2rem}.project-card{display:flex;flex-direction:column;border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:var(--color-surface);padding:1rem;transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}@media (min-width: 640px){.project-card{padding:1.25rem}}.project-card:hover{transform:translateY(-2px);border-color:var(--color-border-hover);box-shadow:0 10px 25px -5px #0006,0 8px 10px -6px #0000004d}.project-preview{display:block;position:relative;width:100%;aspect-ratio:2 / 1;overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface-elevated);text-decoration:none}.project-preview-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-normal)}.project-preview-img.object-top{object-position:top}.project-preview-img.object-center{object-position:center}.project-card:hover .project-preview-img{transform:scale(1.02)}.project-header{margin-top:1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.625rem}@media (min-width: 640px){.project-header{margin-top:1.25rem}}.project-title{font-size:1rem;font-weight:600;color:var(--color-text-main);transition:color var(--transition-fast)}.project-title-link{display:inline-flex;align-items:center;gap:.375rem;color:inherit;text-decoration:none;text-underline-offset:4px}.project-title-link:hover{text-decoration:underline;text-decoration-color:#ffffff4d}.project-card:hover .project-title{color:var(--color-white)}.project-external-icon{width:1rem;height:1rem;flex-shrink:0;transition:transform var(--transition-fast)}.project-card:hover .project-external-icon{transform:translate(2px,-2px)}.project-stars{display:inline-flex;align-items:center;gap:.375rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface-elevated);padding:.25rem .625rem;font-size:.75rem;font-weight:500;color:var(--color-text-sub);-webkit-user-select:none;user-select:none;line-height:1;flex-shrink:0}.star-icon{width:.875rem;height:.875rem;fill:var(--color-star);color:var(--color-star);flex-shrink:0}.star-divider{width:1px;height:.75rem;background-color:#3f3f46;margin:0 .125rem}.star-count{font-family:var(--font-mono);font-size:.75rem;line-height:1;color:var(--color-text-muted)}.project-desc{margin-top:.75rem;font-size:.75rem;line-height:1.625;color:var(--color-text-muted)}.project-highlights{margin:1rem 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.375rem;font-size:.75rem;color:#d4d4d8}.project-highlight-item{display:flex;align-items:flex-start;gap:.5rem}.project-bullet{color:var(--color-text-muted);flex-shrink:0}.project-tags{margin-top:auto;padding-top:1.25rem;display:flex;flex-wrap:wrap;gap:.5rem;font-family:var(--font-mono);font-size:.75rem}.project-tag{display:inline-flex;align-items:center;gap:.375rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:var(--color-surface-elevated);padding:.25rem .625rem;color:var(--color-text-sub)}.tag-icon{width:.875rem;height:.875rem;flex-shrink:0}.contact-card{text-align:center;padding:1.25rem}@media (min-width: 640px){.contact-card{padding:2rem}}.contact-title{font-size:1.25rem;font-weight:700;color:var(--color-text-main)}.contact-desc{margin-top:.75rem;font-size:.75rem;line-height:1.625;color:var(--color-text-muted);max-width:28rem;margin-left:auto;margin-right:auto}.email-btn{display:inline-flex;align-items:center;gap:.5rem;max-width:100%;border-radius:var(--radius-md);border:1px solid #3f3f46;background-color:var(--color-surface-elevated);padding:.75rem .875rem;margin-top:1.5rem;font-family:var(--font-mono);font-size:.625rem;font-weight:500;color:var(--color-white);text-decoration:none;transition:border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal)}@media (min-width: 640px){.email-btn{padding:.75rem 1.5rem;font-size:.75rem}}.email-btn:hover{border-color:var(--color-border-hover);background-color:#27272a;box-shadow:0 4px 12px #ffffff0d}.email-icon{width:1rem;height:1rem;flex-shrink:0;color:var(--color-text-sub)}.email-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer{font-size:.75rem;color:var(--color-text-muted);padding-bottom:4rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#ffffff59}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.project-card:hover,.project-card:hover .project-preview-img,.project-card:hover .project-external-icon{transform:none!important}}