.hb-news-card {
  display: flex;
  flex-direction: column;
  gap: 18px;
  transition: transform .2s;
}
.hb-news-card:hover { transform: translateY(-3px); }
.hb-news-card__image {
  display: block;
  aspect-ratio: 4 / 3;
  background: var(--hb-paper-2);
  overflow: hidden;
  position: relative;
}
.hb-news-card__image::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,.3));
  pointer-events: none;
}
.hb-news-card__image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hb-news-card__image-placeholder {
  display: block; width: 100%; height: 100%;
  background: linear-gradient(135deg, var(--hb-paper-3), #ddd1bb);
}
.hb-news-card__kicker {
  display: flex; gap: 12px; align-items: center;
  font-size: 12px; letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--hb-ink-500); font-weight: 600;
}
.hb-news-card__chip {
  padding: 4px 10px;
  background: var(--hb-blue-700);
  color: #fff;
}
.hb-news-card__chip--sabitiq, .hb-news-card__chip--sabitiya, .hb-news-card__chip--event { background: var(--hb-orange-600); }
.hb-news-card__chip--blog { background: var(--hb-ink-900); }

.hb-news-card__title {
  font-family: var(--hb-font-display);
  font-weight: 600;
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: -.01em;
  margin: 0;
}
.hb-news-card__title a {
  color: inherit; text-decoration: none;
  transition: color .15s;
}
.hb-news-card__title a:hover { color: var(--hb-blue-700); }
.hb-news-card--big .hb-news-card__title { font-size: 32px; letter-spacing: -.02em; }

.hb-news-card__excerpt {
  margin: 0;
  color: var(--hb-ink-500);
  font-size: 15px;
  line-height: 1.55;
}
.hb-news-card--big .hb-news-card__excerpt {
  font-family: var(--hb-font-serif);
  font-size: 17px;
  font-style: italic;
  color: var(--hb-ink-700);
  opacity: .85;
}