:root{--ink: #24211d;--muted: #6d655b;--paper: #f6f0e7;--surface: #fffaf2;--surface-muted: #eee6d9;--border: #ded2c2;--border-strong: #c8b7a4;--accent: #6f8f63;--accent-readable: #536d49;--accent-soft: #e3ead9;--accent-warm: #eadfd8;--max-site: 1120px;--max-page: 920px;--max-copy: 760px;--radius: 8px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.0625rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 2rem;--text-3xl: 3.25rem;--text-prose: 1.0625rem;--text-code: .95em}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-plus-jakarta);font-size:var(--text-lg);line-height:1.6;text-align:left;word-wrap:break-word;overflow-wrap:break-word}a{color:inherit;&:hover{text-decoration-thickness:2px}}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{margin:0;color:var(--ink);font-family:var(--font-newsreader);line-height:1.05}p{margin:0}strong,b{font-weight:800}code{font-family:var(--font-google-sans-code);font-size:var(--text-code);padding:.15rem .35rem;background:var(--surface-muted);border:1px solid var(--border);border-radius:4px}pre{overflow-x:auto;font-family:var(--font-google-sans-code);font-size:var(--text-code);padding:var(--space-5);background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:var(--radius);>code{all:unset}}blockquote{margin:var(--space-6) 0;padding:0 0 0 var(--space-4);border-left:4px solid var(--accent);color:var(--muted);font-size:var(--text-lg)}hr{border:0;border-top:1px solid var(--border)}.site-header{background:color-mix(in srgb,var(--surface) 78%,var(--paper));border-bottom:1px solid var(--border)}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);max-width:var(--max-site);margin:0 auto;padding:var(--space-4)}.brand{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--ink);font-size:var(--text-md);font-weight:800;text-decoration:none;& img{width:40px;height:40px;image-rendering:pixelated}}.nav-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);& a{padding:.35rem .55rem;border-radius:6px;color:var(--muted);font-size:var(--text-sm);font-weight:700;text-decoration:none;&:hover,&.active{background:var(--accent-soft);color:var(--ink);text-decoration:none}}}main{max-width:var(--max-site);margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-8)}.home-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);gap:var(--space-7);align-items:end;padding:var(--space-7) 0 var(--space-6)}.hero-copy{display:grid;gap:var(--space-4);& h1{max-width:11ch;font-size:clamp(3.1rem,7vw,4.8rem);line-height:.98}& p:last-child{max-width:34rem;color:var(--muted);font-size:var(--text-lg)}}.eyebrow,.section-label{color:var(--accent-readable);font-size:var(--text-sm);font-weight:800;letter-spacing:.01em}.featured-card{display:block;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--ink);text-decoration:none;&:hover{border-color:var(--border-strong)}& h2,p{padding-inline:var(--space-5)}.eyebrow{margin-top:var(--space-5);color:var(--accent-readable)}& h2{max-width:20ch;margin-top:var(--space-3);color:var(--ink);font-size:clamp(1.875rem,4vw,2.25rem);line-height:1.08}& p:last-child{max-width:34rem;margin:var(--space-3) 0 var(--space-5);color:var(--muted)}}.featured-art{overflow:hidden;background:var(--surface-muted);border-bottom:1px solid var(--border)}.featured-cover{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}.topics-section,.latest-section{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border)}.topic-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3);& a{display:inline-flex;align-items:center;min-height:2rem;padding:.35rem .65rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:var(--text-sm);font-weight:700;text-decoration:none;&:hover{border-color:var(--border-strong);color:var(--ink)}}}.article-tags span{display:inline-flex;align-items:center;min-height:2rem;padding:.35rem .65rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:var(--text-sm);font-weight:700;text-decoration:none}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-2);& h2{font-size:var(--text-2xl)}& a{color:var(--accent-readable);font-weight:800;text-decoration-thickness:2px}}.latest-list,.archive-list{display:grid;gap:0}.latest-item,.archive-item{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:var(--space-4);align-items:baseline;padding:var(--space-4) 0;border-bottom:1px solid var(--border);text-decoration:none;&:hover :is(h2,h3){text-decoration:underline;text-decoration-thickness:2px}& span{max-width:12ch;color:var(--accent-readable);font-size:var(--text-xs);font-weight:800;line-height:1.15}:is(h2,h3){font-size:var(--text-xl);line-height:1.12}& time{color:var(--muted);white-space:nowrap}}.archive-page{max-width:var(--max-page)}.about-page{max-width:var(--max-copy)}.page-intro{display:grid;gap:var(--space-4);max-width:680px;margin:var(--space-6) 0 var(--space-7);& h1{font-size:clamp(3rem,7vw,4rem)}& p:last-child{color:var(--muted)}}.archive-item{align-items:start;& p{margin-top:var(--space-2);color:var(--muted)}}.article-shell{max-width:var(--max-site)}.article-header{display:grid;justify-items:center;gap:var(--space-4);margin:var(--space-6) 0 var(--space-7);padding-bottom:var(--space-6);text-align:center;& h1{max-width:20ch;font-size:clamp(3rem,7vw,4rem);line-height:1}>p{max-width:42rem;color:var(--muted);font-size:var(--text-lg)}}.article-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.article-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);align-items:center;color:var(--muted);font-weight:700;& span:before{margin-right:var(--space-2);color:var(--border-strong);content:"/"}}.article-cover{justify-self:stretch;display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;border:1px solid var(--border);border-radius:var(--radius)}.article-body{display:grid;grid-template-columns:minmax(0,var(--max-copy));gap:var(--space-7);justify-content:center;align-items:start}.article-body--solo{grid-template-columns:minmax(0,var(--max-copy));.prose{grid-column:1}}.prose{max-width:var(--max-copy);margin:0;font-family:var(--font-source-serif);font-size:var(--text-prose);line-height:1.78;& h1{margin:var(--space-6) 0 var(--space-4);font-family:var(--font-newsreader);font-size:var(--text-3xl)}& h2,h3{margin:var(--space-6) 0 var(--space-3);font-family:var(--font-newsreader);scroll-margin-top:var(--space-6)}& p,ul,ol{margin:0 0 var(--space-5)}& a{text-decoration-thickness:2px}}.table-of-contents{color:var(--muted);font-family:var(--font-plus-jakarta);font-size:var(--text-sm);line-height:1.35;& p{margin-bottom:var(--space-3);color:var(--ink);font-weight:800}& ol{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}& a{color:inherit;text-decoration:none;&:hover,&[aria-current=true]{color:var(--ink);text-decoration:underline;text-decoration-thickness:2px}}.toc-lines{display:none}}.toc-depth-3{padding-left:var(--space-3)}@media(min-width:1121px){.article-body:not(.article-body--solo){grid-template-columns:minmax(180px,240px) minmax(0,var(--max-copy));.prose{grid-column:2}.table-of-contents{grid-column:1;grid-row:1;justify-self:start;position:sticky;top:var(--space-5);width:100%;max-width:14rem;padding-left:var(--space-4);overflow:visible;& p{color:transparent;font-size:var(--text-xs);text-transform:uppercase;transition:color .16s ease}&:hover p,&:focus-within p{color:var(--muted)}&:hover .toc-chevron,&:focus-within .toc-chevron{opacity:0}&:hover .toc-lines,&:focus-within .toc-lines{opacity:0}&:hover .toc-links,&:focus-within .toc-links{opacity:1;pointer-events:auto}}.toc-frame{display:grid;position:relative}:is(.toc-lines,.toc-links){grid-area:1 / 1}.toc-lines{display:grid;gap:0;opacity:1;pointer-events:none;transition:opacity .12s ease;& li{display:flex;align-items:center;min-height:.875rem}& span{display:block;width:var(--toc-line-width);height:2px;background:var(--border-strong);border-radius:999px;opacity:.5;transition:width .16s ease,background .16s ease}.toc-line-current{width:var(--toc-active-line-width);background:var(--ink);opacity:.9}}.toc-chevron{position:absolute;top:-.31rem;left:-.9rem;width:.42rem;height:.42rem;border-top:2px solid var(--ink);border-right:2px solid var(--ink);opacity:0;transform:translateY(var(--toc-chevron-y)) rotate(45deg);transition:opacity .12s ease,transform .18s ease}.toc-chevron-visible{opacity:.85}.toc-links{position:absolute;inset:0 auto auto 0;width:100%;align-self:start;opacity:0;pointer-events:none;transition:opacity .12s ease;& a{display:block;font-weight:700}}}}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);max-width:var(--max-site);margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-7);border-top:1px solid var(--border);color:var(--muted);font-size:var(--text-sm);& a{font-weight:800}}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);border:0;white-space:nowrap}@media(max-width:1120px){.table-of-contents{order:-1;position:static;padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}}@media(max-width:760px){body{font-size:var(--text-base)}.site-nav,.home-hero,.latest-item,.archive-item,.site-footer{display:grid}.site-nav{justify-items:start;.nav-links{justify-content:start}}main{padding-top:var(--space-5)}.home-hero{grid-template-columns:1fr;gap:var(--space-5);padding:var(--space-5) 0 var(--space-6)}.latest-item,.archive-item{grid-template-columns:1fr;gap:var(--space-2);span{max-width:unset}time{white-space:normal}}.article-header{margin-top:var(--space-4);padding-bottom:var(--space-5)}.prose{font-size:var(--text-base)}}a[data-astro-cid-eimmu3lg]{display:inline-block;text-decoration:none;&.active{font-weight:bolder;text-decoration:underline}}
