@charset "UTF-8";
/* --------------------------------------------------------------------------
   1. Modam Pro — the brand face
   --------------------------------------------------------------------------
   All eight weights the family ships, not the five the project happened to
   use. Two of those five were being asked for and never existed as files, and
   one — 600 — is used by components in this project and was resolving to
   whatever the fallback did with it: synthesised in some browsers, snapped to
   700 in others, so the same rule looked different on different machines.
   With every weight declared, `font-weight` means exactly what it says.

   woff2 first, woff as the fallback. woff2 is roughly 30% smaller and covers
   everything current; the woff is there for older Safari and costs nothing to
   list because a browser only ever downloads the first format it understands.

   The Condensed cut ships too and is deliberately not here. It is a separate
   design rather than a width axis, so a browser cannot pick it from
   `font-stretch` — it would need its own family name, and nothing in this
   project asks for it.
   -------------------------------------------------------------------------- */

@font-face {
  font-family: "Modam";
  src: url("../fonts/Modam-ExtraLight.woff2") format("woff2"),
       url("../fonts/Modam-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Modam";
  src: url("../fonts/Modam-Light.woff2") format("woff2"),
       url("../fonts/Modam-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Modam";
  src: url("../fonts/Modam-Regular.woff2") format("woff2"),
       url("../fonts/Modam-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Modam";
  src: url("../fonts/Modam-Medium.woff2") format("woff2"),
       url("../fonts/Modam-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Modam";
  src: url("../fonts/Modam-SemiBold.woff2") format("woff2"),
       url("../fonts/Modam-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Modam";
  src: url("../fonts/Modam-Bold.woff2") format("woff2"),
       url("../fonts/Modam-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Modam";
  src: url("../fonts/Modam-ExtraBold.woff2") format("woff2"),
       url("../fonts/Modam-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Modam";
  src: url("../fonts/Modam-Black.woff2") format("woff2"),
       url("../fonts/Modam-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}