.blog-head{text-align:center;padding-top:clamp(2.5rem,5vw,4rem)}.blog-head h1{margin-top:.5rem}.blog-filters{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:clamp(1.5rem,3vw,2rem);display:flex}.filter-select{flex-direction:column;flex:0 280px;gap:.4rem;min-width:0;display:flex}.filter-select label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--brown-soft);font-size:.7rem}.filter-select select{appearance:none;box-sizing:border-box;background:var(--paper);border:1px solid var(--grey-rule);width:100%;font-family:var(--sans);color:var(--brown);transition:border-color .18s var(--ease);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238a6f5c' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right .9rem center;background-repeat:no-repeat;border-radius:2px;padding:.7rem 2.4rem .7rem .95rem;font-size:.92rem}.filter-select select:focus{border-color:var(--russet);outline:none}@media (max-width:600px){.filter-select{flex:100%}}.post-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:600px){.post-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:980px){.post-grid{grid-template-columns:repeat(3,1fr)}}.post-card{background:var(--warm-white);border:1px solid var(--grey-rule);color:inherit;transition:transform .2s var(--ease), border-color .2s var(--ease);border-radius:2px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.post-card:hover{border-color:var(--russet-soft);transform:translateY(-4px)}.post-card .p-photo{aspect-ratio:3/2;background:var(--cream-warm);position:relative;overflow:hidden}.post-card .p-photo img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease)}.post-card:hover .p-photo img{transform:scale(1.04)}.post-card .p-body{flex-direction:column;flex:auto;gap:.7rem;padding:1.5rem 1.5rem 1.6rem;display:flex}.post-card .p-cat{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--russet);font-size:.66rem;line-height:1.4}.post-card h3{font-family:var(--serif);color:var(--brown);text-wrap:pretty;margin:0;font-size:clamp(1.55rem,2vw,1.75rem);font-weight:400;line-height:1.18}.post-card p{font-family:var(--sans);color:var(--brown-soft);margin:0;font-size:.86rem;line-height:1.5}.post-card .p-meta{border-top:1px solid var(--grey-rule);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--brown-soft);gap:.5rem;margin-top:auto;padding-top:1rem;font-size:.68rem;display:flex}.post-card .p-meta .sep{color:var(--russet)}.post-empty{font-family:var(--serif);color:var(--brown-soft);padding:3rem 0;font-size:1.2rem;font-style:italic;display:none}.post-empty.show{display:block}.pagination{border-top:1px solid var(--grey-rule);flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:clamp(2.75rem,5vw,4rem);padding-top:2rem;display:flex}.pagination .page-link{min-width:44px;height:44px;font-family:var(--mono);letter-spacing:.08em;color:var(--brown);border:1px solid var(--grey-rule);background:var(--paper);transition:border-color .18s var(--ease), color .18s var(--ease), background .18s var(--ease);border-radius:2px;justify-content:center;align-items:center;padding:0 .85rem;font-size:.8rem;text-decoration:none;display:inline-flex}.pagination .page-link:hover{border-color:var(--russet);color:var(--russet)}.pagination .page-link[aria-current=page]{background:var(--brown);color:var(--cream);border-color:var(--brown)}.pagination .page-dots{color:var(--brown-soft);font-family:var(--mono);padding:0 .4rem}.pagination .page-next{margin-left:auto}@media (max-width:600px){.pagination .page-next{margin-left:0}}