/* MML Consulting Group — site-wide display typography.
   Bold, condensed, uppercase headings + wide-tracked eyebrow labels,
   applied consistently across every public page. Body copy (paragraphs,
   nav links, form fields) stays on Montserrat for readability — only the
   "shouting" elements below switch to the display face. */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700;800&display=swap');

h1, h2, h3, h4,
.hero h1, .hero-title-v2, .section-title,
.logo strong, .footer-brand strong,
.eyebrow, .card h3, .service-title,
.btn, .btn-primary, .btn-outline {
  font-family: 'Oswald', 'Montserrat', sans-serif;
}

h1, h2, h3,
.hero h1, .hero-title-v2, .section-title,
.card h3, .service-title {
  text-transform: uppercase;
  letter-spacing: .01em;
  font-weight: 700;
}

.eyebrow {
  text-transform: uppercase;
  letter-spacing: .16em;
  font-weight: 700;
}

.btn, .btn-primary, .btn-outline, nav a, .menu-toggle {
  text-transform: uppercase;
  letter-spacing: .04em;
  font-weight: 600;
}

/* Company name always shown in capitals */
.logo strong, .footer-brand strong {
  text-transform: uppercase;
  letter-spacing: .04em;
}

/* Engineering touches (subtle): blueprint grid over hero images */
.hero-overlay::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:44px 44px;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 90%);mask-image:linear-gradient(180deg,#000 0%,transparent 90%);
}