/* MIDNIGHT LOT — Premium typography system · 13 October 2026
   The logo asset itself is intentionally untouched.
   DM Sans: legible body, labels, interfaces. Outfit: modern editorial headlines.
   Web fonts are loaded from Google Fonts; no font files are shipped. */
:root {
  --font-body: "DM Sans", "Segoe UI", Arial, sans-serif;
  --font-display: "Outfit", "Segoe UI", Arial, sans-serif;
}
html, body {
  font-family: var(--font-body);
  font-size: 15.5px;
  line-height: 1.58;
  font-weight: 400;
  letter-spacing: 0.005em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
button, input, select, textarea {font-family: var(--font-body);}
/* Consistent modern hierarchy across homepage and internal pages. */
h1, h2, h3, h4, h5, h6,
.herobody h1, .sectionbar h2, .ml-section-top h2,
.home-intro p, .home-garage-copy h2,
.home-market-empty h3, .ml-upcoming-placeholder strong,
.ml-social-callout strong, .pageheading h1,
.detailside h1, .formpanel h2, .garage-piece h3,
.empty-panel h3, .ml-legal-document h2,
.ml-about-hero h2, .ml-about-layout h3,
.ml-footer-head p {
  font-family: var(--font-display);
  letter-spacing: -0.032em;
}
.herobody h1 {font-weight: 600; letter-spacing: -0.055em; line-height: 1.02;}
.herobody h1 em {font-weight: 500;}
.sectionbar h2, .ml-section-top h2, .home-garage-copy h2,
.pageheading h1, .ml-about-hero h2 {font-weight: 600; line-height: 1.12;}
.home-intro p {font-weight: 500; letter-spacing: -0.035em;}
.home-market-empty h3, .empty-panel h3, .ml-social-callout strong,
.ml-upcoming-placeholder strong {font-weight: 550;}
.detailside h1, .formpanel h2, .garage-piece h3,
.ml-legal-document h2, .ml-about-layout h3 {font-weight: 600;}
/* Clear hierarchy, no tiny/over-tracked navigation or card labels. */
.header-link {font-size: 12.5px; font-weight: 600; letter-spacing: 0;}
.menu-link {font-size: 14px; font-weight: 500; letter-spacing: 0;}
.top-auth {font-size: 12px!important; font-weight: 700; letter-spacing: 0;}
.global-search input {font-size: 12.5px;}
.eyebrow, .hero-topline {font-size: 11px; letter-spacing: .12em; font-weight: 700;}
.cardbrand {font-size: 11.5px; letter-spacing: .045em;}
.modelcard .clicktitle {font-size: 15.5px!important; font-weight: 650; line-height: 1.48; letter-spacing: -.01em;}
.price {font-family:var(--font-body); letter-spacing:-.02em;}
.herobody p {line-height: 1.77;}
.home-garage-copy p, .home-market-empty p, .ml-social-callout p {font-size: 14.5px; line-height: 1.82;}
.subtext {font-size: 14px!important; line-height: 1.75;}
.text-link {font-size: 12.5px; letter-spacing: 0;}
.ml-footer-grid a {font-size: 13.5px; line-height: 1.6;}
.ml-legal-document {max-width: 820px;}
.ml-legal-document p, .ml-legal-document li {font-size: 15.5px; line-height: 1.9; letter-spacing: .004em;}
.ml-legal-document h2 {line-height: 1.25;}
.flabel {font-size: 12.5px; font-weight: 600;}
.finput, .formcontrol {font-size: 14px; line-height: 1.5;}
.clicktitle, .navbtn, .goldbtn, .outlinebtn, .smallbtn,
.ml-legal-footer a, .header-link {text-rendering: optimizeLegibility;}
@media(max-width: 1330px) {
  .header-link {font-size: 11.4px;}
}
@media(max-width: 630px) {
  html, body {font-size: 14.5px; line-height: 1.62;}
  .herobody h1 {letter-spacing: -.045em; line-height: 1.05;}
  .herobody p {font-size: 13px; line-height: 1.75;}
  .home-intro p {font-size: 22px;}
  .sectionbar h2, .ml-section-top h2 {letter-spacing:-.04em;}
  .top-auth {font-size: 11px!important;}
  .menu-link {font-size: 13px;}
  .modelcard .clicktitle {font-size: 13.5px!important; line-height:1.48;}
  .cardbrand {font-size: 10.5px;}
  .ml-footer-grid a {font-size:12.5px;}
  .ml-legal-document p, .ml-legal-document li {font-size:14.5px;line-height:1.85;}
  .subtext {font-size: 13.5px!important;}
  .home-garage-copy p, .home-market-empty p, .ml-social-callout p {font-size:13.5px;}
  .finput, .formcontrol {font-size: 16px;} /* Avoid iOS zoom on field focus. */
}