.blog-page{background:var(--bg-dark)}.blog-hero{text-align:center;border-bottom:1px solid var(--border-color);background:radial-gradient(circle,#d4af371f 0%,#0000 60%);padding:8rem 2rem 5rem;position:relative}.blog-hero h1{text-transform:uppercase;margin-top:.5rem;margin-bottom:1.5rem;font-size:3.5rem}.blog-hero .lead{color:var(--text-muted);max-width:800px;margin:0 auto;font-size:1.25rem}.blog-layout-grid{grid-template-columns:1.3fr .7fr;align-items:start;gap:3.5rem;display:grid}.feed-header-controls{flex-direction:column;gap:1.5rem;margin-bottom:2.5rem;display:flex}.search-bar-wrap{width:100%;position:relative}.search-bar-wrap input{border:1px solid var(--border-color-subtle);border-radius:var(--border-radius);width:100%;color:var(--text-main);font-family:var(--font-body);transition:var(--transition-smooth);background:#f9f9f7;padding:.8rem 1rem .8rem 2.5rem;font-size:.95rem}.search-bar-wrap input:focus{border-color:var(--gold-primary);background:#fff;outline:none;box-shadow:0 0 10px #b8952e26}.search-icon{color:var(--text-muted);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.category-scroll{gap:.75rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.category-scroll::-webkit-scrollbar{height:4px}.category-scroll::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.category-tag-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-muted);white-space:nowrap;cursor:pointer;transition:var(--transition-smooth);border-radius:50px;padding:.4rem 1rem;font-size:.8rem;font-weight:600}.category-tag-btn:hover{border-color:var(--gold-primary);color:var(--gold-primary)}.category-tag-btn.active{background:var(--gold-primary);color:#000;border-color:var(--gold-primary)}.posts-list{flex-direction:column;gap:2rem;display:flex}.blog-article-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:var(--transition-smooth);padding:2.5rem}.blog-article-card:hover{border-color:var(--gold-primary);box-shadow:0 10px 25px #d4af370d}.article-meta{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.article-category{color:var(--gold-primary);text-transform:uppercase;align-items:center;gap:.35rem;font-size:.75rem;font-weight:700;display:inline-flex}.article-read-time{color:var(--text-muted);font-size:.75rem}.blog-article-card h3{text-transform:uppercase;margin-bottom:1rem;font-size:1.6rem;line-height:1.3}.article-excerpt{color:var(--text-muted);margin-bottom:2rem;font-size:.95rem;line-height:1.6}.article-footer{border-top:1px solid #00000014;justify-content:space-between;align-items:center;padding-top:1.25rem;display:flex}.article-author-info{align-items:center;gap:.75rem;display:flex}.author-avatar{width:36px;height:36px;color:var(--gold-primary);border:1px solid var(--border-color);background:#d4af3726;border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex}.article-author-info strong{font-size:.9rem;display:block}.article-author-info span{color:var(--text-muted);font-size:.75rem}.read-more-link{color:var(--gold-primary);transition:var(--transition-smooth);align-items:center;gap:.35rem;font-size:.9rem;font-weight:600;display:inline-flex}.read-more-link:hover{gap:.6rem}.no-posts-found{text-align:center;color:var(--text-muted);padding:4rem 2rem}.blog-sidebar{flex-direction:column;gap:2rem;display:flex}.sidebar-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:2.5rem 2rem}.sidebar-card h3{text-transform:uppercase;margin-bottom:1rem;font-size:1.25rem}.sidebar-card p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.85rem;line-height:1.5}.sidebar-form{flex-direction:column;gap:1rem;display:flex}.sidebar-form input{border:1px solid var(--border-color-subtle);border-radius:var(--border-radius);color:var(--text-main);background:#f9f9f7;padding:.75rem 1rem;font-size:.9rem}.sidebar-form input:focus{border-color:var(--gold-primary);outline:none}.card-tag{letter-spacing:1px;margin-bottom:.5rem;font-size:.7rem;font-weight:700;display:block}@media (max-width:992px){.blog-layout-grid{grid-template-columns:1fr;gap:3rem}}@media (max-width:576px){.blog-article-card{padding:1.5rem}.blog-article-card h3{font-size:1.3rem}.blog-hero h1{font-size:2.25rem}}