body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: system-ui, sans-serif;
    font-size: 16px;
}

/***** Responsive Font Sizing *****/
/* 
Type Scale Calculator: https://www.layoutgridcalculator.com/type-scale/
PX to VW Calculator: https://web-development.space/tools/px-to-vw/ 
*/

/* first font-size: fallback for no clamp support */
h1 {
    font-size: 6.1vw;
    font-size: clamp(2rem, 6.1vw, 4.3rem);
}

h2 {
    font-size: 3.3vw;
    font-size: clamp(1.8rem, 3.3vw, 2.3rem);
}

h3 {
    font-size: 2.3vw;
    font-size: clamp(1.4rem, 2.3vw, 1.6rem);
}

h4 {
    font-size: 1.9vw;
    font-size: clamp(1.1rem, 1.9vw, 1.3rem);
}

h5 {
    font-size: 1.6vw;
    font-size: clamp(1rem, 1.6vw, 1.1rem);
}

h6,
blockquote {
    font-size: 1rem;
}

caption,
.endnote {
    font-size: 0.8rem;
}

.footnote {
    font-size: 0.7rem;
}