/* NikaMaria language-specific typography; images retain their original content. */
html[data-language="en"] .main-nav a {
  font-size: clamp(9px, .64vw, 11px);
  letter-spacing: 0;
  white-space: normal;
  text-wrap: balance;
}
html[data-language="zh"] .main-nav a {
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", Arial, sans-serif;
  font-size: clamp(10px, .72vw, 11px);
  letter-spacing: 0;
  white-space: normal;
  text-wrap: balance;
}
html[data-language="zh"] .hero-manifesto-title,
html[data-language="zh"] .hero-manifesto-subtitle {
  font-family: "Noto Serif CJK SC", "Microsoft YaHei", Georgia, serif;
}
html[data-language="en"] .svo-hero h1 {
  font-size: clamp(43px, 4.9vw, 80px);
  letter-spacing: 0;
}
html[data-language="zh"] .svo-hero h1 {
  font-family: "Noto Serif CJK SC", "Microsoft YaHei", Georgia, serif;
  font-size: clamp(34px, 4.6vw, 72px);
  letter-spacing: 0;
}
html[data-language="en"] .svo-subheading {
  font-size: clamp(12px, 1.07vw, 19px);
  letter-spacing: .06em;
}
html[data-language="zh"] .svo-subheading {
  letter-spacing: .045em;
}
html[data-language="en"] .svo-intro {
  font-size: clamp(12px, 1.03vw, 17px);
}
html[data-language="zh"] .svo-intro {
  line-height: 1.38;
}
html[data-language="zh"] .svo-relief-title,
html[data-language="zh"] .svo-lightbox-title {
  font-family: "Noto Serif CJK SC", "Microsoft YaHei", Georgia, serif;
  line-height: 1.38;
  letter-spacing: 0;
}
@media (max-width: 1180px) {
  html[data-language="en"] .main-nav a,
  html[data-language="zh"] .main-nav a { font-size: 14px; }
}
@media (max-width: 900px) {
  html[data-language="en"] .svo-hero h1 {
    font-size: clamp(42px, 7vw, 69px);
  }
  html[data-language="zh"] .svo-hero h1 {
    font-size: clamp(36px, 6vw, 60px);
  }
  html[data-language="en"] .svo-intro { font-size: clamp(14px, 2.1vw, 17px); }
}
@media (max-width: 640px) {
  html[data-language="en"] .main-nav a,
  html[data-language="zh"] .main-nav a { font-size: 14px; }
  html[data-language="en"] .hero-manifesto-title { font-size: clamp(7px, 2.15vw, 12px); }
  html[data-language="zh"] .hero-manifesto-title { font-size: clamp(9px, 2.5vw, 13px); }
  html[data-language="zh"] .hero-manifesto-subtitle { font-size: clamp(5px, 1.2vw, 8px); }
  html[data-language="en"] .svo-hero h1 { font-size: clamp(32px, 8vw, 40px); }
  html[data-language="zh"] .svo-hero h1 { font-size: clamp(30px, 7.4vw, 40px); }
}
/* Prevent the original three-column banner minimums from overflowing
   between the desktop and tablet breakpoints. */
@media (min-width: 1181px) and (max-width: 1279px) {
  .feature-banners {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) minmax(0, 1fr);
    gap: 12px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .feature-banners .hero-actions-inner { gap: 10px; }
  .feature-banners .hero-cta { padding: 0 10px; font-size: 12px; }
  .main-nav { gap: 0; }
  .main-nav a { font-size: 8.8px; letter-spacing: 0; padding: 0 1px; }
  .brand { gap: 6px; padding-right: 8px; margin-right: 8px; }
  .brand-word { font-size: 21px; }
  .brand-mark { height: 58px; }
}

/* Fit the longer "Доступная среда" nav label at 1280–1359px. */
@media(min-width:1280px) and (max-width:1359px){
  .topbar{padding-left:14px;padding-right:14px}
  .brand{gap:6px;padding-right:8px;margin-right:8px}
  .brand-mark{height:58px}
  .brand-word{font-size:21px}
  .main-nav{gap:0}
  .main-nav a{font-size:8.8px;letter-spacing:0;padding:0 1px}
}
