/* AI Frontiers bilingual title parity.
   The Vietnamese title keeps its wording while matching the English title's
   display face, weight, scale, line rhythm, and ink/gold treatment. */
.frontier-local-title {
  color: var(--ink, #171713);
  font-family: var(--display, "EB Garamond", Georgia, serif);
  font-style: normal;
  font-weight: 500;
  letter-spacing: -.055em;
}

.frontier-local-title em {
  color: var(--gold, #9b7938);
  font-style: italic;
  font-weight: 400;
}

.vi-preview h2.frontier-local-title {
  max-width: 10ch;
  margin: 1.2rem 0 0;
  font-size: clamp(5rem, 8.7vw, 10.5rem);
  line-height: .72;
  letter-spacing: -.065em;
}

.vietnamese-text .article-header h2.frontier-local-title {
  max-width: 16ch;
  margin: 3vh 0 2.5vh;
  font-size: clamp(3.4rem, 7vw, 7.5rem);
  line-height: .82;
}

.briefing-head h2.frontier-local-title {
  max-width: 14ch;
  margin: 4vh 0 2.5vh;
  font-size: clamp(3.4rem, 6.2vw, 6.5rem);
  line-height: .88;
  letter-spacing: -.05em;
}

body.frontier-public main h2.frontier-local-title.frontier-local-title {
  font-family: var(--display);
  font-weight: 500;
  font-style: normal;
  max-width: 14ch;
  margin: 20px 0 26px;
  font-size: clamp(52px, 6.25vw, 105px);
  line-height: .92;
  letter-spacing: -.045em;
}

@media (min-width: 801px) and (max-width: 1100px) {
  body.frontier-public main h2.frontier-local-title.frontier-local-title {
    font-size: clamp(48px, 6.3vw, 75px);
  }
}

@media (max-width: 800px) {
  body.frontier-public main h2.frontier-local-title.frontier-local-title {
    max-width: 17ch;
    font-size: clamp(48px, 10vw, 76px);
  }
}

@media (max-width: 620px) {
  .vi-preview h2.frontier-local-title {
    font-size: clamp(4rem, 20vw, 6.2rem);
  }

  .vietnamese-text .article-header h2.frontier-local-title,
  .briefing-head h2.frontier-local-title {
    font-size: clamp(3.1rem, 15vw, 5rem);
  }
}

@media (max-width: 520px) {
  body.frontier-public main h2.frontier-local-title.frontier-local-title {
    font-size: clamp(43px, 12vw, 60px);
  }
}

body.frontier-public h2.frontier-local-subtitle {
  font: italic clamp(22px, 1.8vw, 29px)/1.25 var(--display);
  color: var(--muted);
  max-width: 36ch;
  margin: 0 0 30px;
}