.page-about .about-page { max-width: 1040px; }
.page-about .jo-page-hero__inner h1 { text-transform: none; }
.page-about .about-lead { margin-bottom: 42px; padding: 26px 0 30px; border-bottom: 1px solid var(--v4-line); }
.page-about .about-lead small { color: var(--v4-gold-bright); font-family: var(--p-display, "Barlow Condensed", "Arial Narrow", sans-serif); font-size: 13px; letter-spacing: .08em; text-transform: none; }
.page-about .about-lead p { max-width: 900px; margin: 12px 0 0; color: var(--v4-copy); font-size: 20px; line-height: 1.7; }
.page-about .about-section { margin-top: 42px; }
.page-about .about-section h2 { margin: 0 0 12px; color: var(--v4-ink); font-family: var(--p-display, "Barlow Condensed", "Arial Narrow", sans-serif); font-size: 28px; font-weight: 400; }
.page-about .about-section > p { max-width: 900px; color: var(--v4-copy); }
.page-about .about-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin-top: 24px; background: var(--v4-line); border: 1px solid var(--v4-line); }
.page-about .about-grid article { padding: 24px; background: var(--v4-panel); }
.page-about .about-grid article:last-child:nth-child(odd) { grid-column: 1 / -1; }
.page-about .about-grid h3 { margin: 0 0 8px; color: var(--v4-gold-bright); font-family: var(--p-display, "Barlow Condensed", "Arial Narrow", sans-serif); font-size: 18px; font-weight: 400; }
.page-about .about-grid p { margin: 0; color: var(--v4-copy); }
.page-about .about-stage { padding: 28px; border-left: 2px solid var(--v4-gold); background: rgba(196,154,94,.055); }
.page-about .about-stage .btn-primary { display: inline-flex; margin-top: 14px; }
.page-about .about-journal { margin-top: 20px; border-top: 1px solid var(--v4-line); }
.page-about .about-journal a { display: grid; grid-template-columns: 1fr auto; gap: 18px; align-items: center; padding: 15px 2px; border-bottom: 1px solid var(--v4-line); color: var(--v4-copy); }
.page-about .about-journal a:hover { color: var(--v4-gold-bright); }
.page-about .about-journal i { color: var(--v4-gold); font-size: 10px; }
.page-about .about-principles { margin: 18px 0 0; padding: 0; list-style: none; }
.page-about .about-principles li { position: relative; margin: 10px 0; padding-left: 22px; color: var(--v4-copy); }
.page-about .about-principles li::before { content: "◆"; position: absolute; left: 0; top: .08em; color: var(--v4-gold); font-size: 9px; }
.page-about .about-faq details { border-top: 1px solid var(--v4-line); padding: 16px 0; }
.page-about .about-faq details:last-child { border-bottom: 1px solid var(--v4-line); }
.page-about .about-faq summary { cursor: pointer; color: var(--v4-ink); font-family: var(--p-display, "Barlow Condensed", "Arial Narrow", sans-serif); }
.page-about .about-faq p { margin: 10px 0 0; color: var(--v4-copy); }
.page-about .about-cta { margin-top: 50px; padding: 28px; border: 1px solid var(--v4-line); background: var(--v4-panel); }
.page-about .about-cta p { margin: 0 0 14px; color: var(--v4-copy); }
@media (max-width: 720px) {
    .page-about .about-grid { grid-template-columns: 1fr; }
    .page-about .about-lead p { font-size: 17px; }
}