/* about.css — layout-only styles for the About page.
   Builds on tokens.css + site.css + page.css. */

/* mission section: stacks on narrow */
.rpr-mission-grid {
  display: grid;
  grid-template-columns: 0.7fr 1.3fr;
  gap: 64px;
  align-items: flex-start;
}
@media (max-width: 880px) {
  .rpr-mission-grid { grid-template-columns: 1fr !important; gap: 28px !important; }
}

/* leadership: 3-up on desktop, 2-up tablet, 1-up phone */
.rpr-leadership-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 1080px) {
  .rpr-leadership-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .rpr-leadership-grid { grid-template-columns: 1fr; }
}

/* principles: 3 across by default, collapses cleanly */
.rpr-principles-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
@media (max-width: 1080px) {
  .rpr-principles-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .rpr-principles-grid { grid-template-columns: 1fr; }
}

/* where we work: text/map split */
@media (max-width: 980px) {
  .rpr-where-grid { grid-template-columns: 1fr !important; gap: 48px !important; }
}