.about-hero { display: flex; flex-direction: column; gap: 28px; }
.about-title { max-width: 1100px; font-size: clamp(48px, 8vw, 120px); line-height: .97; }
.about-story { max-width: 720px; }
.about-page { background: var(--black); color: var(--text-body); }
.about-page .about-section { background: #141416; color: var(--text-body); }
.leadership-grid, .people-grid { display: grid; gap: 32px; margin-top: 48px; }
.leadership-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.people-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.photo-placeholder { display: grid; place-content: center; text-align: center; min-height: 240px; aspect-ratio: 4 / 5; padding: 24px; border: 1px solid var(--line-2); background: #1C1C1F; color: var(--text-body); font-size: 16px; overflow-wrap: anywhere; }
.people-grid .photo-placeholder { aspect-ratio: 4 / 3; }
.leadership-card h3 { font-size: 18px; font-weight: 600; margin: 20px 0 8px; color: #fff; }
.leadership-card p { margin: 0; font-size: 16px; color: var(--text-body); }
.red-rule-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; list-style: none; padding: 0; margin: 48px 0 0; }
.red-rule-grid li { border-top: 2px solid var(--red); padding-top: 24px; }
.red-rule-grid h3 { font-size: 20px; font-weight: 600; color: #fff; margin: 0 0 16px; }
.red-rule-grid p { font-size: 16px; line-height: 1.6; margin: 0; }
.milestones { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.legal-main { max-width: 940px; }
.legal-main .h-1 { margin: 24px 0 32px; }
.draft-notice { display: inline-block; border: 2px solid var(--red); padding: 12px 18px; font-size: 16px; color: #fff; margin: 0; }
.legal-meta { padding: 24px 0; border-block: 1px solid var(--line-2); }
.legal-main section { margin-top: 44px; }
.legal-main h2 { font-size: 24px; font-weight: 600; color: #fff; }
.legal-main p, .legal-main li { font-size: 17px; line-height: 1.75; }
.legal-main a { text-decoration: underline; }
@media (max-width: 900px) {
  .leadership-grid, .people-grid, .red-rule-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .leadership-grid, .people-grid, .red-rule-grid { grid-template-columns: minmax(0, 1fr); }
  .leadership-grid .photo-placeholder { aspect-ratio: 4 / 3; }
}