/* About page: keep the site's paper, green palette, and serif headings. */
[data-public-renewal].about-page .about-main {
  max-width: 1160px;
  padding-top: 52px;
}
.about-page .about-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
  align-items: center;
  gap: 64px;
  padding-bottom: 56px;
}
.about-page .about-intro h1 {
  max-width: 18ch;
  margin: 0 0 24px;
  font-size: clamp(2.35rem, 4vw, 3.6rem);
  line-height: 1.1;
}
.about-page .about-intro .lede { margin: 0 0 28px; }
.about-page .about-start-note {
  margin: 14px 0 0;
  font-size: 14px;
  color: #485e50;
}
.about-page .about-practical {
  padding: 32px;
  background: #e9eddf;
  border: 1px solid #d5dcd0;
  border-radius: 10px;
}
.about-page .about-practical h2 {
  margin: 0 0 22px;
  font-size: 1.8rem;
  line-height: 1.2;
}
.about-page .about-practical ul { padding-left: 22px; margin: 0 0 24px; }
.about-page .about-practical li { margin: 12px 0; padding-left: 4px; }
.about-page .about-practical a { display: block; font-size: 15px; }
.about-page .about-story {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: 64px;
  border-top: 1px solid #d5dcd0;
  padding: 52px 0;
}
.about-page .about-section-heading h2 {
  font-size: 2.2rem;
  margin: 0;
  line-height: 1.2;
}
.about-page .about-story-copy { max-width: 62ch; }
.about-page .about-story-copy p { margin: 0 0 20px; }
.about-page .about-story-copy .about-signature { margin: 28px 0 0; font-weight: 700; }
.about-page .about-signature span { display: block; font-size: 14px; font-weight: 400; }
.about-page .about-values { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.about-page .about-values section {
  padding: 32px;
  border: 1px solid #d5dcd0;
  border-radius: 10px;
  background: #fffdf7;
}
.about-page .about-values h2,
.about-page .about-feedback h2 { font-size: 1.9rem; line-height: 1.2; margin: 0 0 20px; }
.about-page .about-values p { margin: 0 0 18px; }
.about-page .about-values p:last-child { margin-bottom: 0; }
.about-page .about-scope { margin: 32px 0; padding: 24px 0; border-bottom: 1px solid #d5dcd0; }
.about-page .about-scope h2 { font-size: 1.45rem; margin: 0 0 12px; }
.about-page .about-scope p { max-width: 90ch; font-size: 15px; margin: 0; }
.about-page .about-feedback { max-width: 70ch; }
.about-page .about-feedback p { margin: 0 0 16px; }
@media (max-width: 800px) {
  [data-public-renewal].about-page .about-main { padding: 32px 20px 48px; }
  .about-page .about-intro, .about-page .about-story { grid-template-columns: 1fr; gap: 28px; }
  .about-page .about-intro { padding-bottom: 36px; }
  .about-page .about-intro h1 { max-width: 21ch; }
  .about-page .about-intro .lede { font-size: 18px; }
  .about-page .about-practical, .about-page .about-values section { padding: 24px; }
  .about-page .about-story { padding: 36px 0; }
  .about-page .about-section-heading h2 { font-size: 1.9rem; }
  .about-page .about-values { grid-template-columns: 1fr; gap: 18px; }
}
@media (max-width: 420px) {
  .about-page .about-intro .button { width: 100%; }
}