/* DIN Pro — self-hosted webfonts.
   Two families: "DIN Pro" (normal width) and "DIN Pro Condensed".
   Weights 300/400/500/700/900, each with a true italic — so never
   rely on synthetic bold/oblique; use the real weight. */

/* DIN Pro — normal width */
@font-face {
  font-family: "DIN Pro";
  src: url("../fonts/dinpro_light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN Pro";
  src: url("../fonts/dinpro_lightitalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "DIN Pro";
  src: url("../fonts/dinpro.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN Pro";
  src: url("../fonts/dinpro_italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "DIN Pro";
  src: url("../fonts/dinpro_medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN Pro";
  src: url("../fonts/dinpro_mediumitalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "DIN Pro";
  src: url("../fonts/dinpro_bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN Pro";
  src: url("../fonts/dinpro_bolditalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "DIN Pro";
  src: url("../fonts/dinpro_black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN Pro";
  src: url("../fonts/dinpro_blackitalic.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* DIN Pro Condensed */
@font-face {
  font-family: "DIN Pro Condensed";
  src: url("../fonts/dinpro_condensedlight.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN Pro Condensed";
  src: url("../fonts/dinpro_condensedlightitalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "DIN Pro Condensed";
  src: url("../fonts/dinpro_condensedregular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN Pro Condensed";
  src: url("../fonts/dinpro_condenseditalic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "DIN Pro Condensed";
  src: url("../fonts/dinpro_condensedmedium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN Pro Condensed";
  src: url("../fonts/dinpro_condensedmediumitalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "DIN Pro Condensed";
  src: url("../fonts/dinpro_condensedbold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN Pro Condensed";
  src: url("../fonts/dinpro_condensedbolditalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "DIN Pro Condensed";
  src: url("../fonts/dinpro_condensedblack.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN Pro Condensed";
  src: url("../fonts/dinpro_condensedblackitalic.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}