.cpi-band {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-lg);
  align-items: center;
  margin-top: var(--space-md);
}

@media (width >= 860px) {
  .cpi-band {
    grid-template-columns: 1fr 1.3fr auto;
  }
}

.cpi-band .photo-placeholder {
  min-height: 220px;
}

.trained-band {
  max-width: 75ch;
}

.trained-band a {
  color: var(--color-near-white);
  text-decoration-color: rgb(255 255 255 / 60%);
}

.badge-grid--lg .badge-placeholder {
  width: 140px;
  height: 140px;
}

.honor-band {
  max-width: 75ch;
  text-align: center;
}

.honor-band .badge-placeholder--center {
  margin-inline: auto;
  width: 160px;
  height: 160px;
  background: var(--color-near-white);
  color: var(--color-brand-blue);
  border-color: var(--color-near-white);
  margin-bottom: var(--space-md);
}

.about-band {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-lg);
  align-items: center;
}

@media (width >= 760px) {
  .about-band {
    grid-template-columns: 1.2fr 1fr;
  }
}