@font-face {
  font-family: Lora;
  src: url("../fonts/Lora-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Lora;
  src: url("../fonts/Lora-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Libre Caslon Condensed";
  src: url("../fonts/LibreCaslonCondensed-Variable.ttf") format("truetype");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Libre Caslon Condensed";
  src: url("../fonts/LibreCaslonCondensed-Italic-Variable.ttf") format("truetype");
  font-weight: 400 700;
  font-style: italic;
  font-display: swap;
}

:root {
  --tlr-font-title: var(--_typography---type-font-headings, "Libre Caslon Condensed", "Times New Roman", serif);
  --_typography---type-font-headings: "Libre Caslon Condensed", "Times New Roman", serif;
}

@media screen and (max-width: 991px) {
  body {
    --_typography---type-font-headings: "Libre Caslon Condensed", "Times New Roman", serif;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_typography---type-font-headings: "Libre Caslon Condensed", "Times New Roman", serif;
  }
}

@media screen and (max-width: 479px) {
  body {
    --_typography---type-font-headings: "Libre Caslon Condensed", "Times New Roman", serif;
  }
}

/* Site-wide titles — Libre Caslon Condensed */
:is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .heading---h1,
  .heading---h2,
  .heading---h3,
  .heading---h4,
  .heading---h5,
  .hero-heading,
  .section-title,
  .runner-lifecycle-finale,
  .runner-lifecycle-finale--scroll,
  .runner-lifecycle-section-title,
  .runner-lifecycle-copy-block h2,
  .runner-story-brand,
  .screen-lead,
  .app-title,
  .app-ad strong,
  .runner-name,
  .runner-pillars-title,
  .runner-mosaic h2.runner-mosaic__headline,
  .runner-capabilities__heading,
  .runner-capabilities h3.runner-capabilities__title,
  .runner-chapters__chapter h2,
  .runner-cta__title,
  .runner-map h3,
  .runner-map__word,
  .runner-fragment-name,
  .runner-fragment-close,
  .tlr-login-page .tlr-login__title,
  .tlr-site-footer__cta-heading,
  .runner-welcome-shell .runner-lifecycle-finale,
  :is(.runner-chapters, .runner-mosaic) .rp .rp-serif
) {
  font-family: var(--tlr-font-title);
  font-weight: 400;
  font-style: normal;
  font-synthesis: none;
}

.italic {
  font-family: "Libre Caslon Condensed", "Times New Roman", serif;
  font-style: italic;
  font-weight: 700;
}

.section-title .italic,
.runner-lifecycle-copy-block h2 .italic,
.hero-heading .italic {
  font-family: inherit;
  font-weight: inherit;
  font-style: italic;
}
