/* ============================================================
   ROYCE HEATING & AIR — COMPANY PAGE
   Agent-owned override. Scope: the .royce-company-page wrapper
   rendered by article 58 (menu item 126, outline #Grid).
   Tokens (--royce-navy, --royce-orange, color, --royce-muted,
   --body-font-family) are defined in content/override.css.
   ============================================================ */

html body .royce-company-page {
    max-width: 880px;
    margin: 0 auto;
    padding: min(4vw, 3.5rem) 0 min(5vw, 4.5rem);
}

html body .royce-company-page .company-intro {
    margin: 0 0 min(3vw, 2.75rem);
    padding: 0 0 min(2.5vw, 2rem);
    border-bottom: 1px solid rgba(var(--primary-color-rgb), .15);
}

html body .royce-company-page .company-intro h6 {
    font: 800 11px/1.5 var(--body-font-family);
    text-transform: uppercase;
    letter-spacing: .17em;
    color: var(--royce-orange);
    margin: 0 0 18px;
}

html body .royce-company-page .company-intro h2 {
    font: 900 clamp(2rem, 4.4vw, 3.6rem)/1.05 var(--body-font-family);
    text-transform: uppercase;
    letter-spacing: -.045em;
    font-variant: normal;
    color: var(--royce-navy);
    margin: 0;
}

html body .royce-company-page .company-story p {
    color: var(--royce-muted);
    font: 400 16px/1.95 var(--body-font-family);
    margin: 0 0 24px;
}

html body .royce-company-page .company-story p:first-of-type {
    font-size: 18px;
    line-height: 1.8;
    color: var(--royce-navy);
}

html body .royce-company-page .company-story p:last-of-type {
    margin-bottom: 0;
}

@media (max-width: 50.99rem) {
    html body .royce-company-page {
        padding: 2rem 0 3rem;
    }

    html body .royce-company-page .company-intro h2 {
        font-size: clamp(1.7rem, 7vw, 2.4rem);
    }

    html body .royce-company-page .company-story p {
        font-size: 15px;
        line-height: 1.85;
        margin-bottom: 20px;
    }

    html body .royce-company-page .company-story p:first-of-type {
        font-size: 16px;
    }
}