.hero {
  min-height: clamp(650px, 82vh, 860px);
}

.label-people {
  top: 20%;
  left: 58%;
  color: var(--magenta);
}

.label-process,
.label-data {
  color: var(--teal);
}

.language-switch button:disabled {
  cursor: wait;
  opacity: .55;
}

.project-card-wide {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1.2fr .8fr;
}

.project-card-wide > img {
  height: 100%;
  object-fit: cover;
  border-bottom: 0;
  border-right: 1px solid var(--line);
}

.award-explained > div {
  display: grid;
  gap: .4rem;
}

.award-explained small {
  max-width: 36ch;
  color: var(--muted);
  font-size: .78rem;
  font-weight: 500;
  line-height: 1.5;
}

@media (max-width: 620px) {
  .hero {
    min-height: auto;
    padding-top: 5.5rem;
    padding-bottom: 5rem;
  }

  .project-card-wide {
    grid-template-columns: 1fr;
  }

  .project-card-wide > img {
    height: auto;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
}