.np{background:#f7f8fb;color:#121826}
.np-band{padding:72px 0 80px}
.np-band:first-child{padding-top:148px}
.np-band.is-dark{background:#071018;color:#fff}
.np-inner{width:min(1120px, calc(100% - 32px));margin:0 auto}
.np-kicker{
  margin:0 0 8px;
  font-family:var(--display);
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size:12px;
  color:#06c7b0;
}
.np-title{
  margin:0;
  font-family:var(--display);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.02em;
  font-size:clamp(34px, 5vw, 56px);
  line-height:.95;
  color:#121826;
}
.np-band.is-dark .np-title{color:#fff}
.np-title span{
  background:linear-gradient(90deg,#49d4ff 0%,#2f7bff 55%,#9b7be0 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
}
.np-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:18px;margin-top:28px}
.np-card{
  display:flex;flex-direction:column;
  background:#fff;color:#121826;
  border:1px solid #e4eaf2;border-radius:16px;
  padding:18px 18px 16px;
  min-height:100%;
}
.np-band.is-dark .np-card{
  background:#101826;color:#fff;
  border-color:rgba(255,255,255,.1);
  padding:12px 12px 16px;
}
.np-media{display:block;margin-bottom:14px}
.np-media img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px;display:block}
.np-cat{
  margin:0 0 8px;
  font-family:var(--display);
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:12px;
  color:#06c7b0;
}
.np-card h3{margin:0 0 10px;font-size:17px;line-height:1.35;font-weight:700}
.np-card h3 a{color:inherit;text-decoration:none}
.np-card h3 a:hover{color:#2f7bff}
.np-excerpt{
  margin:0 0 14px;
  color:#5c6b7c;
  font-size:14px;
  line-height:1.55;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.np-band.is-dark .np-excerpt{color:rgba(255,255,255,.72)}
.np-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:8px}
.np-meta time,.np-meta span{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#8b97a8}
.np-band.is-dark .np-meta time{color:rgba(255,255,255,.55)}
.np-read{
  color:#06c7b0;text-decoration:none;
  font-family:var(--display);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:13px;
}
.np-read:hover{text-decoration:underline}
[dir="rtl"] .np-read span{display:inline-block;transform:scaleX(-1)}
.np-more{
  display:flex;align-items:center;justify-content:center;
  width:max-content;margin:32px auto 0;
  min-height:46px;padding:12px 28px;border-radius:999px;
  background:#06c7b0;color:#071018;text-decoration:none;
  font-family:var(--display);font-weight:800;letter-spacing:.08em;text-transform:uppercase;
}
.np-more:hover{transform:translateY(-2px)}
.np-empty{margin:24px 0 0;color:#5c6b7c}
@media (max-width: 900px){
  .np-grid{grid-template-columns:1fr}
  .np-band:first-child{padding-top:120px}
}