/* Typography */
h1,
.font-h1,
h2,
.font-h2,
h3,
.font-h3,
h4,
.font-h4,
h5,
.font-h5,
.nav-text,
.heading-small {
    font-family: var(--f-primary), serif !important;
}

h1,
.font-h1,
h2,
.font-h2,
h3,
.font-h3,
h4,
.font-h4 {
    font-weight: 400 !important;
    line-height: 105%;
}

h5,
.font-h5 {
    font-weight: 400 !important;
    line-height: 120%;
}

a,
button,
span,
h6,
.font-h6,
p,
small,
body,
.button,
.n-primary,
.n-secondary,
.n-outline {
    font-family: var(--f-secondary), sans-serif !important;
}

body,
p,
small {
    font-weight: 300 !important;
}

h6,
.font-h6,
a,
button,
span,
.button,
.n-primary,
.n-secondary,
.n-outline {
    font-weight: 400 !important;
}

h1,
.font-h1 {
    font-size: clamp(40px, 5.5vw, 72px) !important;
    line-height: 1.05;
    letter-spacing: -1px;
}

h2,
.font-h2 {
    font-size: clamp(28px, 3.8vw, 48px) !important;
    line-height: 1.1;
    letter-spacing: -0.5px;
}

h3,
.font-h3 {
    font-size: clamp(20px, 2.2vw, 26px) !important;
}

h4,
.font-h4 {
    font-size: 18px !important;
    line-height: 1.3;
}

p {
    font-size: clamp(14px, 1vw + 0.4rem, 15px) !important;
    line-height: 1.9 !important;
}

p.lead {
    font-size: clamp(17px, 1vw + 0.55rem, 18px) !important;
    font-weight: 400 !important;
    line-height: 1.85 !important;
}

.eyebrow {
    font-family: var(--f-secondary), sans-serif !important;
    font-size: 12px !important;
    font-weight: 400;
    letter-spacing: 4.5px;
    text-transform: uppercase;
}

.label {
    font-family: var(--f-secondary), sans-serif !important;
    font-size: 9px !important;
    font-weight: 500;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

small {
    font-size: clamp(11px, 0.4vw + 0.55rem, 12px) !important;
    line-height: 1.6;
}

a,
button,
.button,
.n-primary,
.n-secondary,
.n-outline {
    font-size: 11px !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase;
}

h1 em,
h2 em,
h3 em {
    color: var(--gold-color);
    font-style: italic;
}