.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.article-card{background:var(--bg2);border:1px solid var(--border2);display:flex;flex-direction:column;transition:all var(--transition);cursor:pointer}.article-card:hover{border-color:var(--border);transform:translateY(-4px)}.article-card__img{height:180px;background:var(--bg3);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border2);overflow:hidden}.article-card__img img{width:100%;height:100%;object-fit:cover;display:block}.article-card__img-placeholder{font-size:.68rem;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;font-family:monospace;text-align:center;padding:20px}.article-card__body{padding:28px;flex:1;display:flex;flex-direction:column}.article-card__tag{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:10px}.article-card h3{font-size:1.05rem;margin-bottom:10px}.article-card h3 a{color:inherit;transition:color var(--transition)}.article-card h3 a:hover{color:var(--gold)}.article-card p{font-size:.85rem;flex:1}.article-card__meta{margin-top:20px;font-size:.75rem;color:var(--text-dim);display:flex;gap:12px}.filter-bar{display:flex;gap:12px;margin-bottom:48px;flex-wrap:wrap}.filter-btn{padding:8px 20px;font-family:'DM Sans',sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:0 0;border:1px solid var(--border2);color:var(--text-sub);cursor:pointer;transition:all var(--transition);text-decoration:none;display:inline-block}.filter-btn:hover,.filter-btn.active{border-color:var(--gold);color:var(--gold)}.filter-btn.active{background:rgba(200,169,110,.08)}.article-layout{display:grid;grid-template-columns:1fr 320px;gap:64px;align-items:start}.article-sidebar{position:sticky;top:110px;display:flex;flex-direction:column;gap:24px}.article-meta{display:flex;align-items:center;gap:24px;margin-top:20px;flex-wrap:wrap}.article-meta__author{display:flex;align-items:center;gap:10px}.article-meta__name{font-size:.85rem;color:var(--text-sub)}.article-meta__date{color:var(--text-dim);font-size:.8rem}.article-cover{width:100%;height:300px;background:var(--bg2);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;margin-bottom:48px;position:relative;overflow:hidden}.article-cover__pattern{position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(200,169,110,.015) 20px,rgba(200,169,110,.015) 21px)}.article-cover__label{text-align:center;position:relative;font-family:monospace;font-size:.62rem;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase}.article-cover__icon{margin:0 auto 12px;display:block}.article-body{font-size:1rem;line-height:1.9;color:var(--text-sub)}.article-body h2{font-size:1.5rem;color:var(--text);margin:40px 0 16px}.article-body h3{font-size:1.15rem;color:var(--text);margin:32px 0 12px}.article-body p{margin-bottom:20px}.article-body ul,.article-body ol{padding-left:24px;margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.article-body li::marker{color:var(--gold)}.article-body strong{color:var(--text);font-weight:600}.article-body blockquote{border-left:2px solid var(--gold);padding:16px 24px;background:var(--bg2);margin:28px 0;font-style:italic;color:var(--text-sub)}.article-body a{color:var(--gold)}.article-body a:hover{color:var(--gold-lt)}.article-tags{margin-top:48px;padding-top:32px;border-top:1px solid var(--border2);display:flex;gap:8px;flex-wrap:wrap;align-items:center}.article-tags__label{font-size:.7rem;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;margin-right:4px}.article-author{margin-top:40px;padding:32px;background:var(--bg2);border:1px solid var(--border2);display:flex;gap:20px;align-items:flex-start}.article-author__avatar{width:56px;height:56px;font-size:1.4rem;flex-shrink:0}.article-author__eyebrow{margin-bottom:4px}.article-author__name{font-weight:600;font-size:1rem;color:var(--text)}.article-author__bio{font-size:.85rem;margin-top:6px}.aside-card{background:var(--bg2);border:1px solid var(--border);padding:28px}.aside-card .eyebrow{font-size:.65rem;margin-bottom:12px}.aside-card h4{margin-bottom:10px;font-size:1rem}.aside-card>p{font-size:.83rem;margin-bottom:20px}.aside-wa{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;padding:10px;border:1px solid rgba(37,211,102,.25);color:#25d366;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;transition:background var(--transition)}.aside-wa:hover{background:rgba(37,211,102,.06)}.related-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--border2);text-decoration:none}.related-item:last-child{border-bottom:none}.related-item:hover .related-item__title{color:var(--gold)}.related-item__num{font-family:'Playfair Display',serif;font-size:1.3rem;color:var(--gold);opacity:.3;line-height:1;flex-shrink:0;width:24px}.related-item__title{font-size:.82rem;color:var(--text-sub);line-height:1.4;transition:color var(--transition)}@media (max-width:960px){.articles-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:860px){.article-layout{grid-template-columns:1fr}.article-sidebar{position:static}}@media (max-width:700px){.articles-grid{grid-template-columns:1fr}}