/* Typography - Shared heading sizing/weight across pages */

/* Base/Desktop (>1285px) */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Ledger', serif !important;
    font-weight: 500 !important;
}

h1,
h2,
.section-title,
.about-text h2 {
    font-size: 2.2rem !important;
    font-weight: 600 !important;
}

/* Scale down to 85% at 1285px and below */
@media (max-width: 1285px) {
    h1,
    h2,
    .section-title,
    .about-text h2 {
        font-size: 1.87rem !important;
    }
}

/* Scale down to 75% at 1035px and below */
@media (max-width: 1035px) {
    h1,
    h2,
    .section-title,
    .about-text h2 {
        font-size: 1.65rem !important;
    }
}

/* Cinematic hero headline — a distinct, larger scale from the rest of the
   type system. clamp() instead of the fixed-breakpoint !important pattern
   above: this is the one place in the site meant to read as "editorial",
   not the standard heading scale. */
.hero h1.hero-title {
    font-size: clamp(2.75rem, 6vw, 4.5rem) !important;
}