.npj-b5-wrap{background:#07182d;padding:60px 40px;border-top:3px solid #c6a25a}
.npj-b5-head{max-width:1250px;margin:0 auto 22px}
.npj-b5-head h2{margin:0 0 6px;color:#fff;font-family:Georgia,serif;font-size:34px}
.npj-b5-head p{margin:0;color:rgba(255,255,255,.72);font-size:15px}
.npj-b5-grid{max-width:1250px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.npj-b5{background:rgba(0,0,0,.58);border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 18px 45px rgba(0,0,0,.28);text-decoration:none;transition:transform .15s ease}
.npj-b5:hover{transform:translateY(-4px)}
.npj-b5-cover{position:relative;height:160px;background:#0b2742;overflow:hidden}
.npj-b5-cover img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.npj-b5-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.12),rgba(0,0,0,.78))}
.npj-b5-badge{position:absolute;left:12px;right:12px;bottom:10px;z-index:2}
.npj-b5-cat{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#c6a25a;margin-bottom:3px}
.npj-b5-title{font-size:15px;font-weight:800;color:#fff;line-height:1.25}
.npj-b5-body{padding:12px 14px;display:flex;align-items:center;justify-content:space-between}
.npj-b5-read{font-size:12px;font-weight:700;color:#c6a25a}
@media(max-width:700px){.npj-b5-wrap{padding:45px 18px}.npj-b5-head h2{font-size:28px}}