@font-face {
    font-family: Poppins;
    src: url("../fonts/poppins-latin-700.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Nunito Sans";
    src: url("../fonts/nunito-sans-latin.woff2") format("woff2");
    font-weight: 400 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Nunito Sans";
    src: url("../fonts/nunito-sans-latin-italic.woff2") format("woff2");
    font-weight: 400 700;
    font-style: italic;
    font-display: swap;
}

:root {
    --font-sans: "Nunito Sans", system-ui, sans-serif;
    --bh-font-heading: Poppins, var(--font-sans);
    --bh-h1-size: clamp(36px, calc(24px + 3vw), 56px);
    --bh-h2-size: clamp(28px, calc(22px + 1.5vw), 36px);
    --bh-h3-size: clamp(22px, calc(19px + .7vw), 26px);
}

body,
.site :is(.pmf2, .bookclub-page) {
    font-family: var(--font-sans);
}

/* Keep the theme's optional serif settings for standard post and page text. */
.site :is(h1, h2, h3, h4, h5, h6),
.site :is(.pmf2, .bookclub-page) :is(h1, h2, h3),
.site .gh-content :is(h1, h2, h3, h4, h5, h6) {
    font-family: var(--bh-font-heading);
    font-weight: 700;
}

body:not(.has-serif-body) .site :is(.gh-content, .single-excerpt) {
    font-family: var(--font-sans);
}

.site h1,
.site :is(.pmf2, .bookclub-page) h1,
.site :is(.sp-v112 .sp-hero, .writing-intro, .about-hero, .contact-editorial, .work-page-header) h1 {
    font-size: var(--bh-h1-size);
    line-height: 1.125;
    letter-spacing: -.03em;
    overflow-wrap: anywhere;
}

.site .gh-content h2 {
    font-size: var(--bh-h2-size);
    line-height: 1.2222;
}

.site .gh-content h3 {
    font-size: var(--bh-h3-size);
    line-height: 1.3077;
}

.site .gh-content,
.site .single-excerpt {
    font-size: 18px;
    line-height: 1.6111;
}

.site .single-meta {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
}

@media (max-width: 480px) {
    .site h1,
    .site :is(.pmf2, .bookclub-page) h1,
    .site :is(.sp-v112 .sp-hero, .writing-intro, .about-hero, .contact-editorial, .work-page-header) h1 {
        font-size: clamp(30px, 10vw, 36px);
        line-height: 1.1667;
    }
}