body .fl-page {
    h1 { font-size: clamp(3rem, 4vw + 1rem, 4rem); line-height: 1.1; text-wrap-style: balance;}
    h2 { font-size: clamp(2.25rem, 3vw + 0.75rem, 2.8rem); line-height: 1.1; text-wrap-style: balance;}
    h3 { font-size: clamp(1.5rem, 1.6vw + 0.5rem, 1.6rem); line-height: 1.1; text-wrap-style: balance;}
    h4 { font-size: clamp(1.2rem, 1.4vw + 0.5rem, 1.4rem); line-height: 1.1; text-wrap-style: balance;}
    h5 { font-size: clamp(1rem, 1.75vw + 0.25rem, 1.25rem); line-height: 1.1; text-wrap-style: balance;}
    h6 { font-size: clamp(0.875rem, 1.5vw + 0.25rem, 1rem); line-height: 1.1; text-wrap-style: balance;}
    :is(h1, h2, h3, h4, h5, h6) {
        letter-spacing: var(--letter-spacing);
    }
}

body .fl-page .c-title {
    font-weight: var(--font-weight-title);
    line-height: 1.2;
    text-wrap-style: balance; 

    &.c-title--xxl:is(h1, h2, h3, h4, h5, h6), 
    &.c-title--xxl :is(h1, h2, h3, h4, h5, h6, p, span) {
        font-size: var(--xxl-font-size);
    }
    &.c-title--xl:is(h1, h2, h3, h4, h5, h6), 
    &.c-title--xl :is(h1, h2, h3, h4, h5, h6, p, span) {
        font-size: var(--xl-font-size);
    }
    &.c-title--lg:is(h1, h2, h3, h4, h5, h6), 
    &.c-title--lg :is(h1, h2, h3, h4, h5, h6, p, span) {  
        font-size: var(--lg-font-size); 
    }
    &.c-title--md:is(h1, h2, h3, h4, h5, h6), 
    &.c-title--md :is(h1, h2, h3, h4, h5, h6, p, span) {  
        font-size: var(--md-font-size);
    }
    &.c-title--sm:is(h1, h2, h3, h4, h5, h6), 
    &.c-title--sm :is(h1, h2, h3, h4, h5, h6, p, span) {  
        font-size: var(--sm-font-size);
        line-height: 1.2;
    }
    &.c-title--xs:is(h1, h2, h3, h4, h5, h6), 
    &.c-title--xs :is(h1, h2, h3, h4, h5, h6, p, span) {  
        font-size: var(--xs-font-size);
    }
    &.c-title--xxs:is(h1, h2, h3, h4, h5, h6), 
    &.c-title--xxs :is(h1, h2, h3, h4, h5, h6, p, span) {  
        font-size: var(--xxs-font-size);
        text-transform: uppercase;
    }   
}