:root {
    --homepage-display-font: "Playfair Display", Georgia, serif;
}

:is(
    #top-liked-articles-section,
    #recommended-articles-section,
    #brewery-tycoon,
    #carte,
    #calendrier,
    #carnet,
    #community-favorites-section,
    #sommelier,
    #galaxie-saveurs,
    #podcast,
    #quiz
) h2,
#denicheur .beer-finder-shell h2 {
    color: var(--design-ink);
    font-family: var(--homepage-display-font);
    font-size: clamp(2.25rem, 4vw, 3.25rem);
    font-weight: 400;
    letter-spacing: -0.035em;
    line-height: 1.1;
    text-wrap: balance;
}

#denicheur .beer-finder-shell h2 {
    margin-top: 0.75rem;
}

.beer-finder-card h4 {
    font-family: var(--homepage-display-font);
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.25;
}

@media (max-width: 640px) {
    :is(
        #top-liked-articles-section,
        #recommended-articles-section,
        #brewery-tycoon,
        #carte,
        #calendrier,
        #carnet,
        #community-favorites-section,
        #sommelier,
        #galaxie-saveurs,
        #podcast,
        #quiz
    ) h2,
    #denicheur .beer-finder-shell h2 {
        font-size: clamp(2rem, 10vw, 2.65rem);
    }
}