/* =========================================================
   Kalon — Local Fonts
   Heading  : TT Norms
   Body     : Typo Grotesk Rounded
   ========================================================= */

/* ---------------- TT Norms (Heading) ---------------- */
@font-face {
  font-family: "TT Norms";
  src: url("TT%20Norms/TTNORMS-THIN.OTF") format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms";
  src: url("TT%20Norms/TTNORMS-THINITALIC.OTF") format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms";
  src: url("TT%20Norms/TTNORMS-EXTRALIGHT.OTF") format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms";
  src: url("TT%20Norms/TTNORMS-EXTRALIGHTITALIC.OTF") format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms";
  src: url("TT%20Norms/TTNORMS-LIGHT.OTF") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms";
  src: url("TT%20Norms/TTNORMS-LIGHTITALIC.OTF") format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms";
  src: url("TT%20Norms/TTNORMS-REGULAR.OTF") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms";
  src: url("TT%20Norms/TTNORMS-ITALIC.OTF") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms";
  src: url("TT%20Norms/TTNORMS-MEDIUM_2.OTF") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms";
  src: url("TT%20Norms/TTNORMS-MEDIUMITALIC.OTF") format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms";
  src: url("TT%20Norms/TTNORMS-BOLD.OTF") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms";
  src: url("TT%20Norms/TTNORMS-BOLDITALIC.OTF") format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms";
  src: url("TT%20Norms/TTNORMS-EXTRABOLD_2.OTF") format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms";
  src: url("TT%20Norms/TTNORMS-EXTRABOLDITALIC.OTF") format("opentype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms";
  src: url("TT%20Norms/TTNORMS-BLACK.OTF") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms";
  src: url("TT%20Norms/TTNORMS-BLACKITALIC.OTF") format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* ---------------- Typo Grotesk (Body) ---------------- */
@font-face {
  font-family: "Typo Grotesk";
  src: url("Typo%20Grotesk/Typo%20Grotesk%20Rounded%20Light%20Demo.otf") format("opentype");
  font-weight: 100 350;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Typo Grotesk";
  src: url("Typo%20Grotesk/Typo%20Grotesk%20Rounded%20Light%20Italic%20Demo.otf") format("opentype");
  font-weight: 100 350;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Typo Grotesk";
  src: url("Typo%20Grotesk/Typo%20Grotesk%20Rounded%20Demo.otf") format("opentype");
  font-weight: 351 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Typo Grotesk";
  src: url("Typo%20Grotesk/Typo%20Grotesk%20Rounded%20Italic%20Demo.otf") format("opentype");
  font-weight: 351 900;
  font-style: italic;
  font-display: swap;
}