/* ============================================================
   Rumaiz Interiors — ABOUT PAGE CSS  (about.html only)
   ============================================================
   Load after shared.css:
     <link rel="stylesheet" href="css/shared.css" />
     <link rel="stylesheet" href="css/page-about.css" />
   ============================================================ */

/* ── About single text column ──────────────────────────────── */
.about-grid {
  display: grid;
  gap: 2.5rem;
  max-width: 48rem;
  margin: 0 auto;
}

/* ── About text column ─────────────────────────────────────── */
.about-text .body-copy {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  font-size: 0.9375rem;
  color: oklch(0.94 0.018 75 / 0.75);
  line-height: 1.7;
}
.about-text .body-copy em,
.about-pull-quote em {
  font-style: normal;
  font-weight: 500;
  color: var(--gold-metallic);
}

/* ── Vision / Mission / Promise ────────────────────────────── */
.values-grid {
  margin-top: 4.5rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media (min-width: 640px)  { .values-grid { grid-template-columns: repeat(3, 1fr); gap: 1.5rem; } }
.values-grid .feature-card h3 { text-align: left; }