*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-body);-webkit-font-smoothing:antialiased;line-height:1.65;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);color:var(--color-heading);font-weight:600;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}.app main{padding-top:var(--nav-height)}.section-eyebrow{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--spacing-sm);font-size:.75rem}.section-eyebrow span{color:var(--color-accent)}.section-title{margin-bottom:var(--spacing-xl);font-size:clamp(1.75rem,4vw,2.25rem)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.navbar{z-index:100;height:var(--nav-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background var(--transition-normal), border-color var(--transition-normal);background:#0b0d10b8;border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.navbar--scrolled{border-bottom-color:var(--color-border);background:#0b0d10eb}.navbar__container{max-width:1120px;padding:0 var(--spacing-lg);justify-content:space-between;align-items:center;height:100%;margin:0 auto;display:flex;position:relative}.navbar__logo{font-family:var(--font-mono);color:var(--color-heading);font-size:1.125rem;font-weight:600}.navbar__logo:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.navbar__toggle{flex-direction:column;justify-content:center;gap:6px;width:2.25rem;height:2.25rem;padding:.375rem;display:none}.navbar__toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.navbar__toggle span{background:var(--color-heading);height:2px;transition:transform var(--transition-fast), opacity var(--transition-fast);border-radius:1px;display:block}.navbar__toggle[aria-expanded=true] span:first-child{transform:translateY(4px)rotate(45deg)}.navbar__toggle[aria-expanded=true] span:last-child{transform:translateY(-4px)rotate(-45deg)}.navbar__links{align-items:center;gap:var(--spacing-xl);display:flex}.navbar__links button{font-family:var(--font-mono);color:var(--color-muted);transition:color var(--transition-fast);align-items:center;gap:.375rem;font-size:.8125rem;display:inline-flex}.navbar__links button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.navbar__links button:hover{color:var(--color-heading)}.navbar__index{color:var(--color-accent);font-size:.75rem}@media (width<=768px){.navbar__toggle{display:flex}.navbar__links{padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-lg);border-bottom:1px solid var(--color-border);background:#0b0d10fa;flex-direction:column;align-items:stretch;gap:0;display:none;position:absolute;top:calc(100% + 1px);left:0;right:0}.navbar__links--open{display:flex}.navbar__links li button{justify-content:flex-start;width:100%;padding:.75rem 0}}.footer{border-top:1px solid var(--color-border);padding:var(--spacing-xl) 0}.footer__container{max-width:1120px;padding:0 var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;margin:0 auto;display:flex}.footer__copy{color:var(--color-muted);font-size:.875rem}.footer__links{gap:var(--spacing-lg);display:flex}.footer__links a{font-family:var(--font-mono);color:var(--color-muted);transition:color var(--transition-fast);font-size:.8125rem}.footer__links a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.footer__links a:hover{color:var(--color-accent)}.hero{padding:var(--spacing-3xl) 0 var(--spacing-2xl)}.hero__container{max-width:1120px;padding:0 var(--spacing-lg);gap:var(--spacing-2xl);flex-direction:column;margin:0 auto;display:flex}.hero__editor{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-panel-raised);overflow:hidden}.hero__editor-titlebar{align-items:center;gap:var(--spacing-md);padding:.75rem var(--spacing-md);background:var(--color-panel);border-bottom:1px solid var(--color-border);display:flex}.hero__traffic-lights{gap:.375rem;display:flex}.hero__dot{border-radius:50%;width:.625rem;height:.625rem}.hero__dot--red{background:#ff5f57}.hero__dot--yellow{background:#febc2e}.hero__dot--green{background:#28c840}.hero__tab{font-family:var(--font-mono);color:var(--color-muted);font-size:.75rem}.hero__editor-body{grid-template-columns:auto 1fr;min-height:11rem;display:grid}.hero__line-numbers{padding:var(--spacing-lg) var(--spacing-md);border-right:1px solid var(--color-border);background:var(--color-panel);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex}.hero__line-numbers span{font-family:var(--font-mono);color:var(--color-muted);text-align:right;min-width:1.25rem;font-size:.8125rem;line-height:1.65}.hero__code{padding:var(--spacing-lg);margin:0;overflow-x:auto}.hero__code code{font-family:var(--font-mono);color:var(--color-body);font-size:clamp(.75rem,2.5vw,.875rem);line-height:1.65}.hero__code-line{white-space:pre}.hero__code-keyword{color:var(--color-accent)}.hero__code-string{color:var(--color-body)}.hero__code-amber{color:var(--color-amber)}.hero__bottom{gap:var(--spacing-2xl);grid-template-columns:1fr auto;align-items:center;display:grid}.hero__intro{max-width:36rem}.hero__greeting{font-family:var(--font-mono);color:var(--color-accent);margin-bottom:var(--spacing-sm);font-size:.875rem}.hero__name{margin-bottom:var(--spacing-sm);letter-spacing:-.02em;font-size:clamp(2.25rem,6vw,3.5rem)}.hero__role{font-family:var(--font-mono);color:var(--color-amber);margin-bottom:var(--spacing-lg);font-size:1rem}.hero__description{color:var(--color-body);margin-bottom:var(--spacing-xl);max-width:32rem;font-size:1.0625rem}.hero__buttons{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.hero__photo{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);width:min(100%,16rem);padding:.375rem}.hero__photo img{border-radius:calc(var(--radius-md) - 2px);aspect-ratio:1;object-fit:cover;width:100%}@media (width<=768px){.hero{padding-top:var(--spacing-2xl)}.hero__editor-body{grid-template-columns:2rem 1fr}.hero__line-numbers{padding:var(--spacing-md) var(--spacing-sm)}.hero__code{padding:var(--spacing-md)}.hero__bottom{grid-template-columns:1fr}.hero__photo{width:100%;max-width:16rem;margin:0 auto}}.button{justify-content:center;align-items:center;gap:var(--spacing-sm);font-family:var(--font-mono);border-radius:var(--radius-sm);white-space:nowrap;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.button{transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast)}}.button--primary{background:var(--color-accent);color:var(--color-bg);border:1px solid var(--color-accent)}.button--primary:hover{background:#6ae85a;border-color:#6ae85a}@media (prefers-reduced-motion:no-preference){.button--primary:hover{transform:translateY(-1px)}}.button--outline{color:var(--color-body);border:1px solid var(--color-border);background:0 0}.button--outline:hover{border-color:var(--color-accent);color:var(--color-heading)}.button--sm{padding:.5rem .875rem;font-size:.8125rem}.button--md{padding:.625rem 1.125rem}.button--lg{padding:.875rem 1.5rem;font-size:.9375rem}.about{padding:var(--spacing-3xl) 0}.about__container{max-width:1120px;padding:0 var(--spacing-lg);margin:0 auto}.about__grid{gap:var(--spacing-2xl);grid-template-columns:1fr min(18rem,100%);align-items:start;display:grid}.about__text{color:var(--color-body);font-size:1.0625rem;line-height:1.75}.about__meta{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);background:var(--color-panel-raised)}.about__meta-row{gap:var(--spacing-md);border-bottom:1px solid var(--color-border);grid-template-columns:5.5rem 1fr;padding:.75rem 0;display:grid}.about__meta-row:last-child{border-bottom:none;padding-bottom:0}.about__meta-row:first-child{padding-top:0}.about__meta-label{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted);font-size:.75rem}.about__meta-value{color:var(--color-heading);word-break:break-word;font-size:.9375rem}.about__meta-value--accent{font-family:var(--font-mono);color:var(--color-accent)}@media (width<=768px){.about__grid{grid-template-columns:1fr}}.projects{padding:var(--spacing-3xl) 0}.projects__container{max-width:1120px;padding:0 var(--spacing-lg);margin:0 auto}.projects__featured{margin-bottom:var(--spacing-xl)}.projects__row{gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr);display:grid}.projects__card{flex-direction:column;height:100%;display:flex}@media (prefers-reduced-motion:no-preference){.projects__card{transition:transform var(--transition-normal), border-color var(--transition-fast)}.projects__card:hover{transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.projects__card{transition:border-color var(--transition-fast)}}.projects__card--featured .projects__card-content{padding:var(--spacing-xl)}.projects__card--featured .projects__card-title{font-size:1.5rem}.projects__card--featured .projects__card-description{max-width:42rem;font-size:1rem}.projects__card--featured .projects__card-button{align-self:flex-start;width:auto}.projects__card-image{border-bottom:1px solid var(--color-border);background:var(--color-bg);width:100%;height:11rem;overflow:hidden}.projects__card-image:not(.projects__card-image--featured) .projects__card-image-frame{height:100%;aspect-ratio:unset;border:none;border-radius:0}.projects__card-image:not(.projects__card-image--featured) .projects__card-image-frame img{object-fit:cover;object-position:top center}.projects__card-image--featured{background:var(--color-panel);height:auto;padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;display:flex}.projects__browser-bar{background:var(--color-panel-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm) var(--radius-sm) 0 0;align-items:center;gap:.375rem;padding:.5rem .625rem;display:flex}.projects__browser-dot{border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem}.projects__browser-dot--red{background:#ff5f57}.projects__browser-dot--yellow{background:#febc2e}.projects__browser-dot--green{background:#28c840}.projects__browser-url{font-family:var(--font-mono);color:var(--color-muted);margin-left:.5rem;font-size:.6875rem}.projects__card-image-frame{border:1px solid var(--color-border);border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--color-bg);aspect-ratio:16/9;width:100%;overflow:hidden}.projects__card-image--featured .projects__card-image-frame{aspect-ratio:16/10;max-height:22rem}.projects__card-image-frame img{object-fit:contain;object-position:top center;width:100%;height:100%;display:block}@media (prefers-reduced-motion:no-preference){.projects__card-image-frame img{transition:transform var(--transition-normal)}.projects__card:hover .projects__card-image-frame img{transform:scale(1.02)}}.projects__card-content{padding:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.projects__card-labels{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex}.projects__featured-badge{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--color-accent);font-size:.75rem}.projects__card-type{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted);font-size:.75rem}.projects__card-title{margin-bottom:var(--spacing-sm);font-size:1.25rem}.projects__card-description{color:var(--color-body);margin-bottom:var(--spacing-lg);flex:1;font-size:.9375rem}.projects__card-tags{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.projects__card-button{width:100%;margin-top:auto}@media (width<=900px){.projects__row{grid-template-columns:1fr}.projects__card-image--featured .projects__card-image-frame{aspect-ratio:16/11;max-height:16rem}}.card{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.chip{font-family:var(--font-mono);color:var(--color-body);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:0 0;align-items:center;padding:.3rem .625rem;font-size:.75rem;display:inline-flex}.experience{padding:var(--spacing-3xl) 0}.experience__container{max-width:1120px;padding:0 var(--spacing-lg);max-width:52rem;margin:0 auto}.experience__timeline{padding-left:var(--spacing-xl);border-left:1px solid var(--color-border);gap:var(--spacing-2xl);flex-direction:column;display:flex;position:relative}.experience__item{position:relative}.experience__item:before{content:"";left:calc(-1 * var(--spacing-xl) - 4px);background:var(--color-accent);width:9px;height:9px;box-shadow:0 0 0 3px var(--color-bg);border-radius:50%;position:absolute;top:.35rem}.experience__header{margin-bottom:var(--spacing-md);font-family:var(--font-mono);flex-wrap:wrap;align-items:baseline;gap:.375rem .5rem;font-size:.875rem;display:flex}.experience__role{color:var(--color-heading);font-weight:600}.experience__separator{color:var(--color-muted)}.experience__org{color:var(--color-amber)}.experience__period{color:var(--color-muted);margin-left:auto;font-size:.8125rem}.experience__points{gap:var(--spacing-sm);flex-direction:column;display:flex}.experience__point{color:var(--color-body);padding-left:1.125rem;font-size:.9375rem;position:relative}.experience__point:before{content:"▸";color:var(--color-accent);font-size:.75rem;position:absolute;top:.15rem;left:0}@media (width<=640px){.experience__header{flex-direction:column;align-items:flex-start;gap:.25rem}.experience__separator{display:none}.experience__period{margin-left:0}}.skills{padding:var(--spacing-3xl) 0}.skills__container{max-width:1120px;padding:0 var(--spacing-lg);margin:0 auto}.skills__panels{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.skills__panel{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);background:var(--color-panel-raised)}.skills__category{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--spacing-md);font-size:.75rem;font-weight:500}.skills__chips{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}@media (width<=900px){.skills__panels{grid-template-columns:1fr}}:root{--color-bg:#0b0d10;--color-panel:#12151a;--color-panel-raised:#181c22;--color-border:#262b33;--color-heading:#ece8df;--color-body:#d9dce1;--color-muted:#8b9099;--color-accent:#7cff6b;--color-amber:#ffb454;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:.625rem;--transition-fast:.15s ease;--transition-normal:.25s ease;--nav-height:4rem}.contact{padding:var(--spacing-3xl) 0 var(--spacing-2xl)}.contact__container{max-width:1120px;padding:0 var(--spacing-lg);max-width:40rem;margin:0 auto}.contact__panel{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-2xl);background:var(--color-panel-raised);text-align:center}.contact__panel .section-title{margin-bottom:var(--spacing-lg)}.contact__text{color:var(--color-body);margin-bottom:var(--spacing-xl);max-width:32rem;margin-inline:auto;font-size:1.0625rem}.contact__actions{align-items:center;gap:var(--spacing-lg);flex-direction:column;display:flex}.contact__links{gap:var(--spacing-xl);display:flex}.contact__links a{font-family:var(--font-mono);color:var(--color-muted);transition:color var(--transition-fast);font-size:.875rem}.contact__links a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.contact__links a:hover{color:var(--color-accent)}