/* =========================================================
   DATA INTELA ABOUT PAGE — PORTFOLIO AMENDMENT V2
   Extends the existing About-page visual language.
   ========================================================= */


/* ---------- HERO / FOUR-BUSINESS ORBIT ---------- */

.about-portfolio-v2 .ai-center {
  text-align: center;
}

.about-portfolio-v2 .ai-center-name {
  display: block;
  line-height: 1.08;
}

.about-portfolio-v2 .ai-center-name small {
  display: block;
  margin-top: 5px;
  font-size: 0.55em;
  font-weight: 600;
  letter-spacing: 0.08em;
  opacity: 0.72;
}

.about-portfolio-v2 .orbit-item {
  width: 154px;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
}

/*
  Preserve the existing moving rings.
  Only reposition the business labels around them.
*/
.about-portfolio-v2 .orbit-item-one {
  top: 1%;
  left: 50%;
  right: auto;
  bottom: auto;
  margin-left: -77px;
}

.about-portfolio-v2 .orbit-item-two {
  top: 50%;
  right: -20px;
  bottom: auto;
  left: auto;
  margin-top: -22px;
}

.about-portfolio-v2 .orbit-item-three {
  bottom: 1%;
  left: 50%;
  top: auto;
  right: auto;
  margin-left: -77px;
}

.about-portfolio-v2 .orbit-item-four {
  top: 50%;
  left: -20px;
  right: auto;
  bottom: auto;
  margin-top: -22px;
}


/* ---------- PORTFOLIO CARDS ---------- */

.about-portfolio-v2 .solutions-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.about-portfolio-v2 .portfolio-card {
  position: relative;
  overflow: hidden;
}

.about-portfolio-v2 .portfolio-brandmark {
  display: flex;
  align-items: center;
  gap: 12px;
}

.about-portfolio-v2 .portfolio-brandmark img {
  width: 52px;
  height: 52px;
  object-fit: contain;
}

.about-portfolio-v2 .portfolio-brandmark span {
  color: inherit;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.about-portfolio-v2 .portfolio-domain {
  display: inline-flex;
  margin-top: 16px;
  padding: 7px 12px;
  border: 1px solid currentColor;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 700;
  opacity: 0.78;
}

.about-portfolio-v2 .portfolio-card .solution-bottom p {
  max-width: 34ch;
}

.about-portfolio-v2 .portfolio-card .solution-capabilities span {
  white-space: normal;
}


/* ---------- SELECTED PORTFOLIO WORK ---------- */

.about-portfolio-v2 .client-portfolio-label {
  display: block;
  margin-top: 7px;
  color: #4f7188;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}


/* ---------- SHARED FOUNDATION ---------- */

.about-portfolio-v2 .product-entry-layout {
  align-items: start;
}


/* ---------- RESPONSIVE ---------- */

@media (max-width: 900px) {
  .about-portfolio-v2 .solutions-grid {
    grid-template-columns: 1fr;
  }

  .about-portfolio-v2 .orbit-item {
    width: 132px;
    font-size: 0.76rem;
  }

  .about-portfolio-v2 .orbit-item-one,
  .about-portfolio-v2 .orbit-item-three {
    margin-left: -66px;
  }

  .about-portfolio-v2 .orbit-item-two {
    right: -8px;
  }

  .about-portfolio-v2 .orbit-item-four {
    left: -8px;
  }
}

@media (max-width: 680px) {
  .about-portfolio-v2 .portfolio-brandmark img {
    width: 44px;
    height: 44px;
  }

  .about-portfolio-v2 .orbit-item {
    width: 112px;
    white-space: normal;
    line-height: 1.15;
  }

  .about-portfolio-v2 .orbit-item-one,
  .about-portfolio-v2 .orbit-item-three {
    margin-left: -56px;
  }

  .about-portfolio-v2 .orbit-item-two {
    right: -3px;
  }

  .about-portfolio-v2 .orbit-item-four {
    left: -3px;
  }
}