.title-md {
  font-size: var(--px-32);
  line-height: 1.05;
}

.title-lg {
  font-size: var(--px-48);
  line-height: 1.05;
}

.title-xl {
  font-size: var(--px-64);
  line-height: 1.05;
}

.title-xxl {
  font-size: var(--px-96);
  line-height: 1.05;
}

.font-alt {
  font-feature-settings: "aalt" on;
}

.preamble {
  font-family: var(--wp--preset--font-family--tanovis-bold);
  font-weight: 700;
  font-size: var(--px-32);
  line-height: 1.3;
}

@media (max-width: 64rem) {
  .title-md {
    font-size: var(--px-28);
  }
  .title-lg {
    font-size: var(--px-32);
  }
  .title-xl {
    font-size: var(--px-48);
  }
  .title-xxl {
    font-size: var(--px-64);
  }
  .preamble {
    font-size: var(--px-28);
  }
}

@media (max-width: 47.998rem) {
  .title-md {
    font-size: var(--px-24);
  }
  .title-lg {
    font-size: var(--px-28);
  }
  .title-xl {
    font-size: var(--px-32);
  }
  .title-xxl {
    font-size: var(--px-56);
  }
  .preamble {
    font-size: var(--px-20);
  }
}

.eyebrow {
  font-size: var(--px-14);
  line-height: 1.4;
}

.body-sm {
  font-size: var(--px-15);
  line-height: 1.4;
}

.body-md {
  font-size: var(--px-16);
  line-height: 1.4;
}

.body-lg {
  font-size: var(--px-20);
  line-height: 1.4;
}

.body-xl {
  font-size: var(--px-24);
  line-height: 1.3;
}

@media (max-width: 47.998rem) {
  .body-sm {
    font-size: var(--px-14);
  }
  .body-md {
    font-size: var(--px-15);
  }
  .body-lg {
    font-size: var(--px-18);
  }
  .body-xl {
    font-size: var(--px-26);
  }
}

.font-heading {
  font-family: var(--wp--preset--font-family--tanovis-bold);
  font-weight: 700;
}

.font-body {
  font-family: var(--wp--preset--font-family--suisse-intl);
  font-weight: 400;
}

.font-body-light {
  font-family: var(--wp--preset--font-family--suisse-intl);
  font-weight: 300;
}