/* About page. The shared public-page shell (tokens, header, hero, buttons,
   cards, footer) lives in css/public.css; only About-specific layout is here. */

/* Mission / vision cards */
.mv-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.mv-cols h3 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.05em; margin: 0 0 12px; color: var(--brass-deep); }
.mv-cols p { margin: 0; }

/* Values */
.value { border-left: 3px solid var(--brass-deep); padding-left: 20px; margin-bottom: 26px; }
.value h3 { font-size: 19px; margin: 0 0 6px; }
.value p { margin: 0; }

/* Founders */
.founders { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.founder .portrait { border-radius: 12px; overflow: hidden; border: 1px solid var(--line); background: var(--white); aspect-ratio: 3 / 4; }
.founder .portrait img { display: block; width: 100%; height: 100%; object-fit: cover; }
.founder h3 { font-size: 20px; margin: 18px 0 2px; }
.founder .role { color: var(--brass-deep); font-weight: 600; font-size: 14px; text-transform: uppercase; letter-spacing: 0.05em; margin: 0 0 10px; }
.founder p { margin: 0; font-size: 15.5px; }

@media (max-width: 720px) {
  .mv-cols, .founders { grid-template-columns: 1fr; }
}