/*
 * Public-site typography contract, derived from the approved homepage.
 * Manrope owns every visible text role and this file is enqueued after all
 * page packages. Component labels keep their local size, but not a local face.
 */

:root {
    --plab-font: Manrope, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-sans: var(--plab-font);
    --font-display: var(--plab-font);
    --sp-display: var(--plab-font);
    --sp-sans: var(--plab-font);
    --plab-type-display: clamp(32px, 3.8vw, 52px);
    --plab-type-section: clamp(30px, 3.4vw, 48px);
    --plab-type-body: clamp(16px, .4vw + 14px, 17px);
    --plab-type-card-title: clamp(18px, 1.45vw, 22px);
    --plab-leading-display: 1.08;
    --plab-leading-body: 1.62;
}

.plab-lux .plab-lux__title {
    font-family: var(--plab-font) !important;
}

body {
    font-family: var(--plab-font) !important;
    font-size: var(--plab-type-body);
    font-weight: 500;
    line-height: var(--plab-leading-body);
}

body :where(h1, h2, h3, h4, h5, h6, p, a, button, input, select, textarea, label, legend, li, dt, dd, summary, blockquote, figcaption, th, td, strong, b, em, small, span:not([aria-hidden="true"]):not(.dashicons):not([class^="fa-"]):not([class*=" fa-"])) {
    font-family: var(--plab-font) !important;
}

h1 {
    font-size: var(--plab-type-display) !important;
    font-weight: 900 !important;
    letter-spacing: -.045em !important;
    line-height: var(--plab-leading-display) !important;
}

h2 {
    font-size: var(--plab-type-section) !important;
    font-weight: 900 !important;
    letter-spacing: -.045em !important;
    line-height: var(--plab-leading-display) !important;
}

h3,
h4 {
    font-weight: 800 !important;
    letter-spacing: -.02em !important;
}

.plab-lux .plab-lux__title {
    font-size: clamp(32px, 3.8vw, calc(var(--lux-title-fit, 50px) * 1.14)) !important;
    font-weight: 900 !important;
    letter-spacing: -.045em !important;
    line-height: 1.08;
    text-transform: none !important;
}

@media (max-width: 700px) {
    .plab-lux .plab-lux__title {
        font-size: clamp(26px, 7.4vw, 38px) !important;
    }

}