/* ============================================================
   About page — layout helpers on top of the design system.
   ============================================================ */

/* Two-column grid for the long approach/philosophy cards */
.approach-grid {
  display: grid;
  gap: var(--space-5);
  grid-template-columns: 1fr;
}
@media (min-width: 800px) {
  .approach-grid { grid-template-columns: repeat(2, 1fr); }
}
.approach-grid .card p { font-size: var(--text-base); }

/* Centered pull quote — typography comes from the shared .pull-quote */
.about-quote { margin-top: var(--space-8); }

/* Education & Experience columns */
.cred-columns {
  display: grid;
  gap: var(--space-7);
  grid-template-columns: 1fr;
  align-items: start;
}
@media (min-width: 900px) {
  .cred-columns { grid-template-columns: repeat(2, 1fr); gap: var(--space-8); }
}
.cred-head {
  font-size: var(--text-xl);
  margin-bottom: var(--space-5);
  padding-bottom: var(--space-3);
  border-bottom: 2px solid rgba(201, 138, 61, 0.35);
}