/* Language-specific typography for Experiences, FAQ, Guides and Tours. */
:root{
  --imnt-latin-sans: Inter, "Segoe UI", Arial, sans-serif;
  --imnt-latin-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --imnt-zh-sans: "Noto Sans SC", "Source Han Sans SC", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", Arial, sans-serif;
  --imnt-zh-serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", SimSun, "Microsoft YaHei", serif;
  --imnt-tw-sans: "Noto Sans TC", "Source Han Sans TC", "Microsoft JhengHei", "PingFang TC", Arial, sans-serif;
  --imnt-tw-serif: "Noto Serif TC", "Source Han Serif TC", "Songti TC", "PMingLiU", "Microsoft JhengHei", serif;
  --imnt-ja-sans: "Noto Sans JP", "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, Arial, sans-serif;
  --imnt-ja-serif: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", "Yu Gothic", serif;
  --imnt-ko-sans: "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", Arial, sans-serif;
  --imnt-ko-serif: "Noto Serif KR", Batang, "Malgun Gothic", serif;
}

html body{
  font-kerning: normal;
  text-rendering: optimizeLegibility;
  letter-spacing: 0;
}

html[lang^="en" i] body,
html[lang^="fr" i] body,
html[lang^="de" i] body{
  font-family: var(--imnt-latin-sans);
  line-height: 1.72;
}

html[lang^="en" i] h1, html[lang^="en" i] h2, html[lang^="en" i] h3,
html[lang^="fr" i] h1, html[lang^="fr" i] h2, html[lang^="fr" i] h3,
html[lang^="de" i] h1, html[lang^="de" i] h2, html[lang^="de" i] h3,
html[lang^="en" i] .headline-xl, html[lang^="en" i] .headline-lg, html[lang^="en" i] .headline-md,
html[lang^="fr" i] .headline-xl, html[lang^="fr" i] .headline-lg, html[lang^="fr" i] .headline-md,
html[lang^="de" i] .headline-xl, html[lang^="de" i] .headline-lg, html[lang^="de" i] .headline-md{
  font-family: var(--imnt-latin-serif);
  font-weight: 400;
  line-height: 1.03;
  letter-spacing: 0;
}

html[lang^="zh-CN" i] body,
html[lang="zh-cn" i] body{
  font-family: var(--imnt-zh-sans);
  line-height: 1.86;
}

html[lang^="zh-TW" i] body,
html[lang="zh-tw" i] body{
  font-family: var(--imnt-tw-sans);
  line-height: 1.86;
}

html[lang^="zh-CN" i] h1, html[lang^="zh-CN" i] h2, html[lang^="zh-CN" i] h3,
html[lang="zh-cn" i] h1, html[lang="zh-cn" i] h2, html[lang="zh-cn" i] h3,
html[lang^="zh-CN" i] .headline-xl, html[lang^="zh-CN" i] .headline-lg, html[lang^="zh-CN" i] .headline-md,
html[lang="zh-cn" i] .headline-xl, html[lang="zh-cn" i] .headline-lg, html[lang="zh-cn" i] .headline-md{
  font-family: var(--imnt-zh-serif);
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: 0;
}

html[lang^="zh-TW" i] h1, html[lang^="zh-TW" i] h2, html[lang^="zh-TW" i] h3,
html[lang="zh-tw" i] h1, html[lang="zh-tw" i] h2, html[lang="zh-tw" i] h3,
html[lang^="zh-TW" i] .headline-xl, html[lang^="zh-TW" i] .headline-lg, html[lang^="zh-TW" i] .headline-md,
html[lang="zh-tw" i] .headline-xl, html[lang="zh-tw" i] .headline-lg, html[lang="zh-tw" i] .headline-md{
  font-family: var(--imnt-tw-serif);
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: 0;
}

html[lang^="ja" i] body{
  font-family: var(--imnt-ja-sans);
  line-height: 1.88;
  line-break: strict;
  word-break: keep-all;
}

html[lang^="ja" i] h1, html[lang^="ja" i] h2, html[lang^="ja" i] h3,
html[lang^="ja" i] .headline-xl, html[lang^="ja" i] .headline-lg, html[lang^="ja" i] .headline-md{
  font-family: var(--imnt-ja-serif);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0;
}

html[lang^="ko" i] body{
  font-family: var(--imnt-ko-sans);
  line-height: 1.86;
  word-break: keep-all;
}

html[lang^="ko" i] h1, html[lang^="ko" i] h2, html[lang^="ko" i] h3,
html[lang^="ko" i] .headline-xl, html[lang^="ko" i] .headline-lg, html[lang^="ko" i] .headline-md{
  font-family: var(--imnt-ko-serif);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
}

html[lang^="zh" i] p,
html[lang^="zh" i] li,
html[lang^="zh" i] .lead,
html[lang^="zh" i] .accordion-copy span,
html[lang^="zh" i] .article-card span,
html[lang^="zh" i] .faq-answer,
html[lang^="ja" i] p,
html[lang^="ja" i] li,
html[lang^="ja" i] .lead,
html[lang^="ja" i] .accordion-copy span,
html[lang^="ja" i] .article-card span,
html[lang^="ja" i] .faq-answer,
html[lang^="ko" i] p,
html[lang^="ko" i] li,
html[lang^="ko" i] .lead,
html[lang^="ko" i] .accordion-copy span,
html[lang^="ko" i] .article-card span,
html[lang^="ko" i] .faq-answer{
  line-height: 1.84;
}

html[lang^="zh" i] .eyebrow,
html[lang^="ja" i] .eyebrow,
html[lang^="ko" i] .eyebrow,
html[lang^="zh" i] button,
html[lang^="ja" i] button,
html[lang^="ko" i] button,
html[lang^="zh" i] .btn,
html[lang^="ja" i] .btn,
html[lang^="ko" i] .btn{
  font-family: inherit;
  letter-spacing: .04em;
}
