.insights-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.insight-card {
  border: 1px solid var(--mv-bone);
  padding: 28px 24px 24px;
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 20px;
  min-height: 300px;
  color: var(--mv-ink);
  transition: border-color 200ms var(--ease-out-quart), transform 200ms var(--ease-out-quart);
  background: var(--mv-cream);
}
.insight-card:hover { border-color: var(--mv-lime); transform: translateY(-2px); }
.insight-card .cat { color: #6a6b63; }
.insight-card .i-title {
  font-family: var(--ff-display); font-weight: 700;
  font-size: clamp(22px, 2vw, 28px); letter-spacing: -0.02em;
  line-height: 1.1; margin: 0;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  text-wrap: balance;
}
.insight-card .i-meta { color: var(--mv-dust); display: flex; gap: 18px; }
.insights-all {
  grid-column: 1 / -1;
  display: flex; justify-content: flex-end; padding-top: 8px;
}
.insights-all a {
  font-family: var(--ff-mono); font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--mv-ink); border-bottom: 1px solid var(--mv-ink);
  padding-bottom: 2px;
  transition: color 150ms, border-color 150ms;
}
.insights-all a:hover { color: #4a4b44; border-color: #4a4b44; }
@media (max-width: 900px) { .insights-row { grid-template-columns: 1fr; } }