/* Global type system — Montserrat for headings, Inter for body.
   Linked LAST on every page so it wins over per-component rules. */
:root {
  --font-head: "Montserrat", sans-serif;
  --font-body: "Inter", sans-serif;
}

body {
  font-family: var(--font-body);
}

h1,
h2,
h3,
h4,
h5,
h6,
[class*="-h1"],
[class*="-h2"],
[class*="-h3"],
[class*="-h4"],
[class*="-title"],
[class*="-ttl"],
[class*="-name"],
[class*="-heading"],
[class*="-head"],
.eyebrow,
[class*="-eyebrow"],
[class*="-label"],
[class*="-tag"] {
  font-family: var(--font-head) !important;
}

/* More Montserrat in the homepage products section */
#explore,
#explore * {
  font-family: var(--font-head);
}

/* More Montserrat in the hero sections of inner pages */
[class*="hero"]:not([class*="hero-alt"]),
[class*="hero"]:not([class*="hero-alt"]) * {
  font-family: var(--font-head);
}

/* Uniform section-heading + eyebrow scale on mobile */
@media (max-width: 640px) {
  .section-h2,
  .section-h2-white,
  .explore-header h2,
  .ep-intro-title,
  .cards-topbar h2,
  .cards-section h2,
  .cards-headline,
  .branch-left h2 {
    font-size: 25px;
    line-height: 1.18;
    letter-spacing: -0.02em;
  }
  .eyebrow,
  [class*="-eyebrow"] {
    font-size: 11px;
    letter-spacing: 1.6px;
  }
}