/* NovusElement — Webfonts
   ----------------------------------------------------------------------------
   SF Pro Display is now SELF-HOSTED from licensed .otf files the user provided
   (fonts/SF-Pro-Display-*.otf) — see the @font-face ladder below.

   SF Pro Text is now SELF-HOSTED too (fonts/SF-Pro-Text-*.otf) — ladder below.
   INTER (Google Fonts) is retained as the cross-platform fallback in the stacks.
   ---------------------------------------------------------------------------- */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap");

/* ---- SF Pro Display (self-hosted) ---------------------------------------- */
@font-face {
  font-family: "SF Pro Display";
  font-style: normal; font-weight: 100; font-display: swap;
  src: url("../fonts/SF-Pro-Display-Ultralight.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro Display";
  font-style: italic; font-weight: 100; font-display: swap;
  src: url("../fonts/SF-Pro-Display-UltralightItalic.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro Display";
  font-style: normal; font-weight: 200; font-display: swap;
  src: url("../fonts/SF-Pro-Display-Thin.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro Display";
  font-style: italic; font-weight: 200; font-display: swap;
  src: url("../fonts/SF-Pro-Display-ThinItalic.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro Display";
  font-style: normal; font-weight: 300; font-display: swap;
  src: url("../fonts/SF-Pro-Display-Light.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro Display";
  font-style: italic; font-weight: 300; font-display: swap;
  src: url("../fonts/SF-Pro-Display-LightItalic.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro Display";
  font-style: normal; font-weight: 400; font-display: swap;
  src: url("../fonts/SF-Pro-Display-Regular.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro Display";
  font-style: italic; font-weight: 400; font-display: swap;
  src: url("../fonts/SF-Pro-Display-RegularItalic.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro Display";
  font-style: normal; font-weight: 500; font-display: swap;
  src: url("../fonts/SF-Pro-Display-Medium.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro Display";
  font-style: italic; font-weight: 500; font-display: swap;
  src: url("../fonts/SF-Pro-Display-MediumItalic.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro Display";
  font-style: normal; font-weight: 600; font-display: swap;
  src: url("../fonts/SF-Pro-Display-Semibold.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro Display";
  font-style: italic; font-weight: 600; font-display: swap;
  src: url("../fonts/SF-Pro-Display-SemiboldItalic.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro Display";
  font-style: normal; font-weight: 700; font-display: swap;
  src: url("../fonts/SF-Pro-Display-Bold.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro Display";
  font-style: italic; font-weight: 700; font-display: swap;
  src: url("../fonts/SF-Pro-Display-BoldItalic.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro Display";
  font-style: normal; font-weight: 800; font-display: swap;
  src: url("../fonts/SF-Pro-Display-Heavy.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro Display";
  font-style: italic; font-weight: 800; font-display: swap;
  src: url("../fonts/SF-Pro-Display-HeavyItalic.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro Display";
  font-style: normal; font-weight: 900; font-display: swap;
  src: url("../fonts/SF-Pro-Display-Black.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro Display";
  font-style: italic; font-weight: 900; font-display: swap;
  src: url("../fonts/SF-Pro-Display-BlackItalic.otf") format("opentype");
}

/* ---- SF Pro Text (self-hosted) ------------------------------------------- */
@font-face {
  font-family: "SF Pro Text";
  font-style: normal; font-weight: 300; font-display: swap;
  src: url("../fonts/SF-Pro-Text-Light.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro Text";
  font-style: italic; font-weight: 300; font-display: swap;
  src: url("../fonts/SF-Pro-Text-LightItalic.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro Text";
  font-style: normal; font-weight: 400; font-display: swap;
  src: url("../fonts/SF-Pro-Text-Regular.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro Text";
  font-style: italic; font-weight: 400; font-display: swap;
  src: url("../fonts/SF-Pro-Text-RegularItalic.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro Text";
  font-style: normal; font-weight: 500; font-display: swap;
  src: url("../fonts/SF-Pro-Text-Medium.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro Text";
  font-style: italic; font-weight: 500; font-display: swap;
  src: url("../fonts/SF-Pro-Text-MediumItalic.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro Text";
  font-style: normal; font-weight: 600; font-display: swap;
  src: url("../fonts/SF-Pro-Text-Semibold.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro Text";
  font-style: italic; font-weight: 600; font-display: swap;
  src: url("../fonts/SF-Pro-Text-SemiboldItalic.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro Text";
  font-style: normal; font-weight: 700; font-display: swap;
  src: url("../fonts/SF-Pro-Text-Bold.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro Text";
  font-style: italic; font-weight: 700; font-display: swap;
  src: url("../fonts/SF-Pro-Text-BoldItalic.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro Text";
  font-style: normal; font-weight: 800; font-display: swap;
  src: url("../fonts/SF-Pro-Text-Heavy.otf") format("opentype");
}
@font-face {
  font-family: "SF Pro Text";
  font-style: italic; font-weight: 800; font-display: swap;
  src: url("../fonts/SF-Pro-Text-HeavyItalic.otf") format("opentype");
}