:root{color-scheme:light;--bg:#fbfbf8;--surface:#ffffff;--ink:#181817;--muted:#6f6f68;--line:#deded6;--accent:#2457c5;--accent-soft:#e7efff;--code-bg:#f2f4f1;--max:1120px;--measure:720px;--header-height:72px}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,segoe ui,sans-serif;font-size:16px;letter-spacing:0;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:linear-gradient(90deg,rgba(24,24,23,.035) 1px,transparent 1px)0 0/56px 56px,var(--bg)}body,button,input,textarea{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}p{line-height:1.7}img,svg{max-width:100%}::selection{background:var(--accent-soft);color:var(--ink)}.skip-link{position:absolute;left:1rem;top:1rem;z-index:20;transform:translateY(-140%);background:var(--ink);color:var(--surface);padding:.65rem .85rem;border-radius:6px}.skip-link:focus{transform:translateY(0)}.site-header{min-height:var(--header-height);width:min(100% - 32px,var(--max));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line)}.site-mark,.site-nav{display:flex;align-items:center}.site-mark{gap:.65rem;font-weight:720}.mark-glyph{display:inline-grid;place-items:center;width:2rem;height:2rem;border:1px solid var(--ink);border-radius:50%;font-family:ui-serif,Georgia,Cambria,times new roman,serif;font-weight:700}.site-nav{gap:clamp(1rem,3vw,2rem);color:var(--muted);font-size:.95rem}.site-nav a,.text-link{position:relative;width:fit-content}.site-nav a::after,.text-link::after{content:"";position:absolute;left:0;right:0;bottom:-.24rem;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 180ms ease}.site-nav a:hover::after,.site-nav a[aria-current=page]::after,.text-link:hover::after{transform:scaleX(1)}.hero{width:min(100% - 32px,var(--max));min-height:calc(100svh - var(--header-height));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr)minmax(220px,320px);align-items:center;gap:clamp(2rem,7vw,6rem);padding:clamp(3rem,8vw,6.5rem)0}.hero-copy{animation:lift-in 520ms ease both}.eyebrow{margin:0 0 .85rem;color:var(--accent);font-size:.78rem;font-weight:760;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}h1,h2,h3{margin:0;color:var(--ink);font-family:ui-serif,Georgia,Cambria,times new roman,serif;font-weight:650;letter-spacing:0;text-wrap:balance}h1{max-width:11ch;font-size:clamp(4.5rem,12vw,9rem);line-height:.9}h2{font-size:clamp(2.25rem,6vw,4.8rem);line-height:.95}.lede{max-width:36rem;margin:1.35rem 0 0;color:#373733;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-top:2rem;color:var(--muted)}.text-link{color:var(--accent);font-weight:650}.text-link.strong{color:var(--ink)}.hero-portrait{margin:0;display:grid;gap:.85rem;justify-self:end;width:min(100%,280px);animation:settle-in 700ms 120ms ease both}.hero-portrait img{width:100%;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;display:block;object-fit:cover;object-position:52% 46%}.hero-portrait figcaption{max-width:24rem;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,liberation mono,monospace;margin:0;font-size:.84rem;line-height:1.6}pre,code{font-family:ui-monospace,SFMono-Regular,Consolas,liberation mono,monospace}.content-band,.page-intro,.archive,.post{width:min(100% - 32px,var(--max));margin:0 auto}.content-band{display:grid;grid-template-columns:.36fr 1fr;gap:clamp(2rem,6vw,5rem);padding:clamp(4rem,8vw,7rem)0;border-top:1px solid var(--line)}.split-band{border-bottom:1px solid var(--line)}.section-heading{position:sticky;top:1.5rem;align-self:start}.entry-list{display:grid}.entry{display:grid;grid-template-columns:minmax(9rem,.28fr)minmax(0,1fr);gap:.5rem 2rem;padding:1.45rem 0;border-top:1px solid var(--line);transition:transform 180ms ease,border-color 180ms ease}.entry:first-child{border-top-color:var(--ink)}.entry:hover{border-top-color:var(--accent);transform:translateX(.35rem)}.entry time{grid-row:span 2;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,liberation mono,monospace;font-size:.82rem}.entry a{width:fit-content;font-family:ui-serif,Georgia,Cambria,times new roman,serif;font-size:clamp(1.35rem,3vw,2rem);line-height:1.12;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.22em;transition:color 180ms ease,text-decoration-color 180ms ease}.entry a:hover{color:var(--accent);text-decoration-color:initial}.entry p{max-width:42rem;margin:0;color:var(--muted)}.page-intro{max-width:var(--measure);padding:clamp(4rem,9vw,7rem)0 clamp(3rem,7vw,5rem)}.page-intro h1{max-width:10ch;font-size:clamp(4rem,12vw,8rem)}.post-header h1{max-width:19ch;font-size:clamp(2.55rem,6.4vw,5.1rem);line-height:1}.page-intro p:not(.eyebrow),.post-header p{margin:1.2rem 0 0;color:#3d3d38;font-size:clamp(1.08rem,2vw,1.3rem)}.archive{max-width:var(--measure);padding-bottom:clamp(4rem,8vw,7rem)}.archive .entry{grid-template-columns:8.5rem minmax(0,1fr)}.post{max-width:var(--measure);padding:clamp(3rem,8vw,6rem)0 clamp(4rem,9vw,7rem)}.post-header{padding-bottom:clamp(2.5rem,6vw,4rem);border-bottom:1px solid var(--line)}.post-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:1.25rem;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,liberation mono,monospace;font-size:.85rem}.post-content{padding-top:clamp(2rem,5vw,3.5rem)}.post-content>*{margin-left:auto;margin-right:auto}.post-content p,.post-content li{color:#31312d;font-size:1.06rem;line-height:1.78}.post-content h2,.post-content h3{margin-top:2.4rem}.post-content h2{font-size:clamp(1.85rem,4vw,3.2rem);line-height:1.05}.post-content h3{font-size:clamp(1.45rem,3vw,2.2rem);line-height:1.12}.post-content a{color:var(--accent);text-decoration:underline;text-underline-offset:.2em}.post-content pre{margin:2rem 0;padding:1.1rem;overflow-x:auto;border:1px solid var(--line);background:var(--code-bg);font-size:.9rem;line-height:1.7}.post-content :not(pre)>code{padding:.14rem .32rem;border:1px solid var(--line);background:var(--surface);font-size:.9em}.post-content ul,.post-content ol{padding-left:1.25rem}.site-footer{width:min(100% - 32px,var(--max));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:2rem 0;border-top:1px solid var(--line);color:var(--muted);font-size:.95rem}.site-footer p{margin:0}.site-footer a{color:var(--ink);font-weight:650}@keyframes lift-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes settle-in{from{opacity:0;transform:translateY(26px)rotate(.5deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}@media(max-width:820px){:root{--header-height:64px}.site-header{width:min(100% - 28px,var(--max))}.site-mark span:last-child{display:none}.hero{width:min(100% - 28px,var(--max));min-height:auto;grid-template-columns:1fr;gap:2.5rem;padding:3.5rem 0 4rem}h1{font-size:clamp(4rem,22vw,6.2rem)}.hero-portrait{justify-self:start;width:min(100%,220px)}.hero-portrait img{object-position:50% 46%}.content-band,.archive .entry,.entry{grid-template-columns:1fr}.content-band{width:min(100% - 28px,var(--max));gap:2rem;padding:4rem 0}.section-heading{position:static}.entry{gap:.5rem}.entry time{grid-row:auto}.entry:hover{transform:none}.page-intro,.archive,.post,.site-footer{width:min(100% - 28px,var(--max))}.site-footer{align-items:flex-start;flex-direction:column}}