.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-card{background:#fff;border:1px solid var(--line);overflow:hidden}.blog-cover{height:240px;background:#222;display:grid;place-items:center;overflow:hidden}.blog-cover img{width:100%;height:100%;object-fit:cover}.blog-cover-placeholder{color:#fff;font-weight:900;letter-spacing:.16em}.blog-card-body{padding:24px}.blog-meta{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--red);font-weight:800}.blog-card h3{font-size:24px;line-height:1.15;margin:10px 0}.blog-card p{color:var(--muted);font-size:13px;min-height:60px}.article-head{padding:85px 0 45px;max-width:900px}.article-head h1{font-size:clamp(44px,6vw,72px);line-height:1;letter-spacing:-.05em;margin:0 0 18px}.article-excerpt{font-size:20px;color:var(--muted);max-width:800px}.article-meta{font-size:12px;color:#777;margin-top:18px}.article-cover{max-width:1000px;margin-bottom:55px}.article-cover img{width:100%;max-height:560px;object-fit:cover;border-radius:18px}.article-body-grid{display:grid;grid-template-columns:minmax(0,760px) 300px;gap:60px;padding-bottom:80px}.article-content{font-size:17px;line-height:1.85}.article-content p{margin:0 0 25px}.aside-box{position:sticky;top:110px;background:#111;color:#fff;border-radius:16px;padding:28px}.aside-box h3{font-size:26px;line-height:1.1}.aside-box p{color:#aaa;font-size:13px}.loading-article{min-height:400px}.error-state{margin:80px auto}@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}.article-body-grid{grid-template-columns:1fr}.article-aside{order:-1}}@media(max-width:640px){.blog-grid{grid-template-columns:1fr}.article-head{padding:58px 0 30px}.article-head h1{font-size:44px}}