/* ============================================================
   THE B-SIDE — Webfonts
   Anybody (variable: weight 100–900, width 75–150) — workhorse sans
   DM Serif Display — editorial display serif (the "side" wordmark)
   ============================================================ */

/* Anybody — variable upright */
@font-face {
  font-family: "Anybody";
  src: url("../fonts/Anybody-Variable.ttf") format("truetype-variations");
  font-weight: 100 900;
  font-stretch: 75% 150%;
  font-style: normal;
  font-display: swap;
}

/* Anybody — variable italic */
@font-face {
  font-family: "Anybody";
  src: url("../fonts/Anybody-Italic-Variable.ttf") format("truetype-variations");
  font-weight: 100 900;
  font-stretch: 75% 150%;
  font-style: italic;
  font-display: swap;
}

/* Anybody Condensed — static cuts used for tall poster-style display lockups */
@font-face {
  font-family: "Anybody Condensed";
  src: url("../fonts/Anybody_Condensed-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Anybody Condensed";
  src: url("../fonts/Anybody_Condensed-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* DM Serif Display */
@font-face {
  font-family: "DM Serif Display";
  src: url("../fonts/DMSerifDisplay-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DM Serif Display";
  src: url("../fonts/DMSerifDisplay-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}