/* ============================================================
   CIIP.CSS
   ============================================================ */

.ciip-about { background: var(--color-white); }
.ciip-about__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-20);
  align-items: center;
}
.ciip-about__grid p {
  color: var(--color-text-muted);
  line-height: 1.9;
  margin-bottom: var(--space-5);
}
.ciip-about__tagline {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-style: italic;
  color: var(--color-primary) !important;
  font-weight: 700;
}
.ciip-about__image img {
  width: 100%;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

.ciip-partners { background: var(--color-off-white); }
.ciip-partners__intro {
  color: var(--color-text-muted);
  max-width: 520px;
  margin: var(--space-4) auto 0;
  text-align: center;
  line-height: 1.75;
}
.ciip-partners__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: var(--space-3);
  margin-top: var(--space-12);
}
.ciip-partner {
  background: var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--space-5) var(--space-4);
  text-align: center;
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--color-cobalt-dark);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}
.ciip-partner:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-sm);
}

.ciip-cta {
  background: var(--color-cobalt-dark);
  position: relative; overflow: hidden;
}
.ciip-cta::before {
  content: '';
  position: absolute; top: -50%; right: -10%;
  width: 500px; height: 500px;
  background: radial-gradient(circle, rgba(0,71,171,0.4) 0%, transparent 70%);
}
.ciip-cta__inner {
  position: relative; z-index: 2;
  text-align: center;
  max-width: 600px;
  margin-inline: auto;
}
.ciip-cta__inner p {
  color: rgba(255,255,255,0.72);
  line-height: 1.85;
  margin-block: var(--space-4) var(--space-8);
  font-size: var(--text-md);
}

@media (max-width: 1024px) {
  .ciip-about__grid { grid-template-columns: 1fr; }
  .ciip-partners__grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
  .ciip-partners__grid { grid-template-columns: repeat(2, 1fr); }
}