/* About page only. Classes prefixed about- and scoped under .page-about. */
@layer pages {
  /* Title beside text row (used by “Our name” and the values list) */
  .page-about .about-row { display: flex; flex-wrap: wrap; gap: 8px 40px; align-items: start; padding: 26px 0; border-bottom: 1px solid var(--border); }
  .page-about .about-row:last-child { border-bottom: 0; }
  .page-about .about-row__title { flex: 1 1 180px; font-size: 23px; line-height: 1.3; }
  .page-about .about-row__text { flex: 3 1 420px; font-size: var(--fs-list); color: var(--body); }

  /* “Our name” (c-panel--list): large serif words */
  .page-about .about-name__word { font-size: 34px; line-height: 1.1; color: var(--on-seafoam); }
  .page-about .about-name__word--accent { color: var(--coral-text); }

  /* Numbered values list */
  .page-about .about-values { display: flex; flex-direction: column; padding: 0; list-style: none; }
  .page-about .about-values__item { display: flex; gap: 22px; align-items: flex-start; padding: 28px 0; border-top: 1px solid var(--border); }
  .page-about .about-values__num { width: 44px; height: 44px; }
  .page-about .about-row--inline { flex: 1; gap: 6px 40px; padding: 0; border: 0; }

  /* Pan-India places panel (c-panel): powder chips, 16px note */
  .page-about .about-places .c-chip { padding: 8px 16px; background: var(--powder); font-weight: 600; }
  .page-about .about-places .t-small { font-size: 16px; }
}