.case-studies {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  margin-top: 2rem;
}

.case-study-card {
  background: white;
  border: var(--border-hairline);
  border-radius: var(--radius-card);
  color: var(--color-dark);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  text-decoration: none;
}

.case-study-card:hover {
  border-color: var(--color-accent);
}

.case-study-card img {
  aspect-ratio: 8/5;
  object-fit: cover;
  width: 100%;
}

.studies-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
}

.studies-content h2 {
  font-size: 1.35rem;
}

.tags-container {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

.case-studies-empty {
  padding-block: 2rem;
}