.hb-news-grid-section {
  padding: 96px 0;
  background: var(--hb-paper);
}
.hb-news-grid {
  display: grid;
  gap: 32px;
}
.hb-news-grid--asymmetric {
  grid-template-columns: 1.3fr 1fr 1fr;
}
.hb-news-grid--grid-3 {
  grid-template-columns: repeat(3, 1fr);
}
.hb-news-grid--list {
  grid-template-columns: 1fr;
  gap: 24px;
}
.hb-news-grid--list .hb-news-card {
  flex-direction: row;
  gap: 32px;
  border-bottom: 1px solid var(--hb-line);
  padding-bottom: 24px;
}
.hb-news-grid--list .hb-news-card__image { width: 280px; flex-shrink: 0; }

@media (max-width: 1024px) {
  .hb-news-grid-section { padding: 64px 0; }
  .hb-news-grid--asymmetric,
  .hb-news-grid--grid-3 { grid-template-columns: 1fr; }
  .hb-news-grid--list .hb-news-card { flex-direction: column; gap: 16px; }
  .hb-news-grid--list .hb-news-card__image { width: 100%; }
}