/* Type and directional refinements for the localized homepage redesign. */
html[lang="ar"] section.li-home-hero h1,
html[lang="fa"] section.li-home-hero h1,
html[lang="ar"] .li-home-about h2,
html[lang="fa"] .li-home-about h2,
html[lang="ar"] .li-home-voices h2,
html[lang="fa"] .li-home-voices h2,
html[lang="ar"] [data-home-faq] h2,
html[lang="fa"] [data-home-faq] h2 {
  font-family: Tahoma, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.32;
}

html[lang="ar"] section.li-home-hero h1,
html[lang="fa"] section.li-home-hero h1 { font-size: clamp(49px, 5.3vw, 76px); }
html[lang="ar"] .li-home-about h2,
html[lang="fa"] .li-home-about h2,
html[lang="ar"] .li-home-voices h2,
html[lang="fa"] .li-home-voices h2 { font-size: clamp(36px, 3.3vw, 53px); }

html[lang="ar"] .li-home-voices blockquote p,
html[lang="fa"] .li-home-voices blockquote p {
  font-family: Tahoma, Arial, sans-serif;
  font-size: clamp(17px, 1.25vw, 20px);
  line-height: 1.9;
}

html[dir="rtl"] .li-home-about__visual {
  justify-self: end;
}
html[dir="rtl"] .li-home-about__link svg,
html[dir="rtl"] .lh-actions svg { transform: scaleX(-1); }
html[dir="rtl"] .li-home-about__link:hover svg { transform: scaleX(-1) translateX(5px); }
html[dir="rtl"] section.li-home-hero .lh-actions a:hover svg { transform: scaleX(-1) translateX(4px); }
html[dir="rtl"] .li-home-voices__position { margin-right: 0; margin-left: 16px; }

html[lang="zh-CN"] section.li-home-hero h1,
html[lang="zh-CN"] .li-home-about h2,
html[lang="zh-CN"] .li-home-voices h2,
html[lang="zh-CN"] [data-home-faq] h2 {
  font-family: "PingFang SC", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;
  font-weight: 400;
  letter-spacing: .01em;
  line-height: 1.25;
}
html[lang="zh-CN"] section.li-home-hero h1 { font-size: clamp(54px, 5.5vw, 82px); }
html[lang="zh-CN"] .li-home-voices blockquote p {
  font-family: "PingFang SC", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;
  font-size: clamp(18px, 1.4vw, 21px);
  line-height: 1.8;
}

@media (max-width: 760px) {
  html[dir="rtl"] .li-home-about__visual { justify-self: center; }
}
@media (max-width: 700px) {
  html[lang="ar"] section.li-home-hero h1,
  html[lang="fa"] section.li-home-hero h1 { font-size: clamp(39px, 10vw, 54px); }
  html[lang="zh-CN"] section.li-home-hero h1 { font-size: clamp(44px, 11vw, 58px); }
}