:root{--bg:#f9f4e3;--surface:#f1e9cf;--text:#3a4d53;--muted:#7a8a8e;--accent:#0072d4;--accent-soft:rgba(0, 114, 212, 0.10);--border:#e3d9bd;--code-fg:#4c4f69;--code-mauve:#8839ef;--code-peach:#fe640b;--code-red:#d20f39;--code-teal:#179299;--code-blue:#1e66f5;--code-yellow:#df8e1d;--code-sapphire:#04a5e5;--code-rose:#dc8a78;--code-green:#40a02b;--code-overlay:#9ca0b0}[data-theme=dark]{--bg:#103c48;--surface:#184956;--text:#cad8d9;--muted:#7c9099;--accent:#4695f7;--accent-soft:rgba(70, 149, 247, 0.14);--border:#2d5b69;--code-fg:#cdd6f4;--code-mauve:#cba6f7;--code-peach:#fab387;--code-red:#f38ba8;--code-teal:#94e2d5;--code-blue:#89b4fa;--code-yellow:#f9e2af;--code-sapphire:#89dceb;--code-rose:#f5e0dc;--code-green:#a6e3a1;--code-overlay:#6c7086}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{color-scheme:light dark}.skip-link{position:absolute;left:.5rem;top:-100px;padding:.5rem .9rem;background:var(--surface);color:var(--accent);border:1px solid var(--border);border-radius:6px;z-index:100}.skip-link:focus{top:.5rem}main:focus{outline:none}body{font-size:1.3rem;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,inter,segoe ui,Roboto,Helvetica,Arial,sans-serif;font-feature-settings:"kern","liga","ss01";background:var(--bg);color:var(--text);line-height:1.65;min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:20rem 1fr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .25s ease,color .25s ease}a{color:var(--accent);text-decoration:none;text-underline-offset:3px;text-decoration-thickness:1px;transition:color .15s ease}a:hover{text-decoration:underline}.sidebar{border-right:1px solid var(--border);padding:5rem 2.25rem 2.5rem;position:sticky;top:0;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:flex-start;gap:1.1rem}.name,.tagline{overflow-wrap:anywhere;max-width:100%}.avatar{width:104px;height:104px;border-radius:50%;border:1px solid var(--border);background:var(--surface);box-shadow:0 1px 2px rgba(0,0,0,4%),0 8px 24px -12px rgba(0,0,0,.18);margin-bottom:.25rem}.name{font-size:2.304rem;font-weight:700;letter-spacing:-.025em;line-height:1.2}.name a{color:var(--text)}.name a:hover{color:var(--accent);text-decoration:none}.tagline{display:inline-flex;align-items:center;gap:.35rem;color:var(--muted);font-size:1.296rem}.tagline svg{transform:translateY(-3px)}.sidebar nav{display:flex;flex-direction:column;gap:.4rem;margin-top:1.25rem;width:100%}.sidebar nav a{color:var(--muted);font-size:1.368rem;font-weight:500;letter-spacing:.02em;padding:.35rem 0;border-left:2px solid transparent;padding-left:.75rem;margin-left:-.75rem;transition:color .15s ease,border-color .15s ease}.sidebar nav a:hover{color:var(--text);text-decoration:none}.sidebar nav a.active{color:var(--accent);border-left-color:var(--accent)}.sidebar nav a.sub{padding-left:1.75rem;font-size:1.2672rem}.sidebar-bottom{margin-top:auto;width:100%;padding-top:1.25rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:1rem}.socials{list-style:none;display:flex;gap:.5rem;padding:0;margin:0}.socials a{display:grid;place-items:center;width:68px;height:68px;border-radius:8px;color:var(--muted);border:1px solid var(--border);transition:color .15s ease,border-color .15s ease,background .15s ease}.socials a:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft);text-decoration:none}.socials svg,.socials img{width:37px;height:37px;display:block}[data-theme=light] .socials .icon-dark{display:none}[data-theme=dark] .socials .icon-light{display:none}#theme-toggle{background:0 0;border:1px solid var(--border);color:var(--muted);border-radius:8px;cursor:pointer;font-size:.85rem;padding:.4rem .75rem;width:calc(3 * 68px + 2 * .5rem);transition:color .15s ease,border-color .15s ease,background .15s ease}#theme-toggle:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}[data-theme=light] .theme-icon-light{display:none}[data-theme=dark] .theme-icon-dark{display:none}main{padding:5rem 3.5rem 4rem;max-width:62rem;min-width:0}.content{overflow-wrap:anywhere}.content img,.content video{max-width:100%;height:auto}.content h1{font-size:3.456rem;font-weight:700;letter-spacing:-.025em;line-height:1.15;margin-bottom:1.75rem}.content h2{font-size:1.944rem;font-weight:600;letter-spacing:-.01em;margin-top:2.75rem;margin-bottom:.6rem}.content p{margin-bottom:1.1rem;color:var(--text)}.content ul{padding-left:1.25rem;margin-bottom:1.1rem}.content li{margin-bottom:.3rem}.content li::marker{color:var(--muted)}.content a{border-bottom:1px solid var(--accent)}.content a:hover{border-bottom-color:var(--accent);text-decoration:none}.content code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,liberation mono,monospace;font-size:.88em;padding:.1rem .35rem;background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text)}.content pre{margin:1.25rem 0 1.5rem;padding:1rem 1.15rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow-x:auto;font-size:1.224rem;line-height:1.55;box-shadow:0 1px 2px rgba(0,0,0,4%)}.content pre code{font-size:inherit;padding:0;background:0 0;border:0;border-radius:0;color:inherit;white-space:pre}.content a code{border-bottom:0}.content .highlight{position:relative}.copy-btn{position:absolute;top:.5rem;right:.5rem;padding:.33rem .55rem .1rem;font-family:inherit;font-size:1.008rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:5px;cursor:pointer;line-height:1;transition:color .15s ease,border-color .15s ease,background .15s ease}.copy-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.copy-btn.copied{color:var(--code-green);border-color:var(--code-green)}.content .highlight pre.chroma{color:var(--code-fg)}.chroma .k,.chroma .kp,.chroma .kr,.chroma .nt{color:var(--code-mauve)}.chroma .kc,.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .il,.chroma .mo,.chroma .nn,.chroma .ne,.chroma .py{color:var(--code-peach)}.chroma .kd,.chroma .kt,.chroma .sa{color:var(--code-red)}.chroma .kn,.chroma .ni,.chroma .sr{color:var(--code-teal)}.chroma .na,.chroma .nf,.chroma .fm,.chroma .dl,.chroma .se{color:var(--code-blue)}.chroma .nd{color:var(--code-blue);font-weight:700}.chroma .nc,.chroma .no{color:var(--code-yellow)}.chroma .nb,.chroma .bp,.chroma .nl{color:var(--code-sapphire)}.chroma .nv,.chroma .vc,.chroma .vg,.chroma .vi,.chroma .vm{color:var(--code-rose)}.chroma .s,.chroma .sb,.chroma .sc,.chroma .s1,.chroma .s2,.chroma .si,.chroma .sx,.chroma .ss{color:var(--code-green)}.chroma .sd,.chroma .sh{color:var(--code-overlay)}.chroma .o,.chroma .ow{color:var(--code-sapphire);font-weight:700}.chroma .c,.chroma .ch,.chroma .cm,.chroma .c1,.chroma .cs,.chroma .cp,.chroma .cpf{color:var(--code-overlay);font-style:italic}.chroma .err,.chroma .gr,.chroma .gt,.chroma .gd{color:var(--code-red)}.chroma .gi{color:var(--code-green)}.chroma .gh,.chroma .gu{color:var(--code-peach);font-weight:700}.chroma .ge{font-style:italic}.chroma .gs{font-weight:700}.projects{display:flex;flex-direction:column;gap:1.5rem;margin-top:3rem}.project{position:relative;padding:1.25rem 0}.project::before{content:"";position:absolute;inset:12% 4%;border:1px solid var(--border);border-radius:10px;pointer-events:none;z-index:0}.project__image{display:block;width:62%;border-radius:10px;overflow:hidden;background:var(--surface);position:relative;z-index:1;box-shadow:0 12px 28px -16px rgba(0,0,0,.28);line-height:0}.project__image img,.project__image a{display:block;width:100%;height:auto;border-bottom:0}.project__image img{transition:transform .4s ease}.project__image:hover img{transform:scale(1.02)}.project__body{width:62%;margin-top:-3rem;padding:1.25rem 1.9rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 28px -16px rgba(0,0,0,.28);position:relative;z-index:2}.project--right .project__image{margin-left:auto;margin-right:0}.project--right .project__body{margin-left:0;margin-right:auto}.project--left .project__image{margin-left:0;margin-right:auto}.project--left .project__body{margin-left:auto;margin-right:0}.project--no-image::before{display:none}.project--no-image .project__body{width:100%;margin-top:0;margin-left:0;margin-right:0}.project-title{font-size:2.016rem;font-weight:600;letter-spacing:-.01em;margin:0 0 .4rem}.project-meta{color:var(--muted);font-size:1.08rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;margin:0 0 1.1rem;display:flex;align-items:center;flex-wrap:wrap}.project-meta span+span::before{content:"·";margin:0 .65rem;color:var(--border)}.project-body p{margin-bottom:.75rem;color:var(--text)}.project-body p:last-child{margin-bottom:0}.project-cta{margin-top:1rem;font-size:1.368rem;font-weight:500}.project-cta a{border-bottom:none}.tags{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;padding:0;margin:1.25rem 0 0}.tags li{font-size:1.0368rem;font-weight:500;letter-spacing:.04em;text-transform:lowercase;padding:.2rem .65rem;border:1px solid var(--border);border-radius:999px;color:var(--muted);background:var(--surface)}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(min-width:761px) and (max-width:960px){body{grid-template-columns:16rem 1fr}.sidebar{padding:3rem 1.5rem 2rem;gap:.9rem}.avatar{width:88px;height:88px}.name{font-size:1.92rem}.tagline{font-size:1.15rem}.sidebar nav a{font-size:1.224rem}.sidebar nav a.sub{font-size:1.134rem}main{padding:3rem 2rem}.content h1{font-size:2.88rem}.socials a{width:56px;height:56px}.socials svg,.socials img{width:30px;height:30px}#theme-toggle{width:calc(3 * 56px + 2 * .5rem)}}@media(max-width:760px){body{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--border);padding:2.5rem 1.75rem}.avatar{width:80px;height:80px}main{padding:2.5rem 1.75rem 3rem}.content h1{font-size:2.88rem}.project{padding:1rem 0}.project::before{inset:6% 0;border-radius:8px}.project__image,.project--right .project__image,.project--left .project__image,.project__body,.project--right .project__body,.project--left .project__body{width:100%;margin-left:0;margin-right:0}.project__body{margin-top:-1.75rem}}