/* ============================================================
   NAVBAR TYPE: same refined faces on every page
   Company name in Playfair Display, links in Plus Jakarta Sans.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');

:root {
  --nav-font: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif;
  --brand-font: 'Playfair Display', Georgia, serif;
}

html body .nav .nav__brand-name {
  font-family: var(--brand-font) !important;
  font-weight: 600 !important;
  font-size: 22px !important;
  letter-spacing: 0.005em !important;
}
html body .nav .nav__brand-suffix {
  font-family: var(--nav-font) !important;
  font-weight: 600 !important;
  font-size: 10px !important;
  letter-spacing: 0.3em !important;
}
html body .nav .nav__link {
  font-family: var(--nav-font) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
}
html body .mobile-menu .mobile-menu__link {
  font-family: var(--nav-font) !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
}
html body .mobile-menu .mobile-menu__footer { font-family: var(--nav-font) !important; }

@media (max-width: 1240px) and (min-width: 769px) {
  html body .nav .nav__brand-name { font-size: 19px !important; }
  html body .nav .nav__link { font-size: 14px !important; }
}
@media (max-width: 768px) {
  html body .nav .nav__brand-name { font-size: 19px !important; }
}
@media (max-width: 360px) {
  html body .nav .nav__brand-name { font-size: 17px !important; }
}