/**** LOCAL FONTS ****//**** LOCAL FONTS ****//**** LOCAL FONTS ****/

@font-face {font-family: 'Lora'; src: url('../fonts/lora-cyrillic.woff2') format('woff2'); font-style: normal; font-weight: 400 700; font-display: swap; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face {font-family: 'Lora'; src: url('../fonts/lora-latin.woff2') format('woff2'); font-style: normal; font-weight: 400 700; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: 'Manrope'; src: url('../fonts/manrope-cyrillic.woff2') format('woff2'); font-style: normal; font-weight: 400 700; font-display: swap; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face {font-family: 'Manrope'; src: url('../fonts/manrope-latin.woff2') format('woff2'); font-style: normal; font-weight: 400 700; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

/**** HEADINGS ****//**** HEADINGS ****//**** HEADINGS ****/

h1, h2, h3, h4, h5, h6 {max-width: var(--text-width); margin: 0px 0px var(--space-md) 0px; font-family: var(--font-family-heading); font-weight: var(--font-weight-semibold); line-height: var(--line-height-heading); color: var(--color-navy-dark); text-wrap: balance;}
h1 {font-size: var(--font-size-3xl); line-height: var(--line-height-tight);}
h2 {font-size: var(--font-size-2xl);}
h3 {font-size: var(--font-size-xl);}
h4 {font-size: var(--font-size-lg);}
h5, h6 {font-size: var(--font-size-md);}

/**** COPY ****//**** COPY ****//**** COPY ****/

p, ul, ol {max-width: var(--text-width); margin: 0px 0px var(--space-md) 0px;}
ul, ol {padding: 0px 0px 0px var(--space-md);}
li + li {margin: var(--space-2xs) 0px 0px 0px;}
.lead {font-size: var(--font-size-md); line-height: var(--line-height-body); color: var(--color-text-secondary);}
.hero-top, .section-top {margin: 0px 0px var(--space-sm) 0px; font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); line-height: var(--line-height-heading); letter-spacing: 0.14em; text-transform: uppercase; color: var(--color-gold-dark);}
.hero-text {font-size: var(--font-size-md); color: var(--color-text-secondary);}
.card-meta {display: flex; flex-wrap: wrap; gap: var(--space-2xs); margin: 0px 0px var(--space-sm) 0px; font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold); color: var(--color-olive-gray);}
.number-value {margin: 0px 0px var(--space-2xs) 0px; font-family: var(--font-family-heading); font-size: var(--font-size-2xl); font-weight: var(--font-weight-semibold); line-height: var(--line-height-tight); color: var(--color-gold);}
.number-text {margin: 0px; color: var(--color-bg-light);}

/**** MEDIA 750 ****//**** MEDIA 750 ****//**** MEDIA 750 ****/

@media (max-width: 750px) {
    h1 {font-size: var(--font-size-2xl);}
    h2 {font-size: var(--font-size-xl);}
    h3 {font-size: var(--font-size-lg);}
}

/**** MEDIA 500 ****//**** MEDIA 500 ****//**** MEDIA 500 ****/

@media (max-width: 500px) {
    h1 {font-size: var(--font-size-xl);}
    .lead, .hero-text {font-size: var(--font-size-base);}
}