.blog-hero{padding:clamp(48px,7vw,80px) 0 clamp(28px,4vw,40px);border-bottom:1px solid var(--bk4)}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.bcard{background:var(--bk3);border:1px solid var(--bk4);border-radius:var(--rl);overflow:hidden;display:flex;flex-direction:column;transition:border-color .25s,transform .25s}
.bcard:hover{border-color:var(--bk5);transform:translateY(-3px)}
.bcard-img{display:block;aspect-ratio:16/10;background:var(--bk2);overflow:hidden}
.bcard-img img{width:100%;height:100%;object-fit:cover;display:block}
.bcard-body{padding:20px 18px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.bcard-meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-family:var(--fc);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--g2)}
.bcard-cat{color:var(--red)}
.bcard-title{font-family:var(--fc);font-size:1.15rem;font-weight:700;letter-spacing:.04em;line-height:1.25;text-transform:uppercase;color:var(--wh)}
.bcard-excerpt{font-size:.86rem;color:var(--g1);line-height:1.65;flex:1}
.bcard-more{font-family:var(--fc);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.blog-empty{padding:48px 20px;text-align:center;color:var(--g2);border:1px dashed var(--bk4);border-radius:var(--rl)}
.blog-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
.blog-filters a{font-size:.75rem;padding:7px 12px;border:1px solid var(--bk4);border-radius:999px;color:var(--g1);font-family:var(--fc);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.blog-filters a:hover,.blog-filters a.active{border-color:var(--red);color:var(--wh);background:rgba(200,16,46,.12)}
.article-wrap{max-width:760px;margin:0 auto}
.article-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0 0 18px;font-family:var(--fc);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--g2)}
.article-meta a{color:var(--red)}
.article-cover{margin:0 0 28px;border-radius:var(--rl);overflow:hidden;border:1px solid var(--bk4)}
.article-cover img{width:100%;height:auto;display:block}
.article-body{font-size:.95rem;color:var(--wh);line-height:1.85}
.article-body p{margin:0 0 16px}
.article-body h2,.article-body h3{font-family:var(--fc);letter-spacing:.04em;text-transform:uppercase;margin:28px 0 12px}
.article-body ul,.article-body ol{margin:0 0 16px;padding-left:20px}
.article-body a{color:var(--red);text-decoration:underline}
.article-back{display:inline-flex;margin-top:28px;font-family:var(--fc);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--g1)}
.article-back:hover{color:var(--wh)}