@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:56px}body,h1,h2,h3,p{margin:0}button,input,textarea{font:inherit}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}img,svg{max-width:100%;display:block}button{cursor:pointer}[hidden]{display:none!important}}@layer base{:root{color-scheme:light dark;--paper:light-dark(#fbf9f4,#181612);--ink:light-dark(#30291f,#eee7d8);--muted:light-dark(#746650,#b1a48c);--subtle:light-dark(#786950,#9e9077);--accent:light-dark(#89621c,#d1ae69);--border:light-dark(#e4dbc9,#3a3224);--hover:light-dark(#f3eddf,#231e16);--selection:light-dark(#ead9b2,#554126);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.75}::selection{color:var(--ink);background:var(--selection)}a{text-underline-offset:5px;text-decoration:none}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:2px}p{text-wrap:pretty}h1,h2,h3{text-wrap:balance}h1{letter-spacing:-1.5px;font-size:clamp(30px,3.2vw,39px);font-weight:500;line-height:1.28}h2{letter-spacing:.035em;color:var(--muted);font-size:12px;font-weight:500}h3{letter-spacing:-.1px;font-size:15px;font-weight:550;line-height:1.6}strong{font-weight:600}}@layer layout{.portfolio-shell{grid-template-columns:240px minmax(0,1fr);column-gap:100px;width:min(1056px,100% - 128px);margin:0 auto;padding:96px 0 40px;display:grid}.sidebar{flex-direction:column;justify-content:space-between;align-self:start;min-height:min(600px,100svh - 148px);display:flex;position:sticky;top:88px}.main-column{min-width:0}.introduction{margin-bottom:65px}.section{margin-bottom:64px;scroll-margin-top:64px}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.site-footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin-top:72px;padding-top:24px;font-size:11px;display:flex}.reading-page{width:min(100% - 48px,720px);margin:0 auto;padding:64px 0}.not-found{flex-direction:column;justify-content:center;gap:22px;min-height:80svh;display:flex}}@layer components{.identity{white-space:nowrap;letter-spacing:-1.2px;align-items:center;gap:2px;max-width:100%;font-size:31px;font-weight:500;line-height:1.15;display:inline-flex}.identity-mark{width:62px;height:42px;color:var(--accent);flex:none}.role{color:var(--muted);letter-spacing:-.1px;margin-top:10px;font-size:14px}.tagline{color:var(--muted);margin-top:28px;font-size:14px;line-height:1.8}.tagline>span{display:block}.section-nav{flex-direction:column;align-items:flex-start;gap:14px;margin-top:44px;display:flex}.section-nav a{color:var(--muted);align-items:center;gap:12px;font-size:12px;transition:color .16s;display:flex}.nav-line{background:var(--border);width:16px;height:1px;transition:width .18s,background-color .18s}.section-nav a[aria-current],.section-nav a:hover{color:var(--ink)}.section-nav a[aria-current] .nav-line,.section-nav a:hover .nav-line{background:var(--accent);width:28px}.nav-arrow{opacity:0;margin-left:-6px;transition:opacity .16s}.section-nav a:hover .nav-arrow,.section-nav a:focus-visible .nav-arrow{opacity:1}.sidebar-bottom{padding-top:54px}.contact-links{flex-direction:column;align-items:flex-start;gap:10px;font-size:12px;display:flex}.email-link{color:var(--ink);align-items:center;gap:7px;display:inline-flex}.email-link span,.resume-link span{color:var(--muted)}.social-links{color:var(--muted);flex-wrap:wrap;gap:16px;display:flex}.resume-link{color:var(--muted);gap:8px;display:inline-flex}.contact-links a:hover{color:var(--accent)}.theme-toggle{color:var(--subtle);background:0 0;border:0;align-items:center;gap:8px;margin-top:28px;padding:4px 0;font-size:11px;display:inline-flex}.theme-toggle:hover{color:var(--ink)}.intro-location{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:23px;font-size:10px;display:flex}.location-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;margin-right:2px}.introduction h1{margin-bottom:24px}.introduction h1>span{color:var(--muted)}.introduction>p{max-width:500px;color:var(--muted);font-size:15px;line-height:1.85}.introduction .current-work{margin-top:17px;font-size:12px}.current-work>span{color:var(--ink)}.section-count{color:var(--subtle);font-size:10px;font-family:var(--font-mono)}.project-link{border-top:1px solid var(--border);isolation:isolate;padding:21px 0 23px;display:block;position:relative}.project-link:last-child{border-bottom:1px solid var(--border)}.project-link:before{content:"";background:var(--hover);z-index:-1;opacity:0;border-radius:5px;transition:opacity .18s;position:absolute;inset:0 -15px}.project-link:hover:before{opacity:1}.project-top{align-items:baseline;gap:11px;display:flex}.project-top h3{flex:1;font-size:16px}.project-index{font-family:var(--font-mono);color:var(--subtle);font-size:10px}.arrow{color:var(--muted);font-size:16px;transition:transform .18s,color .18s;display:inline-block}.project-link:hover .arrow,.writing-link:hover .arrow{color:var(--accent);transform:translate(2px,-2px)}.project-link>p{color:var(--muted);margin:9px 26px 11px;font-size:13px;line-height:1.75}.project-link .project-stack{color:var(--subtle);margin-left:26px;font-size:10px}.text-link{color:var(--muted);font-size:11px}.text-link:hover{color:var(--accent)}.section-description{color:var(--muted);margin:-8px 0 25px;font-size:13px}.pet-project-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px;margin:0 0 18px;padding:0;list-style:none;display:grid}.pet-project-list>li{border-top:1px solid var(--border);display:flex}.pet-project-link{flex-direction:column;width:100%;padding:19px 0 22px;display:flex}.pet-project-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.pet-project-link>p{color:var(--muted);margin:8px 0 14px;font-size:12px;line-height:1.8}.pet-project-meta{color:var(--subtle);flex-direction:column;gap:2px;margin-top:auto;font-size:10px;display:flex}.pet-project-meta>span:first-child,.pet-project-link:hover h3{color:var(--accent)}.pet-project-link:hover .arrow{color:var(--accent);transform:translate(2px,-2px)}.experience-list{padding:0;list-style:none}.experience-item{grid-template-columns:112px minmax(0,1fr);gap:23px;margin-top:32px;display:grid}.experience-period{color:var(--subtle);padding-top:4px;font-size:10px;line-height:1.7}.experience-role{color:var(--muted);margin-top:3px;font-size:12px}.company-link:hover,.company-link:focus-visible{color:var(--accent);text-decoration:underline}.company-arrow{color:var(--subtle);margin-left:.35em;font-size:.8em;display:inline-block}.experience-description{color:var(--muted);margin-top:12px;font-size:13px;line-height:1.8}.experience-stack{color:var(--subtle);margin-top:12px;font-size:10px;line-height:1.9}.about-copy{color:var(--muted);font-size:14px;line-height:1.9}.about-copy p+p{margin-top:18px}.working-with{color:var(--subtle);margin-top:24px;font-size:10px;line-height:2}.working-with>span{color:var(--border);padding:0 8px}.writing-link{grid-template-columns:48px minmax(0,1fr) 16px;align-items:baseline;gap:16px;padding:12px 0;font-size:13px;display:grid}.writing-year{color:var(--subtle);font-size:11px}.site-footer a:hover{color:var(--accent)}.eyebrow{color:var(--muted);letter-spacing:.045em;font-size:12px;font-weight:500}.back-link{color:var(--muted)}.back-link:hover{color:var(--accent)}.reading-description,.article-meta,.reading-footer{color:var(--muted)}.reading-footer a:hover,.project-links a:hover{color:var(--accent)}.prose{color:var(--muted);overflow-wrap:break-word;font-size:16px;line-height:1.9}.prose p+p{margin-top:1.25em}.prose h2{letter-spacing:-.3px;color:var(--ink);margin:2.5em 0 1em;font-size:19px}.prose h3{color:var(--ink);margin:2em 0 .8em;font-size:16px}.prose strong{color:var(--ink)}.prose a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--border)}.prose a:hover{text-decoration-color:var(--accent)}.prose ul,.prose ol{margin:1.3em 0;padding-left:1.3em}.prose li+li{margin-top:.6em}.prose blockquote{border-left:2px solid var(--accent);margin:2em 0;padding-left:1.4em}.prose code{font-family:var(--font-mono);background:var(--hover);border-radius:4px;padding:2px 5px;font-size:.85em}.prose pre{border:1px solid var(--border);border-radius:6px;margin:1.6em 0;padding:22px;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose hr{border:0;border-top:1px solid var(--border);margin:2.5em 0}}@layer utilities{.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:10;background:var(--ink);color:var(--paper);padding:8px 16px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}@media (width<=1000px){.portfolio-shell{grid-template-columns:190px minmax(0,1fr);column-gap:60px;width:calc(100% - 80px);padding-top:74px}.sidebar{top:72px}.experience-item{grid-template-columns:95px minmax(0,1fr);gap:20px}.pet-project-list{grid-template-columns:1fr}}@media (width<=760px){.portfolio-shell{width:min(560px,100% - 48px);padding:46px 0 28px;display:block}.sidebar{min-height:0;margin-bottom:58px;display:block;position:static}.sidebar-top{position:relative}.identity{font-size:32px}.tagline{display:none}.role{margin-top:8px}.section-nav{flex-flow:wrap;gap:12px 23px;margin-top:28px}.section-nav a{font-size:12px}.nav-line{display:none}.section-nav a[aria-current]{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:7px}.nav-arrow{display:none}.sidebar-bottom{justify-content:space-between;align-items:center;gap:16px;padding-top:20px;display:flex}.contact-links{flex-flow:wrap;gap:16px;font-size:11px}.email-link{display:none}.social-links{gap:16px}.theme-toggle{margin:0;padding:8px 0}.introduction{margin-bottom:50px}.introduction h1{font-size:33px}.introduction>p{font-size:14px}.intro-location{font-size:10px}.section{margin-bottom:52px}.experience-item{grid-template-columns:100px minmax(0,1fr);gap:20px}.site-footer{margin-top:52px}}@media (width<=420px){.portfolio-shell{width:calc(100% - 40px);padding-top:34px}.section-nav{gap:10px 19px}.contact-links,.social-links{gap:13px}.experience-item{grid-template-columns:1fr;gap:7px;margin-top:30px}.experience-period{padding:0}.experience-description{margin-top:10px}.site-footer{flex-direction:column;align-items:flex-start;gap:16px}.project-link>p{margin-right:0}}@media (pointer:coarse){.section-nav a{min-height:36px}.contact-links a,.theme-toggle{align-items:center;min-height:36px;display:inline-flex}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}}