/* Home-only typography: original approved Graphik, existing Arabic face retained. */
@font-face {
  font-family: Graphik;
  src: url('./assets/fonts/graphik-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Graphik;
  src: url('./assets/fonts/graphik-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
html[data-home-version="particle"] {
  --home-font: Graphik, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
}
html[data-home-version="particle"][lang="ar"] {
  --home-font: 'Glasst Arabic', Tahoma, Arial, sans-serif;
}
html[data-home-version="particle"] body,
html[data-home-version="particle"] body .copy,
html[data-home-version="particle"] body :is(button, input, select, textarea),
html[data-home-version="particle"] body .visual .visual-caption,
html[data-home-version="particle"] body .language-option,
html[data-home-version="particle"] body .site-footer,
html[data-home-version="particle"] body .site-footer .footer-contact > :is(a, button),
html[data-home-version="particle"] body .g-contact-dialog,
html[data-home-version="particle"] body .g-chat-pending {
  font-family: var(--home-font);
}