.npj-blog-wrap{background:#07182d;padding:60px 40px;border-top:3px solid #c6a25a}
.npj-blog-head{max-width:1250px;margin:0 auto 22px}
.npj-blog-head h2{margin:0 0 6px;color:#fff;font-family:Georgia,serif;font-size:34px}
.npj-blog-head p{margin:0;color:rgba(255,255,255,.72);font-size:15px}
.npj-blog-grid{max-width:1250px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.npj-blog-card{background:rgba(0,0,0,.58);border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden;text-decoration:none;box-shadow:0 18px 45px rgba(0,0,0,.28);transition:.25s}
.npj-blog-card:hover{transform:translateY(-5px)}
.npj-blog-img{height:180px;position:relative;overflow:hidden;background:#0b2742}
.npj-blog-img img{width:100%;height:100%;object-fit:cover;display:block}
.npj-blog-img:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.05),rgba(0,0,0,.72))}
.npj-blog-body{padding:18px}
.npj-blog-cat{color:#c6a25a;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}
.npj-blog-title{color:#fff;font-family:Georgia,serif;font-size:21px;line-height:1.25;margin-bottom:10px}
.npj-blog-excerpt{color:rgba(255,255,255,.7);font-size:14px;line-height:1.55;margin-bottom:14px}
.npj-blog-read{color:#c6a25a;font-size:13px;font-weight:900}
@media(max-width:900px){.npj-blog-grid{grid-template-columns:1fr}.npj-blog-wrap{padding:45px 18px}}