.featured-image {
  display: block;
  aspect-ratio: 1.5;
  border-radius: 16px;
  overflow: hidden;
}

.featured-image img,
.card-image img,
.article-cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card-image {
  display: block;
  height: 180px;
  overflow: hidden;
  background: #e8e4da;
}

.card-image img {
  transition: transform 0.35s ease;
}

.post-card:hover .card-image img {
  transform: scale(1.035);
}

.article-cover {
  margin-bottom: 45px;
  aspect-ratio: 1.5;
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid var(--line);
  background: #e8e4da;
}

@media (max-width: 620px) {
  .card-image { height: 165px; }
  .article-cover { border-radius: 14px; margin-bottom: 30px; }
}