/* =============================================================
   SECTION HEADING — centered title block above a section's content
   ============================================================= */
.section__heading {
    text-align: center;
    margin-block-end: 48px;
}

.section__heading h1,
.section__heading h2 {
    color: var(--color-text-heading);                       /* source: navy */
    font-size: 55px;                              /* source: 55px */
    font-weight: 600;
    line-height: 55px;                            /* source: tight */
}

.section__heading p {
    color: var(--color-text-muted);
    font-size: 18px;
    margin-block-start: 12px;
}

@media (max-width: 1024px) {
    .section__heading h1,
    .section__heading h2 {
        font-size: 28px;
        line-height: 1.15;
    }
}