/* About page (about.html, es-about.html). Tokens only. */

/* Story */
.story-grid { display: grid; grid-template-columns: 1.25fr 1fr; gap: var(--s-7); align-items: start; }
.story-copy .h2 { margin-bottom: var(--s-4); }
.story-copy p + p { margin-top: var(--s-3); }
.story-copy strong { color: var(--ink); }
.story-stat .stat-num { font-size: 56px; }
.story-stat .stat-cap { font-size: var(--fs-small); font-weight: 700; color: var(--ink); }
.story-stat p { margin-top: var(--s-3); font-size: var(--fs-small); }
.story-stat .tick-list { margin-top: var(--s-4); padding-top: var(--s-4); border-top: 1px solid var(--line-soft); }
@media (max-width: 960px) { .story-grid { grid-template-columns: 1fr; gap: var(--s-5); } }

/* Team: initials tile instead of a photo */
.avatar {
  width: 64px; height: 64px; flex: none; display: grid; place-items: center;
  border-radius: var(--r-tile); background: var(--ink); color: var(--surface);
  font-size: 22px; font-weight: 800; letter-spacing: -0.02em;
}
.avatar.is-placeholder { background: var(--accent-wash); color: var(--accent-deep); border: 1.5px dashed var(--accent-deep); font-size: 13px; }