.card--media{
  display:grid;
  grid-template-columns: 160px 1fr;
  gap:14px;
  align-items:stretch;
}

.thumb{
  border-radius: 16px;
  border: 1px solid var(--line);
  overflow:hidden;
  background: rgba(11,12,16,.55);
  aspect-ratio: 4 / 3;
}

.thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform: scale(1.02);
}

.meta h2{ margin: 6px 0 8px; }

.excerpt{
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 14px;
}

@media (max-width: 760px){
  .card--media{
    grid-template-columns: 1fr;
  }
  .thumb{
    aspect-ratio: 16 / 9;
  }
}