.blog-page .page-panel{max-width:1120px;margin:0 auto;width:100%}
.blog-page .page-panel>h1{max-width:900px;margin-bottom:30px}
.blog-page .page-panel>.project-lede{max-width:68ch}
.blog-page .project-lede{max-width:68ch;margin-bottom:56px;color:var(--text-2);font-size:clamp(15px,1.6vw,19px);line-height:1.8}
.essay-byline{margin:-36px 0 38px;color:var(--muted);font-size:11px}
.essay-byline a{color:var(--text-2);text-underline-offset:3px}
.essay-body{max-width:72ch;margin:0 auto;font-family:var(--font-sans);font-size:16px;line-height:1.9;color:var(--text-2)}
.essay-body p{margin:0 0 24px}
.essay-body strong{color:var(--text);font-weight:600}
.essay-body h2{font-family:"Archivo",sans-serif;font-stretch:125%;font-variation-settings:"wdth" 125;font-weight:800;color:var(--text);font-size:clamp(24px,3vw,34px);line-height:1.15;letter-spacing:-.02em;margin:52px 0 18px}
.essay-source{margin-top:52px;padding:20px 22px;border:1px solid #e9c66b33;border-radius:8px;background:#e9c66b08;font-family:"IBM Plex Mono",monospace;font-size:12px}
.essay-source span{display:block;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.essay-source a,.essay-link{color:var(--gold);text-underline-offset:4px}
.essay-source p{margin:12px 0 0;color:var(--muted);font-size:11px}
.blog-archive .project-lede{margin-bottom:64px}
.essay-list{list-style:none;border-top:1px solid var(--rule);max-width:920px}
.essay-list li{display:grid;grid-template-columns:54px 1fr;gap:22px;padding:24px 0 30px;border-bottom:1px solid var(--rule)}
.essay-index{font-size:20px;color:#f3ecd866}
.essay-meta{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.essay-list h2{font-family:"Archivo",sans-serif;font-stretch:125%;font-variation-settings:"wdth" 125;font-size:clamp(22px,3vw,34px);line-height:1.15;letter-spacing:-.02em;margin:0 0 12px}
.essay-list h2 a{text-decoration:none}
.essay-list h2 a:hover{color:var(--gold-hi)}
.essay-list li>div>p:not(.essay-meta){max-width:65ch;color:var(--text-2);font-size:13px;margin-bottom:14px}
.essay-link{text-decoration:none;font-size:11px}
.archive-note{margin-top:32px;color:var(--muted);font-size:12px}
@media(max-width:700px){.blog-page .project-lede{margin-bottom:40px}.essay-byline{margin:-24px 0 28px}.essay-body{font-size:15px}.essay-list li{grid-template-columns:34px 1fr;gap:12px}.essay-index{font-size:16px}}