/* Large homepage team image */
.hero {
  grid-template-columns: .78fr 1.22fr;
  gap: 48px;
  min-height: 760px;
}

.hero-art.hero-photo {
  overflow: hidden;
  padding: 0;
  min-height: 600px;
  background: #eceeef;
}

.hero-art.hero-photo > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
}

@media (max-width: 850px) {
  .hero { grid-template-columns: 1fr; min-height: auto; }
  .hero-art.hero-photo { min-height: 470px; }
}

@media (max-width: 560px) {
  .hero-art.hero-photo { min-height: 360px; }
}