/* Hero ecosystem illustration (static) */
.hero-visual {
  width: 100%;
  min-width: 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  overflow: visible;
}

@media (max-width: 899px) {
  .hero-visual {
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    margin-top: -20px;
  }
}

@media (min-width: 900px) {
  .hero-visual {
    justify-content: flex-end;
    align-self: center;
  }
}

.hero-eco-img {
  display: block;
  width: 100%;
  max-width: 560px;
  height: auto;
  object-fit: contain;
}

@media (max-width: 899px) {
  .hero-eco-img {
    width: clamp(198px, 57vw, 242px);
    min-width: 198px;
    max-width: 242px;
  }
}

@media (min-width: 900px) {
  .hero-eco-img {
    max-width: 100%;
    width: 100%;
  }
}