.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.blog-cats{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.25rem}.blog-cat{padding:.4rem 1rem;border:1px solid var(--border-subtle);border-radius:100px;font-size:.82rem;color:var(--text-muted);text-decoration:none;transition:border-color .2s,color .2s,background .2s}.blog-cat:hover,.blog-cat:focus-visible,.blog-cat.active{border-color:var(--gold);color:var(--gold);background:var(--gold-dim)}.blog-section{padding:3rem 0 5rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:1.5rem}.blog-card{background:var(--bg-alt);border:1px solid var(--border-subtle);border-radius:16px;padding:1.75rem;display:flex;flex-direction:column;gap:.75rem;min-width:0;overflow-wrap:anywhere;transition:border-color .2s,transform .2s}.blog-card[hidden]{display:none}.blog-card:hover{border-color:var(--gold);transform:translateY(-2px)}.blog-card-cover{display:block;margin:-1.75rem -1.75rem .5rem;border-radius:16px 16px 0 0;overflow:hidden;aspect-ratio:16 / 9;background:var(--bg-main);border-bottom:1px solid var(--border-subtle)}.blog-card-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.blog-card:hover .blog-card-cover img{transform:scale(1.03)}.blog-card--featured{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"cover meta" "cover title" "cover desc" "cover footer" "cover tags";gap:.6rem 2.5rem;align-items:start;padding:2.5rem}.blog-card--featured .blog-card-cover{grid-area:cover;margin:0;border-radius:14px;aspect-ratio:auto;height:100%;min-height:260px;border:1px solid var(--border-subtle)}.blog-card--featured .blog-card-meta{grid-area:meta;align-self:end}.blog-card--featured .blog-card-title{grid-area:title;font-size:clamp(1.5rem,2.6vw,2rem)}.blog-card--featured .blog-card-desc{grid-area:desc}.blog-card--featured .blog-card-footer{grid-area:footer}.blog-card--featured .blog-card-tags{grid-area:tags;align-content:start;justify-content:flex-start}.blog-card-meta{display:flex;align-items:center;gap:.75rem;flex-shrink:0;min-width:0;flex-wrap:wrap}.blog-card-cat{font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.blog-card-date{font-size:.8rem;color:var(--text-muted)}.blog-card-title{font-family:Outfit,sans-serif;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:600;line-height:1.35;margin:0;min-width:0;text-wrap:balance}.blog-card-title a{color:var(--text-main);text-decoration:none;transition:color .2s}.blog-card-title a:hover,.blog-card-title a:focus-visible{color:var(--gold)}.blog-card-desc{font-size:.92rem;color:var(--text-muted);line-height:1.7;flex:1;min-width:0}.blog-card-footer{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-muted);margin-top:auto;flex-wrap:wrap}.blog-card-link{margin-left:auto;color:var(--gold);text-decoration:none;display:flex;align-items:center;gap:.3rem;font-weight:500;transition:gap .2s,color .2s}.blog-card-link:hover,.blog-card-link:focus-visible{gap:.5rem;color:var(--gold-light)}.blog-card-tags{display:flex;gap:.4rem;flex-wrap:wrap;min-width:0}.blog-tag{font-size:.72rem;padding:.2rem .6rem;background:var(--bg-main);border:1px solid var(--border-subtle);border-radius:100px;color:var(--text-muted)}.blog-empty,.blog-search-empty{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.blog-empty .btn-outline{margin-top:1.5rem;display:inline-flex}@media(max-width:1024px){.blog-card--featured{grid-template-columns:1fr;grid-template-areas:"cover" "meta" "title" "desc" "footer" "tags";gap:.75rem}.blog-card--featured .blog-card-cover{aspect-ratio:16 / 9;height:auto;min-height:0}}@media(max-width:768px){.blog-grid{grid-template-columns:1fr}.blog-card{padding:1.35rem}.blog-card-cover{margin:-1.35rem -1.35rem .5rem}.blog-card--featured .blog-card-cover{margin:0}.blog-card-link{width:100%;margin-left:0}}@media(prefers-reduced-motion:reduce){.blog-card,.blog-card-title a,.blog-card-link,.blog-cat{transition:none}.blog-card:hover{transform:none}.blog-card-cover img,.blog-card:hover .blog-card-cover img{transition:none;transform:none}}