.project-cards .view-content {
  display:  grid;
  grid-template-columns:  auto auto auto;
  gap:  2rem;
}

.project-cards .views-row {
  background-color: white;
  box-shadow: 0 0 8px #0004;
  border-radius:  6px;
  overflow: hidden;
  min-height: 20rem;
}

.project-cards article {
  display: flex;
  flex-direction:  column;
  padding: 1rem;
  height: 100%;
}

.project-cards h2 {
  font-size:  1rem;
}

.project-cards .field--name-field-image {
  order:  -1;
  height: 6rem;
  overflow: hidden;
  margin: -1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #ccc;
}

.project-cards .field--name-field-image img {
  margin: 0;
  width: 100%;
  height: auto;
  filter: contrast(0.2) brightness(0.75);
  transition:  filter 0.5s;
}

.project-cards .field--name-field-image img:hover,
.project-cards .field--name-field-image img:focus {
  filter: none;
  cursor: pointer;
}

.project-cards .field--name-body {
  margin-bottom: 1rem;
  font-size:  0.75rem;
  flex-grow: 1;
}

.project-cards .field--name-field-tags {
  margin: 0;
}