@keyframes marquee {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}
.eco-row:hover .eco-hover-bg { transform: scaleY(1) !important; transform-origin: top !important; }
.eco-row:hover .eco-num { color: #FFF !important; }
.eco-row:hover .eco-name { color: #FFF !important; transform: translateX(20px); }
.eco-row:hover .eco-desc { color: #CCC !important; transform: translateX(20px); display: inline-block; }
.eco-row:hover .eco-arrow {
  background: #FFF !important;
  border-color: #FFF !important;
  transform: scale(1.1);
}
.eco-row:hover .eco-arrow-icon {
  stroke: #000 !important;
  transform: rotate(45deg);
}

@media (max-width: 960px) {
  .ecosystem-section.section-vh {
    min-height: 0;
    height: auto;
    overflow: visible;
    padding: 3.25rem 0 2.5rem !important;
  }

  .ecosystem-section .container-wide {
    height: auto !important;
    padding: 0 1.25rem !important;
    justify-content: flex-start !important;
  }

  .ecosystem-section [style*="margin-bottom: clamp"] {
    margin-bottom: 2rem !important;
    gap: 1.5rem !important;
  }

  .ecosystem-section h2 {
    font-size: clamp(2.1rem, 9vw, 3rem) !important;
  }

  .eco-row {
    grid-template-columns: 2.25rem 1fr auto !important;
    gap: 0.85rem !important;
    padding: 1.35rem 0 !important;
  }

  .eco-name {
    font-size: clamp(1.35rem, 6.5vw, 1.9rem) !important;
  }

  .eco-arrow {
    width: 42px !important;
    height: 42px !important;
  }

  .ecosystem-section > div[style*="marquee"],
  .ecosystem-section > div[style*="ONE VISION"] {
    opacity: 0.06 !important;
  }
}