/* ==================================================
   TTL REDESIGN V1
   Increment 5A — About section identity
   ================================================== */

.about-page .about-section-eyebrow {
    font-weight: 600;
}

/* ==================================================
   TTL REDESIGN V1
   Increment 5B — About local navigation
   ================================================== */

.about-page .about-local-nav-current {
    font-weight: 600;
}

.about-page .about-local-nav-desktop a:focus-visible,
.about-page .about-local-nav-mobile summary:focus-visible,
.about-page .about-local-nav-mobile-links a:focus-visible {
    outline: 2px solid var(--ghost-accent-color);
    outline-offset: 3px;
}

/* ==================================================
   TTL REDESIGN V1
   Increment 5C — About section headings
   ================================================== */

.about-page .about-section-eyebrow + :is(h2, h3, h4),
.about-page .about-section-eyebrow + .about-generated-section-heading {
    font-size: clamp(2.8rem, 3.5vw, 3.8rem);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -.025em;
}

@media (max-width: 700px) {
    .about-page .about-section-eyebrow + :is(h2, h3, h4),
    .about-page .about-section-eyebrow + .about-generated-section-heading {
        font-size: clamp(2.7rem, 7vw, 3.2rem);
    }
}

/* ==================================================
   TTL REDESIGN V1
   Increment 5D — About narrative typography
   ================================================== */

.about-page .about-content > :is(p, ul, ol) {
    font-size: 1.8rem;
    line-height: 1.72;
}

@media (max-width: 700px) {
    .about-page .about-content > :is(p, ul, ol) {
        font-size: 1.7rem;
    }
}

/* ==================================================
   TTL REDESIGN V1
   Increment 5E — About narrative links
   ================================================== */

.about-page .about-content > p a,
.about-page .about-content > :is(ul, ol) a {
    text-decoration-thickness: 1px;
    text-underline-offset: .2em;
}

.about-page .about-content > p a:focus-visible,
.about-page .about-content > :is(ul, ol) a:focus-visible {
    outline: 2px solid var(--ghost-accent-color);
    outline-offset: 3px;
}

/* ==================================================
   TTL REDESIGN V1
   Cross-page consistency — About PageIntro spacing
   ================================================== */

.about-page .article-header {
    padding-top: 8rem;
}

@media (max-width: 760px) {
    .about-page .article-header {
        padding-top: 5.5rem;
    }
}