:root{--page: #fdf9f0;--ink: #1a1a1a;--muted: #626262;--focus: #77736b}*{box-sizing:border-box}html{scroll-behavior:smooth}@view-transition{navigation:auto}body{min-height:100vh;margin:0;display:grid;place-items:start center;overflow-x:hidden;background:var(--page);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}::selection{background:var(--ink);color:var(--page)}.portfolio-shell{width:min(800px,100%);min-height:640px;padding:40px 40px 48px;display:flex;flex-direction:column;animation:reveal .52s cubic-bezier(.22,1,.36,1) both}.site-header{display:flex;align-items:baseline;gap:20px}.site-name,.nav-link{font-size:16px;line-height:1.6;letter-spacing:-.015em;text-decoration:none;white-space:nowrap}.site-name{flex:0 0 auto;font-weight:500}.site-nav{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px}.nav-link{color:var(--muted);transition:color .18s ease}.nav-link-label,.social-link-label{border-bottom:1px solid transparent;transition:border-color .18s ease}.nav-link:hover,.nav-link:focus-visible,.nav-link-active{color:var(--ink)}.nav-link:hover .nav-link-label,.nav-link:focus-visible .nav-link-label,.social-link:hover .social-link-label,.social-link:focus-visible .social-link-label{border-color:currentColor}.nav-link-active{font-weight:500}.nav-link-external{display:inline-flex;align-items:baseline;gap:3px}.external-indicator{font-size:.85em;line-height:1;transform:translateY(-.04em)}.intro,.essay-archive,.article-page{width:100%;max-width:640px;margin:56px 0 88px}.intro{display:flex;flex-direction:column;gap:32px}.intro-copy{display:flex;flex-direction:column;gap:20px}.intro-copy p{margin:0;color:var(--ink);font-size:16px;line-height:1.65;letter-spacing:-.015em}.social-block{display:flex;flex-direction:column;gap:12px}.social-label{margin:0;color:var(--muted);font-size:12px;font-weight:600;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.social-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}.social-link{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:14px;font-weight:500;line-height:1.4;text-decoration:none;transition:color .18s ease}.social-link svg{width:16px;height:16px;flex:0 0 16px;fill:currentColor}.social-link:hover,.social-link:focus-visible{color:var(--ink)}.essay-intro{max-width:560px;margin:0;color:var(--muted);font-size:14px;font-weight:500;line-height:1.55;letter-spacing:-.015em}.essay-list{margin-top:48px;display:flex;flex-direction:column}.essay-row{min-height:68px;display:grid;grid-template-columns:minmax(0,1fr) 84px;align-items:baseline;gap:32px}.essay-title{margin:0;font-family:Newsreader,Georgia,serif;font-size:18px;font-weight:400;line-height:1.35;letter-spacing:-.01em}.essay-title a{text-decoration:none}.essay-title a:hover,.essay-title a:focus-visible{text-decoration:underline;text-underline-offset:4px}.essay-date{color:#444748;font-size:12px;font-weight:500;line-height:1.4;letter-spacing:.02em;white-space:nowrap}.article-page{margin-bottom:112px}.article-header{margin-bottom:48px}.article-meta{margin:0 0 12px;display:flex;gap:8px;color:var(--muted);font-size:12px;font-weight:500;letter-spacing:.02em}.article-header h1{margin:0;font-family:Newsreader,Georgia,serif;font-size:clamp(32px,5vw,44px);font-weight:400;line-height:1.12;letter-spacing:-.02em}.article-description{max-width:560px;margin:16px 0 0;color:var(--muted);font-size:16px;line-height:1.6}.article-body{font-family:Newsreader,Georgia,serif;font-size:19px;line-height:1.7}.article-body>:first-child{margin-top:0}.article-body h2,.article-body h3{margin:2em 0 .65em;font-weight:500;line-height:1.25}.article-body p,.article-body ul,.article-body ol,.article-body blockquote,.article-body pre{margin:0 0 1.25em}.article-body img{max-width:100%;height:auto}.article-body pre{overflow-x:auto;padding:18px;background:#f1eee5;font-size:14px}.article-body blockquote{margin-left:0;padding-left:20px;border-left:1px solid #b9b4aa;color:var(--muted)}.back-link{display:inline-block;margin-top:48px;color:var(--muted);font-size:14px;font-weight:500;text-decoration:none}.back-link:hover,.back-link:focus-visible{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.site-footer{margin-top:auto;color:var(--muted);font-size:13px;font-weight:500;line-height:1.4}.site-footer p{margin:0}a:focus-visible{border-radius:2px;outline:2px solid var(--focus);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes page-fade-out{to{opacity:0;transform:translateY(-3px)}}@keyframes page-fade-in{0%{opacity:0;transform:translateY(5px)}}::view-transition-old(root){animation:.15s ease-out both page-fade-out}::view-transition-new(root){animation:.32s cubic-bezier(.22,1,.36,1) both page-fade-in}@media(max-width:720px){body{place-items:stretch}.portfolio-shell{min-height:100vh;padding:40px 24px 32px}.site-header{flex-direction:column;align-items:flex-start;gap:12px}.site-nav{row-gap:6px}.intro,.essay-archive,.article-page{margin:48px 0 72px}.essay-list{margin-top:40px}.essay-row{min-height:auto;padding-bottom:28px;grid-template-columns:minmax(0,1fr);gap:6px}.article-body{font-size:18px}}@media(max-width:440px){.portfolio-shell{padding-inline:20px}.site-nav{gap-inline:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portfolio-shell,::view-transition-old(root),::view-transition-new(root){animation:none}*,*:before,*:after{transition-duration:.01ms!important}}
