.brand-wordmark {
  color: inherit;
  font-size: 35px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
}

.masthead-tools {
  display: flex;
  align-items: center;
  gap: 18px;
}

.language-switch {
  display: inline-flex;
  min-width: 44px;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 0 13px;
  border: 1px solid rgb(21 32 30 / 34%);
  border-radius: 999px;
  background: rgb(223 235 245 / 16%);
  color: inherit;
  font-family: var(--latin);
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .12em;
  text-decoration: none;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
  transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease;
}

.language-switch:hover,
.language-switch:focus-visible {
  border-color: rgb(21 32 30 / 62%);
  background: rgb(239 244 247 / 36%);
}

.status-secondary {
  margin: 10px 0 0;
  font-family: var(--latin);
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: .2em;
  text-transform: uppercase;
}

.footer-company-secondary {
  margin: 0;
  color: rgb(233 236 229 / 58%);
  font-family: var(--latin);
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: .12em;
  text-transform: uppercase;
}

html[lang="en"] body {
  font-family: var(--latin);
}

html[lang="en"] .brand-wordmark {
  font-family: var(--latin);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: .24em;
}

html[lang="en"] .language-switch,
html[lang="en"] .status-secondary,
html[lang="en"] .footer-company-secondary {
  font-family: "IBM Plex Sans Arabic", "Geeza Pro", Tahoma, sans-serif;
  letter-spacing: normal;
  text-transform: none;
}

html[lang="en"] h1 {
  font-family: var(--latin);
  font-size: clamp(66px, 7.4vw, 108px);
  line-height: .98;
  letter-spacing: .045em;
}

html[lang="en"] .hero-statement {
  max-width: 22em;
  font-family: var(--latin);
  font-size: clamp(24px, 2.2vw, 34px);
  line-height: 1.35;
}

html[lang="en"] .positioning {
  max-width: 61em;
  font-family: var(--latin);
  line-height: 1.7;
}

html[lang="en"] .footer-company,
html[lang="en"] .registration,
html[lang="en"] .rights {
  font-family: var(--latin);
}

html[lang="en"] .memory-copy p {
  line-height: 1.65;
}

@media (max-width: 700px) {
  .brand-wordmark { font-size: 26px; }
  .masthead-tools { gap: 10px; }
  .language-switch {
    min-width: 42px;
    min-height: 42px;
    padding-inline: 11px;
    font-size: 10px;
  }
  .status-secondary { margin-top: 6px; font-size: 9px; }
  .footer-company-secondary { font-size: 10px; }

  html[lang="en"] .brand-wordmark { font-size: 14px; }
  html[lang="en"] h1 {
    font-size: clamp(40px, 12.5vw, 52px);
    line-height: 1;
    letter-spacing: .035em;
  }
  html[lang="en"] .hero-statement {
    margin-top: 15px;
    font-size: clamp(19px, 5.4vw, 22px);
    line-height: 1.35;
  }
  html[lang="en"] .positioning {
    max-width: 31em;
    margin-top: 9px;
    font-size: 11px;
    line-height: 1.55;
  }
}

@media (max-width: 700px) and (max-height: 730px) {
  html[lang="en"] h1 { font-size: clamp(36px, 11.5vw, 46px); }
  html[lang="en"] .hero-statement { margin-top: 9px; font-size: 17px; }
  html[lang="en"] .positioning { margin-top: 6px; font-size: 9.8px; line-height: 1.48; }
}
