:root{color-scheme:dark;--bg:#0d1011;--text:#f4f4ef;--muted:#a7ada9;--dot:#2c3232;--surface:#171b1b;--border:#303736;--accent:#55c2e9;--accent-ink:#071114}:root[data-theme=light]{color-scheme:light;--bg:#f6f6f2;--text:#151817;--muted:#626a66;--dot:#cbd0cc;--surface:#fff;--border:#d9ddda;--accent:#1ca7d9;--accent-ink:#fff}*{box-sizing:border-box}html{background:var(--bg)}body{min-height:100vh;color:var(--text);background-color:var(--bg);background-image:radial-gradient(circle, var(--dot) 1.25px, transparent 1.25px);background-position:50%;background-size:38px 38px;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:color .18s,background-color .18s}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:4px}.site-header{z-index:2;justify-content:flex-end;align-items:center;gap:28px;width:min(1220px,100% - 64px);display:flex;position:absolute;top:28px;left:50%;transform:translate(-50%)}.theme-toggle{width:50px;height:50px;color:var(--text);background:color-mix(in srgb, var(--surface) 88%, transparent);cursor:pointer;backdrop-filter:blur(10px);border:0;border-radius:50%;place-items:center;padding:0;transition:transform .16s,background-color .18s;display:grid;box-shadow:0 12px 34px #0000002e}.theme-toggle:hover{transform:rotate(8deg)scale(1.05)}.theme-toggle svg{width:21px;height:21px}.icon-sun,:root[data-theme=light] .icon-moon{display:none}:root[data-theme=light] .icon-sun{display:block}.site-nav{gap:24px;display:flex}.site-nav a{color:var(--muted);font-size:.9rem;font-weight:650;text-decoration:none;transition:color .16s}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--text)}.header-socials{gap:10px;margin-right:auto;display:flex}.header-socials .social-link{width:38px;height:38px}.portfolio{grid-template-columns:minmax(280px,420px) minmax(0,1fr);align-items:center;gap:clamp(70px,9vw,140px);width:min(1220px,100% - 64px);min-height:100vh;margin:0 auto;padding:100px 0;display:grid}.portrait{aspect-ratio:1;border:1px solid var(--border);border-radius:50%;padding:12px;position:relative}.portrait:before{content:"";z-index:-1;background:var(--accent);opacity:.28;border-radius:50%;position:absolute;inset:7% -4% -2% 8%}.portrait img{object-fit:cover;object-position:center;filter:grayscale(18%);border-radius:50%;width:100%;height:100%;display:block}.socials{justify-content:center;gap:14px;margin-top:32px;display:flex}.social-link{width:52px;height:52px;color:var(--text);background:var(--surface);border-radius:50%;place-items:center;transition:color .16s,background-color .16s,transform .16s;display:grid}.social-link:hover{color:var(--accent-ink);background:var(--accent);transform:translateY(-4px)}.social-link svg{fill:currentColor;width:21px;height:21px}.email-block{background:var(--surface);border-radius:14px;justify-content:space-between;align-items:center;gap:14px;width:min(100%,300px);margin:18px auto 0;padding:13px 16px;font-size:.86rem;font-weight:650;display:flex}.email-address{color:var(--text);text-decoration:none}.copy-email{width:62px;color:var(--accent-ink);background:var(--accent);font:inherit;cursor:pointer;border:0;border-radius:8px;flex:none;padding:7px 0;font-size:.72rem;font-weight:750}.intro{max-width:690px}.eyebrow{color:var(--accent);letter-spacing:.38em;text-transform:uppercase;margin:0 0 20px;font-size:.78rem;font-weight:750}.portfolio h1{letter-spacing:-.065em;white-space:nowrap;max-width:650px;margin:0;font-size:clamp(2.8rem,4.6vw,4.8rem);font-weight:750;line-height:.9}.role{color:var(--text);margin:28px 0 0;font-size:clamp(1.25rem,2.2vw,1.75rem);font-weight:600;line-height:1.35}.about{max-width:640px;color:var(--muted);margin:22px 0 0;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.75}.about a,.prose a{color:var(--text);text-decoration:underline dotted var(--accent) 2px;text-underline-offset:.22em}.about a:hover,.prose a:hover{color:var(--accent)}.skills{flex-wrap:wrap;gap:10px;margin:34px 0 0;padding:0;list-style:none;display:flex}.skills li{color:var(--text);background:var(--surface);border-radius:999px;padding:10px 15px;font-size:.85rem;font-weight:650}.content-shell{width:min(760px,100% - 64px);min-height:100vh;margin:0 auto;padding:154px 0 96px}.blog-page{flex-direction:column;display:flex}.blog-page .content-shell{flex:1;min-height:0}.blog-footer{border-top:1px solid var(--border);width:min(1220px,100% - 64px);color:var(--muted);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;padding:24px 0 28px;font-size:.78rem;font-weight:650;display:flex}.blog-footer p{text-align:right;margin:0}.blog-footer a{color:inherit;text-decoration:none}.blog-footer a:hover{color:var(--text)}.blog-hero{margin-bottom:64px}.blog-hero h1,.post-header h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.7rem,7vw,4.8rem);font-weight:750;line-height:1}.post-list{gap:48px;width:min(100%,640px);margin:0;padding:0;list-style:none;display:grid}.post-preview{grid-template-columns:125px minmax(0,1fr);gap:24px;display:grid}.post-preview time,.post-header time{color:var(--muted);font-size:.82rem;font-weight:650}.post-preview time{padding-top:7px}.post-preview h2{letter-spacing:-.025em;margin:0;font-size:clamp(1.3rem,3vw,1.7rem);line-height:1.2}.post-preview h2 a{color:var(--text);text-decoration:none}.post-preview h2 a:hover{color:var(--accent)}.post-preview p{color:var(--muted);margin:8px 0 0;line-height:1.65}.post-tags{flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.post-tags li{color:var(--muted);background:var(--surface);border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:650}.post-meta{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.post-meta .post-tags{margin:0}.empty-state{border-top:1px solid var(--border);color:var(--muted);padding-top:28px}.back-link{color:var(--muted);margin-bottom:58px;font-size:.88rem;font-weight:650;text-decoration:none;display:inline-block}.back-link:hover{color:var(--text)}.post-header{border-bottom:1px solid var(--border);padding-bottom:52px}.post-header h1{margin-top:16px}.post-header p{color:var(--muted);margin:22px 0 0;font-size:1.08rem;line-height:1.7}.prose{padding-top:44px;font-size:1.05rem;line-height:1.8}.prose>:first-child{margin-top:0}.prose h2,.prose h3{letter-spacing:-.025em;margin:2.1em 0 .65em;line-height:1.25}.prose :is(h2,h3,h4,h5,h6){scroll-margin-top:24px}.prose :is(h2,h3,h4,h5,h6)>a{color:inherit;text-decoration:none}.prose :is(h2,h3,h4,h5,h6)>a:hover,.prose :is(h2,h3,h4,h5,h6)>a:focus-visible{color:inherit}.prose :is(h2,h3,h4,h5,h6)>a:before{content:"#" / "";width:1em;color:inherit;opacity:0;margin-left:-1em;display:inline-block}.prose :is(h2,h3,h4,h5,h6)>a:hover:before,.prose :is(h2,h3,h4,h5,h6)>a:focus-visible:before,.prose :is(h2,h3,h4,h5,h6):target>a:before{opacity:1}.prose p,.prose ul,.prose ol,.prose blockquote{margin:1.2em 0}.prose blockquote{color:var(--muted);border-left:3px solid var(--accent);padding-left:22px}.prose code{background:var(--surface);border-radius:5px;padding:.15em .35em;font-size:.9em}.prose pre{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;line-height:1.55;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose img{max-width:100%;height:auto}@media (width>=801px) and (width<=1100px){.site-header,.portfolio{width:calc(100% - 48px)}.portfolio{grid-template-columns:minmax(260px,330px) minmax(0,1fr);gap:clamp(36px,5vw,56px)}.portfolio h1{font-size:clamp(2.15rem,4.5vw,3rem)}}@media (width<=800px){.site-header{gap:10px;width:min(100% - 40px,570px);top:18px}.header-socials{gap:6px}.header-socials .social-link{width:32px;height:32px}.header-socials .social-link svg{width:16px;height:16px}.site-nav{gap:14px}.theme-toggle{width:44px;height:44px}.portfolio{grid-template-columns:1fr;gap:64px;width:min(100% - 40px,570px);padding:96px 0 64px}.profile{width:min(78vw,340px);margin:0 auto}.intro{text-align:center}.eyebrow{margin-bottom:15px}.portfolio h1{font-size:clamp(1.65rem,8.1vw,3.2rem)}.skills{justify-content:center}.content-shell{width:min(100% - 40px,650px);padding:126px 0 70px}.blog-footer{flex-direction:column;align-items:flex-start;gap:8px;width:min(100% - 40px,650px);padding:20px 0 24px}.blog-footer p{text-align:left}.blog-hero{margin-bottom:48px}.post-preview{grid-template-columns:1fr;gap:10px}.post-preview time{padding-top:0}.back-link{margin-bottom:42px}.post-header{padding-bottom:40px}.prose{padding-top:34px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}