/* Industry Ecosystem — responsive */

@media (max-width: 1199.98px) {
  .industry-ecosystem {
    --ie-card-w: clamp(270px, 28vw, 310px);
  }

  .industry-ecosystem__visual {
    min-height: clamp(680px, 74vw, 780px);
  }

  .industry-ecosystem__hub {
    width: clamp(250px, 26vw, 300px);
  }

  .industry-ecosystem__hub-glass {
    min-height: clamp(250px, 26vw, 290px);
    padding: 30px 24px;
  }

  .industry-ecosystem__card[data-position="top-left"],
  .industry-ecosystem__card[data-position="top"] {
    left: 3%;
  }

  .industry-ecosystem__card[data-position="top-right"] {
    right: 3%;
  }

  .industry-ecosystem__card[data-position="mid-left"] {
    left: 1%;
  }

  .industry-ecosystem__card[data-position="mid-right"] {
    right: 1%;
  }

  .industry-ecosystem__card[data-position="bottom-left"],
  .industry-ecosystem__card[data-position="bottom"] {
    left: 8%;
  }

  .industry-ecosystem__card[data-position="bottom-right"] {
    right: 8%;
  }
}

@media (max-width: 991.98px) {
  .industry-ecosystem {
    --ie-card-w: clamp(240px, 34vw, 280px);
    padding: 56px 0 64px;
  }

  .industry-ecosystem__canvas {
    padding: 0 16px;
  }

  .industry-ecosystem__visual {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    min-height: 0;
    max-width: 420px;
    margin: 0 auto;
  }

  .industry-ecosystem__connections {
    display: none;
  }

  .industry-ecosystem__hub {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    max-width: 300px;
    margin: 0 auto 6px;
    transform: scale(0.96);
    order: 1;
  }

  .industry-ecosystem.is-visible .industry-ecosystem__hub {
    transform: scale(1);
  }

  .industry-ecosystem__hub-glass {
    min-height: 240px;
    padding: 30px 24px;
  }

  .industry-ecosystem__logo {
    max-width: min(200px, 76%);
    max-height: 64px;
  }

  .industry-ecosystem__card {
    position: relative;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100%;
    max-width: 420px;
    order: 2;
    transform: none;
  }

  .industry-ecosystem.is-visible .industry-ecosystem__card,
  .industry-ecosystem.is-visible .industry-ecosystem__card[data-position="mid-left"],
  .industry-ecosystem.is-visible .industry-ecosystem__card[data-position="mid-right"] {
    transform: none;
  }

  .industry-ecosystem__card:hover .industry-ecosystem__card-inner,
  .industry-ecosystem__card:focus-visible .industry-ecosystem__card-inner,
  .industry-ecosystem__card.is-active .industry-ecosystem__card-inner {
    transform: none;
  }

  .industry-ecosystem__card-inner {
    min-height: 190px;
    padding: 18px 18px;
  }

  .industry-ecosystem__card-desc {
    font-size: 0.76rem;
  }

  .industry-ecosystem__capabilities {
    font-size: 0.72rem;
  }

  @media (prefers-reduced-motion: reduce) {
    .industry-ecosystem__hub {
      transform: none !important;
    }
  }
}

@media (max-width: 767.98px) {
  .industry-ecosystem {
    --ie-card-w: 100%;
  }

  .industry-ecosystem__hub {
    display: none;
  }

  .industry-ecosystem__card-inner {
    min-height: 0;
  }
}

@media (max-width: 575.98px) {
  .industry-ecosystem__title {
    font-size: 1.65rem;
  }

  .industry-ecosystem__card-title {
    font-size: 0.98rem;
  }
}