/* ==========================================================================
   Blender — the brand face. Shared by every page, so it is its own file.
   ==========================================================================
   The files come from the brand's own web build (upfront-ui/fonts/woff2).
   Two things had been wrong before: the family was declared as "Blender Pro"
   pointing at BlenderPro-*.woff2 files that do not exist under that name, and
   fx.html never linked the stylesheet that held the @font-face rules at all —
   so it silently rendered in system sans and every size, weight and letter
   spacing looked off.

   The four files each carry a DIFFERENT internal family name (Blender,
   "Blender Medium", "Blender Strong"), which is the usual four-file naming
   mess. It does not matter here: @font-face assigns the family, so all four are
   published as one "Blender" with the weights Figma's type scale uses —
   Book 400, Medium 500, Bold 700, Strong 900.

   `font-display: swap` on purpose: this is a dark page with big white display
   type, and blocking the first paint on a 40KB font is worse than one reflow.
   ========================================================================== */
@font-face {
  font-family: "Blender";
  src: url("../assets/fonts/Blender-Book.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Blender";
  src: url("../assets/fonts/Blender-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Blender";
  src: url("../assets/fonts/Blender-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Blender";
  src: url("../assets/fonts/Blender-Strong.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}