.blog-index-container{max-width:1200px;margin:0 auto;padding:120px 24px 80px}.index-header{max-width:800px;margin-bottom:64px}.index-title{font-family:var(--font-display),sans-serif;font-size:clamp(2.5rem,8vw,4rem);font-weight:var(--weight-heading);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:20px;line-height:1.1}.index-description{font-family:var(--font-primary),sans-serif;color:var(--text-secondary);font-size:1.125rem;line-height:1.6}.blog-filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:48px;display:flex}.search-wrap{flex:1;max-width:400px;position:relative}.search-input{background:var(--bg-elevated);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:8px;padding:12px 20px 12px 48px;font-family:inherit;font-size:.9375rem;transition:all .2s}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-dim);outline:none}.search-icon{color:var(--text-muted);position:absolute;top:50%;left:18px;transform:translateY(-50%)}.filter-categories{-ms-overflow-style:none;scrollbar-width:none;gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.filter-categories::-webkit-scrollbar{display:none}.filter-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:10px;padding:8px 20px;font-size:.875rem;font-weight:500;transition:all .2s}.filter-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:#000}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:48px 32px;display:grid}.post-card{color:inherit;flex-direction:column;text-decoration:none;transition:transform .3s;display:flex}.post-card-image-wrap{aspect-ratio:16/10;background:var(--bg-elevated);border-radius:16px;margin-bottom:24px;position:relative;overflow:hidden}.post-card:hover .post-card-image-wrap img{transform:scale(1.05)}.post-card-image-wrap img{transition:transform .5s cubic-bezier(.4,0,.2,1)}.post-card-category-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.post-card-category{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.post-card-title{font-family:var(--font-display),sans-serif;font-size:1.5rem;font-weight:var(--weight-heading);color:var(--text-primary);margin-bottom:12px;line-height:1.3}.post-card-excerpt{color:var(--text-secondary);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-bottom:24px;font-size:.9375rem;line-height:1.6;display:-webkit-box;overflow:hidden}.post-card-footer{align-items:center;gap:12px;margin-top:auto;display:flex}.post-card-avatar{background:var(--accent);color:#000;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:800;display:flex}.post-card-author{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.post-card-date{color:var(--text-muted);margin-left:auto;font-size:.8125rem}@media (max-width:768px){.blog-index-container{padding-top:100px}.index-header{margin-bottom:40px}.posts-grid{gap:32px}}