@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=DM+Sans:wght@400;500&display=swap";:root{--font-display: "Instrument Serif", Georgia, serif;--font-body: "DM Sans", -apple-system, sans-serif;--color-bg: #FAFAF8;--color-surface: #FFFFFF;--color-text: #1A1A18;--color-text-muted: #6B6B66;--color-accent: #E85D04;--color-border: #E8E8E4;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 3rem;--space-xl: 5rem;--max-width: 1200px;--transition: .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:1000}a{color:inherit;text-decoration:none}.site-container{max-width:var(--max-width);margin:0 auto;padding:var(--space-xl) var(--space-md)}.site-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border);position:relative}.site-header:after{content:"";position:absolute;bottom:-1px;left:0;width:60px;height:3px;background:var(--color-accent)}.site-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:400;margin-bottom:var(--space-sm);letter-spacing:-.02em}.site-bio{font-size:1.125rem;color:var(--color-text-muted);max-width:600px}.site-bio a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px;transition:opacity var(--transition)}.site-bio a:hover{opacity:.7}.posts-grid{columns:3;column-gap:var(--space-md)}@media (max-width: 900px){.posts-grid{columns:2}}@media (max-width: 560px){.posts-grid{columns:1}}.post-card{break-inside:avoid;margin-bottom:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-md);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);cursor:pointer;display:block}.post-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px -12px #0000001a;border-color:var(--color-accent)}.post-date{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-xs)}.post-title{font-family:var(--font-display);font-size:1.25rem;font-weight:400;line-height:1.3;margin-bottom:var(--space-xs)}.post-excerpt{font-size:.9rem;color:var(--color-text-muted);line-height:1.5}.post-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.post-tag{font-size:.7rem;padding:.25rem .5rem;background:var(--color-bg);border-radius:4px;color:var(--color-text-muted)}.post-content{max-width:680px}.post-content h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,2.75rem);font-weight:400;line-height:1.2;margin-bottom:var(--space-sm)}.post-meta{color:var(--color-text-muted);font-size:.875rem;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.post-body{font-size:1.0625rem;line-height:1.75}.post-body h2{font-family:var(--font-display);font-size:1.5rem;font-weight:400;margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.post-body h3{font-size:1.125rem;font-weight:500;margin-top:var(--space-md);margin-bottom:var(--space-xs)}.post-body p{margin-bottom:var(--space-md)}.post-body a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}.post-body code{font-family:SF Mono,Fira Code,monospace;font-size:.9em;background:var(--color-border);padding:.15em .4em;border-radius:4px}.post-body pre{background:#1a1a18;color:#f0f0f0;padding:var(--space-md);border-radius:8px;overflow-x:auto;margin-bottom:var(--space-md)}.post-body pre code{background:none;padding:0}.post-body ul,.post-body ol{margin-bottom:var(--space-md);padding-left:var(--space-md)}.post-body li{margin-bottom:var(--space-xs)}.post-body blockquote{border-left:3px solid var(--color-accent);padding-left:var(--space-md);margin:var(--space-md) 0;font-style:italic;color:var(--color-text-muted)}.back-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--space-lg);transition:color var(--transition)}.back-link:hover{color:var(--color-accent)}.back-link svg{width:16px;height:16px}.site-footer{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border);font-size:.875rem;color:var(--color-text-muted)}.site-footer a{color:var(--color-text);text-decoration:underline;text-underline-offset:3px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.post-card{animation:fadeUp .6s ease-out backwards}.post-card:nth-child(1){animation-delay:.1s}.post-card:nth-child(2){animation-delay:.15s}.post-card:nth-child(3){animation-delay:.2s}.post-card:nth-child(4){animation-delay:.25s}.post-card:nth-child(5){animation-delay:.3s}.post-card:nth-child(6){animation-delay:.35s}.post-card:nth-child(7){animation-delay:.4s}.post-card:nth-child(8){animation-delay:.45s}
