.blog-page{padding:80px var(--page-x) 120px}.blog-inner{max-width:1240px;margin:0 auto}.blog-filters{border-bottom:1px solid var(--ink-10);flex-wrap:wrap;gap:8px;margin-bottom:56px;padding-bottom:24px;display:flex}.blog-filter-btn{border:1px solid var(--ink-20);font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--ink-60);cursor:pointer;background:0 0;padding:8px 16px;font-size:10px;text-decoration:none;display:inline-block}.blog-filter-btn:hover{border-color:var(--brand-accent);color:var(--ink-100)}.blog-filter-btn.active{background:var(--ink-100);border-color:var(--ink-100);color:#fff}.blog-grid{grid-template-columns:repeat(2,1fr);gap:64px 48px;display:grid}.blog-card{color:inherit;flex-direction:column;gap:12px;text-decoration:none;display:flex}.blog-card-img{aspect-ratio:3/2;background:var(--sand);margin-bottom:0;overflow:hidden}.blog-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.blog-card:hover .blog-card-img img{transform:scale(1.03)}.blog-card-meta{align-items:center;gap:14px;margin-bottom:0;display:flex}.blog-card-date{font-family:var(--font-mono);letter-spacing:.18em;color:var(--ink-40);text-transform:uppercase;font-size:9px}.blog-card-author{font-family:var(--font-mono);letter-spacing:.12em;color:var(--brand-accent);font-size:9px}.blog-card-cats{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.blog-card-cat{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-40);border:1px solid var(--ink-10);padding:3px 8px;font-size:8px}.blog-card-title{font-family:var(--font-serif);color:var(--ink-100);margin:0;font-size:clamp(20px,2.2vw,28px);line-height:1.2}.blog-card:hover .blog-card-title{color:var(--brand-accent-deep)}.blog-card-excerpt{font-family:var(--font-serif);color:var(--ink-60);flex:1;margin:0 0 18px;font-size:14px;font-style:italic;line-height:1.65}.blog-card-read{font-family:var(--font-mono);letter-spacing:.15em;color:var(--brand-accent);text-transform:uppercase;font-size:10px}.blog-empty{font-family:var(--font-serif);color:var(--ink-40);padding:48px 0;font-size:16px;font-style:italic}@media (max-width:900px){.blog-grid{grid-template-columns:1fr;gap:48px}}@media (max-width:600px){.blog-page{padding:60px 24px 80px}.blog-card{gap:12px}.blog-card-img{margin-bottom:0}}