:root{--paper: #f2f0e8;--surface: #e9e6dc;--carbon: #111113;--muted: #7c7568;--faint: #a8a091;--clay: #e85d3d;--hairline: #ddd6c8;--font-serif: "Fraunces", Georgia, serif;--font-sans: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);background:var(--paper);color:var(--carbon);-webkit-font-smoothing:antialiased}.container{max-width:720px;margin:0 auto;padding:0 24px}.site-header{padding:24px 0;border-bottom:1px solid var(--hairline);margin-bottom:0}.site-header-inner{max-width:720px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.header-brand{display:inline-flex;align-items:baseline;gap:8px;text-decoration:none;color:var(--carbon)}.header-brand-name{font-family:var(--font-serif);font-size:18px;font-weight:300;letter-spacing:-.01em}.header-brand-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--clay)}.header-back{font-size:13px;color:var(--muted);text-decoration:none;transition:color .2s ease}.header-back:hover{color:var(--carbon)}.post-list-header{padding:72px 0 56px}.post-list-header h1{font-family:var(--font-serif);font-size:clamp(32px,5vw,52px);font-weight:300;line-height:1.1;letter-spacing:-.02em;margin:0 0 16px}.post-list-header p{font-size:17px;line-height:1.65;color:var(--muted);max-width:48ch;margin:0}.post-list{list-style:none;padding:0;margin:0 0 96px}.post-item{border-top:1px solid var(--hairline);padding:32px 0;transition:border-color .3s ease}.post-item:last-child{border-bottom:1px solid var(--hairline)}.post-item a{text-decoration:none;color:inherit;display:block}.post-item:hover{border-color:var(--clay)}.post-meta{display:flex;align-items:center;gap:12px;margin-bottom:10px}.post-tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--clay)}.post-date{font-family:var(--font-mono);font-size:12px;color:var(--faint)}.post-title{font-family:var(--font-serif);font-size:clamp(20px,2.5vw,26px);font-weight:300;line-height:1.3;letter-spacing:-.01em;margin:0 0 10px;color:var(--carbon);transition:color .2s ease}.post-item:hover .post-title{color:var(--clay)}.post-description{font-size:15px;line-height:1.65;color:var(--muted);margin:0;max-width:60ch}.post-header{padding:72px 0 48px}.post-header .post-meta{margin-bottom:20px}.post-header h1{font-family:var(--font-serif);font-size:clamp(28px,4vw,46px);font-weight:300;line-height:1.15;letter-spacing:-.02em;margin:0 0 20px}.post-header .post-description{font-size:18px;line-height:1.65;color:var(--muted);max-width:52ch;margin:0}.post-divider{height:1px;background:var(--hairline);margin:0 0 56px}.prose{font-size:17px;line-height:1.75;color:var(--carbon);margin-bottom:96px}.prose h2{font-family:var(--font-serif);font-size:clamp(22px,3vw,30px);font-weight:300;line-height:1.25;letter-spacing:-.01em;margin:56px 0 20px;color:var(--carbon)}.prose h3{font-family:var(--font-sans);font-size:16px;font-weight:600;letter-spacing:.01em;margin:36px 0 12px;color:var(--carbon)}.prose p{margin:0 0 24px}.prose a{color:var(--carbon);text-decoration:underline;text-decoration-color:var(--hairline);text-underline-offset:3px;transition:text-decoration-color .2s ease}.prose a:hover{text-decoration-color:var(--clay)}.prose ul,.prose ol{padding-left:24px;margin:0 0 24px}.prose li{margin-bottom:8px;line-height:1.65}.prose blockquote{border-left:2px solid var(--clay);margin:32px 0;padding:4px 0 4px 24px;font-family:var(--font-serif);font-size:20px;font-weight:300;font-style:italic;line-height:1.55;color:var(--carbon)}.prose code{font-family:var(--font-mono);font-size:.875em;background:var(--surface);padding:2px 6px;border-radius:4px}.prose pre{background:var(--carbon);color:var(--paper);padding:20px 24px;border-radius:8px;overflow-x:auto;margin:0 0 28px;font-family:var(--font-mono);font-size:14px;line-height:1.65}.prose pre code{background:none;padding:0;border-radius:0;font-size:inherit;color:inherit}.prose hr{border:none;border-top:1px solid var(--hairline);margin:48px 0}.site-footer{border-top:1px solid var(--hairline);padding:32px 0}.site-footer-inner{max-width:720px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--faint)}.site-footer a{color:inherit;text-decoration:none;transition:color .2s ease}.site-footer a:hover{color:var(--clay)}