/* ============================================================
   supply-chain.css — Supply Chain page overrides
   Extends styles.css — do not duplicate base styles here
   ============================================================ */

/* ── PAGE HERO: Supply Chain color treatment ── */
.page-hero--supply-chain {
  background-color: var(--color-navy);
  background-image: linear-gradient(
    to right,
    rgba(0, 38, 119, 0.93) 45%,
    rgba(0, 80, 120, 0.75)
  );
  /* Antigravity: apply approved supply chain specific hero image here */
  background-size: cover;
  background-position: center;
  padding: 6rem 0;
  color: var(--color-white);
}

/* ── CLIENT STORIES: 2-column grid (SC has 2 tiles, not 3) ── */
.client-stories .story-card-grid {
  grid-template-columns: repeat(2, 1fr);
}