/* About Tikkun Sanctuary — /about only.
 * Page-scoped. Tokens only, never raw colour values. The two-column rule for the
 * "six things" list was the inline <style> on the live Retreats About page.
 */

.about-intro { max-width: var(--maxw-text); margin-bottom: clamp(2.25rem, 4.5vw, 3rem); }
.section--forest .about-intro { margin-bottom: 0; }

/* the two experiences, inside the "what it is" split */
.about-ways { margin-top: 0.5rem; }
.about-ways a { font-weight: 600; white-space: nowrap; }

/* the six things Tikkun brings together: two columns once there is room */
@media (min-width: 720px) {
  .about-brings { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(1.5rem, 4vw, 3rem); }
}
.about-more { margin-top: clamp(2rem, 4vw, 2.75rem); }

.about-pull { max-width: 28ch; }
.about-after { margin-top: 2rem; }

/* people */
.about-person { margin-top: clamp(2.5rem, 5vw, 4rem); }
.about-voice-line {
  font-family: var(--font-display); font-style: italic; font-weight: 500;
  font-size: var(--fs-pull); line-height: 1.2; color: var(--forest);
}
.about-facilitators {
  margin-top: clamp(3rem, 6vw, 4.5rem);
  padding-top: clamp(2rem, 4vw, 2.75rem);
  border-top: 1px solid var(--line);
}
.about-subhead { margin-bottom: clamp(1.5rem, 3vw, 2rem); }
.about-person--small { grid-template-columns: minmax(0, 140px) 1fr; }
.about-person--small .person__name { font-family: var(--font-display); font-size: 1.4rem; font-weight: 600; letter-spacing: -0.01em; }
.about-person--small p:not([class]) { font-size: 0.975rem; }
@media (max-width: 560px) {
  .about-person--small { grid-template-columns: 1fr; }
  .about-person--small .person__photo { max-width: 160px; }
}

/* ceremony: present, never dominant */
.about-disclosure-title { font-size: var(--fs-h3); }

/* closing band */
.about-cta-title { max-width: 20ch; margin-inline: auto; }
.about-cta-row { justify-content: center; margin-top: 2rem; }