.blog-page .blog-list{max-width:720px;margin:0 auto;padding:72px 0 120px}.blog-page .blog-list-head{display:flex;flex-direction:column;align-items:center;gap:18px;padding-bottom:40px;text-align:center}.blog-page .blog-list-title{margin:0;font-family:var(--font-reading);font-size:48px;font-weight:400;line-height:1.08;letter-spacing:-.005em;text-wrap:balance}.blog-page .blog-list-intro{margin:0;font-family:var(--font-reading);font-size:20px;font-style:italic;color:var(--reading-muted)}.blog-page .blog-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;margin-top:14px}.blog-page .blog-filters .blog-filter{padding:6px 0;border:0;background:none;cursor:pointer;transition:color .15s}.blog-page .blog-filter:hover,.blog-page .blog-filter[aria-pressed=true]{color:var(--reading-ink)}.blog-page .blog-filter[aria-pressed=true]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}.blog-page .blog-filter:focus-visible{outline:1px solid var(--reading-ink);outline-offset:4px}.blog-page .blog-entry{display:flex;flex-direction:column;gap:12px;padding:32px 0;border-bottom:1px solid var(--reading-rule);color:var(--reading-ink)}.blog-page .blog-entry-meta{display:flex;justify-content:space-between;gap:12px}.blog-page .blog-entry-title{margin:0;font-family:var(--font-reading);font-size:30px;font-weight:400;line-height:1.2;text-wrap:pretty}.blog-page .blog-entry-dek{margin:0;font-family:var(--font-reading);font-size:18px;line-height:1.55;color:var(--reading-muted);text-wrap:pretty;transition:color .15s}.blog-page .blog-entry-read{font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--reading-ink)}.blog-page .blog-entry-read span{display:inline-block;transition:transform .15s}.blog-page .blog-entry:hover .blog-entry-dek{color:var(--reading-ink)}.blog-page .blog-entry:hover .blog-entry-read span{transform:translate(3px)}.blog-page .blog-entry:focus-visible{outline:1px solid var(--reading-ink);outline-offset:6px}.blog-page .blog-empty{padding:32px 0;font-family:var(--font-reading);font-size:18px;font-style:italic;color:var(--reading-muted);text-align:center}@media (max-width: 639px){.blog-page .blog-list{padding:36px 0 72px}.blog-page .blog-list-title{font-size:36px}.blog-page .blog-filters{gap:24px}.blog-page .blog-entry{padding:24px 0}.blog-page .blog-entry-meta{flex-wrap:wrap;row-gap:4px}.blog-page .blog-entry-title{font-size:24px}}