.project-cards {
  padding: 0 var(--genium--padding--sides);
  max-width: var(--genium--maxwidth);
  margin: 0 auto;
}

.project-cards__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
}

a.project-card {
  background-color: white;
  padding: 2rem;
  position: relative;
  transition: scale 0.2s ease-in-out;
}

.project-cards__grid > a.project-card:only-child {
  max-width: 400px;
}

.project-cards__grid > .project-card:only-child,
.project-cards__grid > .project-card:first-child:nth-last-child(2),
.project-cards__grid > .project-card:nth-child(2):last-child {
  max-width: 400px;
}

.project-cards__grid:has(.project-card:first-child:nth-last-child(2)) {
  grid-template-columns: repeat(auto-fit, minmax(280px, 400px));
}

a.project-card:hover {
  scale: 1.03;
}

a.project-card:hover h4.project-card__project-title {
  color: var(--genium--color--primary);
}

figure.project-card__organization-logo {
  height: 50px;
  width: auto !important;
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}

figure.project-card__organization-logo img {
  height: 100%;
  width: auto !important;
}

h4.project-card__project-title {
  min-height: 200px;
  font-size: var(--genium--fonts--h4) !important;
}

.project-card__investor-photo,
.project-card__investor-no-photo {
  width: 146px;
  overflow: hidden;
  border-radius: 50%;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}

.project-card__investor-no-photo svg path {
  fill: #f5f5f5;
}

.project-card__investor-photo img {
  width: 100%;
  max-width: 100%;
}

p.project-card__investor-name {
  font-weight: 600;
  margin-bottom: 0 !important;
}

p.project-card__investor-type {
  color: var(--genium--color--primary);
  margin-top: 0.3rem !important;
}

svg.link-arrow {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

@media screen and (max-width: 781px) {
  .project-cards__grid {
    display: grid;
    grid-template-columns: repeat(1fr);
    gap: 1.5rem;
  }
}