/* Helvetica Neue — the concept's headline is a neo-grotesque with a spurred G
   and horizontally cut C terminals, so the real Swiss face is the match.
   Ms Madi carries the gold signature the concept draws at the hero's right. */

@font-face {
  font-family: 'HelveticaNeue';
  src: url('../fonts/HelveticaNeue-Light.woff2') format('woff2');
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'HelveticaNeue';
  src: url('../fonts/HelveticaNeue-Roman.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'HelveticaNeue';
  src: url('../fonts/HelveticaNeue-Medium.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'MsMadi';
  src: url('../fonts/MsMadi-Regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}

/* Montserrat carries the display: measured against the concept at a matched
   cap height, its caps are within 4% of the drawn letterforms per glyph
   (Helvetica Neue runs ~19% narrow), which is what makes the headline read
   as the same design rather than a different one at the same size. */

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Medium.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-SemiBold.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}

/* Montserrat Regular joins the family for the hero: the headline measures
   stem/cap .14, which is the 400 and not the 500 the rest of the display
   type uses. Plus Jakarta carries the hero's UI voice -- it lands the
   measured nav cap height AND the label widths, where Montserrat runs
   ~20% wide at the same cap. */

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../fonts/PlusJakartaSans-Regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../fonts/PlusJakartaSans-Medium.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}