/* Keep the supplied Latin faces; fill extended Latin/Turkish characters with
   the complete releases of the same families, rather than browser fallbacks. */
@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../font/lora-full.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0300-036F;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../font/jakarta-full.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0300-036F;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../font/jakarta-full.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0300-036F;
}
@font-face {
  font-family: "Cedarville Cursive";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../font/cedarville-full.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0300-036F;
}
:root {
  --font-1: "Plus Jakarta Sans", Arial, sans-serif;
  --font-2: "Lora", serif;
  --font-3: "Marcellus", sans-serif;
  --font-4: "Cedarville Cursive", serif;
}
/* Match the original typography on components with a replaced JS runtime. */
.quote-slide p { font-family: var(--font-2); font-size: var(--h3, 2.25rem); font-weight: 400; line-height: 130%; letter-spacing: normal; }
.quote-slide cite { font-family: var(--font-1); font-size: var(--text-small, .875rem); font-weight: 500; }
.link-cards__item-title, .footer__cols-menu-title { font-family: var(--font-2); font-size: var(--h6, 1.375rem); font-weight: 400; line-height: 130%; letter-spacing: normal; color: var(--heading-color, #191919); }
.menu-dialog { color: var(--text-color, #fff); }
.flagship-banner__txt-col { font-size: var(--h1, 3.25rem); }
.header__logo-link { font-size: calc(var(--header-height, 80px) * .45); }
.flagship-banner__header-txt { font-size: var(--text-large, 1.125rem); }
.film-carousel .content-over-img__quote p { font-size: var(--h4, 2rem); }
.article-slide .article__title { font-size: var(--h4, 2rem); }
@media(max-width: 1440px) {
  .article-slide .article__title { font-size: var(--h6, 1.375rem); }
}
@media(max-width: 450px) {
  .flagship-banner__txt-col { font-size: var(--h3, 2.25rem); }
}