.blog-hero{max-width:640px;margin-bottom:var(--space-16)}.blog-hero__subtitle{margin-top:var(--space-6);max-width:46ch;font-family:var(--font-body);font-size:var(--text-xl);line-height:1.7;color:var(--ink-mid)}.blog-filters{margin-bottom:var(--space-14)}.blog-filters__list{display:flex;flex-wrap:wrap;gap:var(--space-3)}.blog-filters__pill{padding:var(--space-2) var(--space-5);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mid);background:transparent;border:1px solid var(--border-on-light);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;transition:background .25s cubic-bezier(.16,1,.3,1),border-color .25s cubic-bezier(.16,1,.3,1),color .25s cubic-bezier(.16,1,.3,1),transform .1s ease}.blog-filters__pill:hover{border-color:var(--caramel);color:var(--caramel)}.blog-filters__pill:active{transform:scale(.96)}.blog-filters__pill.is-active{background:var(--caramel);border-color:var(--caramel);color:var(--color-bg)}.blog-filters__pill.is-active:hover{background:var(--caramel-light);border-color:var(--caramel-light);color:var(--color-bg)}.blog-posts-grid .journal-card{transition:opacity .25s ease,transform .25s cubic-bezier(.16,1,.3,1)}.blog-empty{margin-top:var(--space-10);font-family:var(--font-body);font-size:var(--text-lg);color:var(--ink-mid);text-align:center}@media (max-width: 1024px){.blog{padding-top:132px}}@media (max-width: 768px){.blog{padding-top:116px}.blog-hero,.blog-filters{margin-bottom:var(--space-10)}.blog-filters__pill{font-size:var(--text-xs);padding:var(--space-2) var(--space-4)}}@media (max-width: 560px){.blog-filters{margin-inline:calc(var(--space-4) * -1);padding-inline:var(--space-4);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.blog-filters::-webkit-scrollbar{display:none}.blog-filters__list{flex-wrap:nowrap;width:max-content;scroll-snap-type:x proximity}.blog-filters__pill{flex:0 0 auto;scroll-snap-align:start;min-height:2.75rem}}@media (max-width: 480px){.blog-filters{margin-inline:calc(var(--space-3) * -1);padding-inline:var(--space-3)}}