/* Editorial layout; all source wording lives in the unchanged-copy fragment. */
.about-page .about-content { padding-block: 0 16px; }
.about-page .page-intro { margin-bottom: 48px; }
.about-page .page-intro h1 { margin-bottom: 0; }
.about-page .about-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, .8fr);
  align-items: center;
  gap: 64px;
  padding-bottom: 48px;
}
.about-page .about-editorial { min-width: 0; }
.about-page .about-name { margin-bottom: 32px; }
.about-page .about-name h2 {
  font: 700 40px/1.1 'Dosis', sans-serif;
  letter-spacing: -.03em;
  margin: 0 0 8px;
  color: var(--brand-accent);
}
.about-page .about-name p { font-size: 14px; margin: 0; }
.about-page .about-sanskrit { color: var(--brand-text); font-weight: 700; }
.about-page .about-editorial > p { margin: 0 0 24px; color: var(--brand-muted); }
.about-page .about-editorial > p:last-child { margin-bottom: 0; }
.about-page .about-editorial .about-mission {
  border-left: 3px solid var(--brand-accent);
  padding-left: 24px;
  color: var(--brand-text);
  font-weight: 700;
}
.about-page .about-quote {
  padding: 40px 32px;
  border-radius: 24px;
  border-top: 4px solid var(--brand-accent);
  box-shadow: none;
}
.about-page .about-quote > p:first-child {
  color: var(--brand-text);
  font-size: clamp(22px, 2.3vw, 28px);
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: -.02em;
  margin: 0 0 24px;
}
.about-page .about-quote .about-attribution { color: var(--brand-accent); margin: 0; font-size: 14px; }
.about-page .about-drivers { border-top: 1px solid var(--brand-line); }
.about-page .about-values { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.about-page .about-values .card { padding: 24px 32px; border-top: 3px solid var(--brand-line); }
.about-page .about-values .card:last-child { grid-column: 1 / -1; background: var(--brand-soft); border-top-color: var(--brand-accent); }
.about-page .about-values h3, .about-page .about-presence h3 { margin: 0 0 8px; font-weight: 800; }
.about-page .about-values p, .about-page .about-presence p { margin: 0; }
.about-page .about-presence { border-top: 1px solid var(--brand-line); }
.about-page .about-presence .card { background: var(--brand-soft); box-shadow: none; padding: 32px; }
@media (max-width: 980px) {
  .about-page .about-intro { gap: 32px; grid-template-columns: minmax(0, 1fr) minmax(0, .8fr); }
  .about-page .about-values { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-page .about-presence .grid { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .about-page .page-intro { margin-bottom: 32px; }
  .about-page .about-intro { grid-template-columns: 1fr; padding-bottom: 32px; }
  .about-page .about-quote { padding: 32px 24px; }
  .about-page .about-values { grid-template-columns: 1fr; gap: 16px; }
  .about-page .about-values .card, .about-page .about-presence .card { padding: 24px; }
}