/* Home hero illustration override */
.hero-visual {
  position: relative;
  width: 120%;
  min-height: 600px;
  margin-left: -10%;
  transform: translateY(-2rem);
  border-radius: 0;
  background: url("images/people/emolab-hero.png") center top / contain no-repeat;
}

/* Hide the previous CSS-drawn orbit diagram while keeping the layout container. */
.hero-visual > * {
  display: none !important;
}

@media (max-width: 900px) {
  .hero-visual {
    width: 100%;
    min-height: 400px;
    max-width: 560px;
    margin: 0 auto;
    transform: none;
    background-position: center top;
  }
}

@media (max-width: 640px) {
  .hero-visual {
    min-height: 320px;
  }
}