/* Font Variables */
:root {
  --font-heading: "Rift", sans-serif;
  --font-body: "Gotham", sans-serif;
}
.font-body {
  font-family: var(--font-body);
}
body {
  font-family: var(--font-body);
  font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
  font-weight: var(--fw-normal);
  line-height: 1.4;
  color: var(--color-navy);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  line-height: 1.1;
  text-transform: uppercase;
  font-weight: var(--fw-bold);
}

h1 {
  font-size: clamp(3rem, 2.475rem + 2.625vw, 5.625rem);
  line-height: 1;
}

h2 {
  font-size: clamp(2.25rem, 2.1rem + 0.75vw, 3rem);
}

.font-62 {
  font-size: clamp(2.5rem, 2.225rem + 1.375vw, 3.875rem);
  font-weight: var(--fw-bold);
}

h3,
.font-34 {
  font-size: clamp(1.75rem, 1.675rem + 0.375vw, 2.125rem);
}
h4 {
  font-size: var(--font-20);
}
.font-28 {
  font-size: clamp(1.1875rem, 1.075rem + 0.5625vw, 1.75rem);
}

p.font-28 {
  text-transform: uppercase;
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
}

.font-20 {
  font-size: clamp(1.125rem, 1.1rem + 0.125vw, 1.25rem);
}

.font-16 {
  font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
}