:root{--zinc-50:#fafafa;--zinc-100:#f4f4f5;--zinc-200:#e4e4e7;--zinc-300:#d4d4d8;--zinc-400:#a1a1aa;--zinc-500:#71717a;--zinc-600:#52525b;--zinc-700:#3f3f46;--zinc-800:#27272a;--zinc-900:#18181b;--zinc-950:#09090b;--bg:var(--zinc-50);--fg:var(--zinc-800);--fg-strong:var(--zinc-950);--muted:var(--zinc-500);--prose:var(--zinc-600);--border:var(--zinc-400);--hover:var(--zinc-100);--accent:#0ea5e9;--accent-soft:#7dd3fc;--accent-ink:#075985;--success:#16a34a}html.dark{--bg:var(--zinc-900);--fg:var(--zinc-200);--fg-strong:var(--zinc-200);--muted:var(--zinc-400);--prose:#d4d4d8cc;--border:var(--zinc-500);--hover:var(--zinc-800);--accent:#0284c7;--accent-soft:transparent;--accent-ink:#0ea5e9;--success:#10b981}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;min-height:100%}body{background-color:var(--bg);min-height:100vh;color:var(--fg);margin:0;padding:0 1.5rem;font-family:Karla,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}.wrap{max-width:65ch;margin-inline:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}svg{flex-shrink:0;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:.25rem}.site-header{padding:2rem 0}.nav{justify-content:space-between;align-items:center;display:flex}.home-link{box-shadow:0 0 0 0 var(--accent);border-radius:.25rem;align-items:center;gap:.25rem;margin:-.5rem;padding:.5rem;transition:box-shadow .15s;display:flex;position:relative}.home-name{flex-direction:column;display:flex}.home-name span{color:var(--muted)}.home-chevron{display:none}body:not([data-page=home]) .home-chevron{display:block}@media (width>=768px){.home-link{margin-left:-3rem;padding-left:3rem}.home-chevron{position:absolute;left:.75rem}}@media (hover:hover){body:not([data-page=home]) .home-link:hover{box-shadow:0 0 0 1px var(--accent)}}.nav-actions{align-items:center;gap:1rem;display:flex}.nav-link{box-shadow:0 0 0 0 var(--accent);border-radius:.25rem;padding:1px .5rem;transition:box-shadow .15s;position:relative}@media (hover:hover){.nav-link:hover{box-shadow:0 0 0 1px var(--accent)}}.nav-link .marker{width:.5rem;height:.5rem;fill:var(--accent);color:#0000;margin-top:.25rem;display:none;position:absolute;left:50%;translate:-50%}.nav-link[aria-current=page] .marker{display:block}#theme-toggle{align-items:center;display:flex}#theme-toggle svg{width:1.25rem;height:1.25rem;transition:rotate .15s}[data-theme-icon]{display:none}html[data-theme=system] [data-theme-icon=system],html:not([data-theme]) [data-theme-icon=system],html[data-theme=light] [data-theme-icon=light],html[data-theme=dark] [data-theme-icon=dark]{display:block}[data-theme-icon=system]{fill:#d4d4d880}html.dark [data-theme-icon=system]{fill:#a1a1aa66}[data-theme-icon=light]{fill:#fde047}[data-theme-icon=dark]{fill:var(--zinc-700)}@media (hover:hover){#theme-toggle:hover [data-theme-icon=light]{rotate:45deg}#theme-toggle:hover [data-theme-icon=system],#theme-toggle:hover [data-theme-icon=dark]{rotate:-6deg}}main{padding-bottom:1rem}.stack{flex-direction:column;gap:1.5rem;display:flex}.intro{margin:0;font-size:.875rem}h1,h2{margin:0;font-size:1rem;font-weight:400}.page-heading{text-align:center;margin:1rem 0 4rem;font-size:3rem;line-height:1}article{flex-direction:column;gap:1rem;display:flex}article p{color:var(--prose);margin:0;line-height:1.625}article strong{color:var(--fg-strong);font-weight:400}article a{color:var(--fg-strong);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}.projects{flex-direction:column;gap:3rem;display:flex}.project{box-shadow:0 0 0 1px var(--border);border-radius:.25rem;flex-direction:column;display:flex;overflow:hidden}.project>*+*{border-top:1px solid var(--border)}.project-head{justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.project-head h2{font-size:1.25rem}.project-desc{margin:0;padding:1rem}.project img{width:100%;height:auto;display:block}.tags{align-items:center;gap:.75rem;display:flex}.tag{background-color:var(--tag-bg,var(--zinc-200));color:var(--tag-fg,var(--zinc-950));border-radius:9999px;padding:.125rem .625rem;font-size:.875rem}html.dark .tag{color:var(--zinc-200);box-shadow:0 0 0 1px var(--zinc-500);background-color:#0000}.project-actions{justify-content:space-between;width:100%;display:flex}.project-actions a{flex-grow:1;justify-content:center;align-items:center;gap:.5rem;padding:1rem 0;transition:background-color .15s;display:flex}.project-actions a+a{border-left:1px solid var(--border)}@media (hover:hover){.project-actions a:hover{background-color:var(--hover)}}.project-actions svg{width:1.25rem;height:1.25rem}.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:4rem 0;display:flex}.not-found h1{font-size:3rem;line-height:1}.not-found a{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}.card-list{box-shadow:0 0 0 1px var(--border);border-radius:.25rem;overflow:hidden}.card-list>*+*{border-top:1px solid var(--border)}.card{justify-content:space-between;align-items:center;gap:1rem;padding:1rem;transition:background-color .15s;display:flex}@media (hover:hover){.card:hover{background-color:var(--hover)}}.card-label{align-items:center;gap:1rem;min-width:0;display:flex}.card-arrow{width:1.25rem;height:1.25rem;color:var(--fg-strong);transition:rotate .15s}@media (hover:hover){.card:hover .card-arrow{rotate:45deg}}.icon-linkedin{fill:#0077b5}.icon-youtube{fill:#ff0032}.icon-x,.icon-github{fill:var(--zinc-950)}html.dark .icon-linkedin,html.dark .icon-youtube,html.dark .icon-x,html.dark .icon-github{fill:var(--zinc-200)}.contact{justify-content:space-between;gap:1.5rem;display:flex}.contact-left{flex-direction:column;justify-content:center;gap:1rem;display:flex}#copy-email{color:var(--fg-strong);align-items:center;gap:.75rem;display:flex}#copy-email svg{width:1rem;height:1rem}#copy-email [data-check-icon],#copy-email.copied [data-copy-icon]{display:none}#copy-email.copied [data-check-icon]{color:var(--success);display:block}.cta{background-color:var(--accent-soft);color:var(--accent-ink);box-shadow:0 0 0 1px var(--accent);white-space:nowrap;border-radius:.25rem;justify-content:center;align-items:center;gap:.75rem;padding:1rem;transition:background-color .15s;display:flex}@media (hover:hover){.cta:hover{background-color:var(--hover)}}.cta svg{width:1.25rem;height:1.25rem}[data-scroll-top]{z-index:10;background-color:var(--bg);box-shadow:0 0 0 1px var(--border);opacity:0;pointer-events:none;border-radius:.25rem;align-items:center;gap:.5rem;transition:opacity .15s,background-color .15s;display:flex;position:fixed}[data-scroll-top].visible{opacity:1;pointer-events:auto}@media (hover:hover){[data-scroll-top]:hover{background-color:var(--hover)}}[data-scroll-top] svg{width:1rem;height:1rem}.scroll-top-desktop{padding:.5rem .75rem .5rem 1rem;top:2rem;right:2rem}.scroll-top-mobile{padding:.75rem;display:none;bottom:1.5rem;right:1.5rem}.site-footer{color:var(--muted);flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 0;font-size:.875rem;display:flex}@media (width<=639px){.site-header{padding-top:1rem}.nav{flex-direction:column;gap:1.5rem}.home-link{text-align:center;justify-content:center;margin-left:-.5rem;padding-left:.5rem}.home-name{align-items:center}.home-chevron{display:none!important}.contact{flex-direction:column-reverse;justify-content:center}.contact-left{align-items:center}.scroll-top-desktop{display:none}.scroll-top-mobile{display:flex}.page-heading{font-size:2.25rem}.not-found h1{font-size:1.875rem}.project-head{flex-direction:column}}