@font-face {
  font-family: "MLT Bodoni";
  src: url("/brand/BodoniModa-Regular.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "MLT Montserrat";
  src: url("/brand/Montserrat-Medium.ttf") format("truetype");
  font-display: swap;
}
:root {
  --mlt-navy: #0A2A52;
  --mlt-gold: #C4A66A;
  --mlt-ivory: #FAF7F2;
  --mlt-ink: #111111;
}
body {
  color: var(--mlt-navy);
  background-color: var(--mlt-ivory);
  font-family: "MLT Montserrat", Arial, sans-serif;
}
h1, h2, h3, .hero-copy h1, .journal-hero h1, .card h2, .lede,
.article h2, .side strong, .faq summary {
  font-family: "MLT Bodoni", Georgia, serif;
}
.brand {
  position: relative;
  display: inline-block;
  flex: 0 0 238px;
  width: 238px;
  height: 70px;
  background: url("/brand/mlt-horizontal-full-color.png") left center / contain no-repeat;
}
.brand .brand-mark,
.brand .brand-copy {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
footer .brand,
.footer-brand {
  background-image: url("/brand/mlt-horizontal-reversed-white.png");
}
.hero > .site-header .brand {
  background-image: url("/brand/mlt-horizontal-reversed-white.png");
}
.site-header {
  min-height: 96px;
  height: auto;
}
.eyebrow { color: var(--mlt-gold); }
.nav .cta,
.button {
  background: var(--mlt-navy);
  color: #fff;
}
.article-hero,
.journal-hero,
footer {
  background-color: var(--mlt-navy);
}
.article-hero::after {
  background: linear-gradient(180deg, rgba(10,42,82,.08), rgba(10,42,82,.88));
}
.firsthand {
  border-left-color: var(--mlt-gold);
  background: #f0e9dc;
}
.fact-grid div,
.sources,
.book-cta,
tbody tr:nth-child(even) {
  background: #f0e9dc;
}
thead th { background: var(--mlt-navy); }
.fine { border-top-color: rgba(255,255,255,.24); }
@media (max-width: 800px) {
  .brand {
    flex-basis: 190px;
    width: 190px;
    height: 58px;
  }
  .site-header { min-height: 84px; }
}
