/* Each supplied Industry file holds a single design and self-reports weight
   400 — the foundry's Bold and Black both come through with usWeightClass 400
   and the bold bit unset. So the weight lives in the family name, and every
   face is registered at 400 to keep the browser from synthesising on top of a
   design that is already heavy. */
@font-face {
  font-family: 'Industry Bold';
  src: url('../fonts/industry-bold.woff') format('woff');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Industry Black';
  src: url('../fonts/industry-black.woff2') format('woff2'),
       url('../fonts/industry-black.woff') format('woff');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Industry Bold', sans-serif;
  /* Override component heading weights without changing non-heading text. */
  font-weight: 400 !important;
  font-synthesis: none;
}

/* H1 sits one step above the other headings, in Industry Black — the weight
   the foundry ships above Bold.

   It has to be a second @font-face rather than a heavier font-weight on the
   shared family: both files register at 400, so asking for 700 or 800 here
   would match the Bold file straight back and render identically. That is
   exactly what happens if you try to raise the weight in devtools, and why
   nothing appears to change. Swap this selector to `h1, h2, h3, h4, h5, h6`
   to take every heading up a step instead of the H1 alone.

   Inherits font-weight: 400 !important and font-synthesis: none from the rule
   above, so no need to restate either. */
h1 {
  font-family: 'Industry Black', sans-serif;
}

/* Rich-text emphasis must not request a heavier version of the bold face. */
:is(h1, h2, h3, h4, h5, h6) :is(strong, b) {
  font-weight: inherit !important;
}

.mw-marquee {
  font-family: 'Industry Bold', sans-serif;
  font-weight: 400;
  font-synthesis: none;
}

.mw-marquee__track span {
  font-weight: 400;
}