/* ============================================================
   Eigen — Webfonts
   Sequel Sans  → functional UI / data (three optical sizes: Body, Head, Display)
   Garamond Premier Pro → editorial serif (masthead, headlines, reading surfaces)
   IBM Plex Mono → tabular financial figures & IDs (loaded via CDN, see typography.css)
   ============================================================ */

/* ---- Sequel Sans · Body (the UI workhorse, optical size for text) ---- */
@font-face {
  font-family: "Sequel Sans";
  src: url("../assets/fonts/SequelSans-BookBody.otf") format("opentype");
  font-weight: 350;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../assets/fonts/SequelSans-RomanBody.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../assets/fonts/SequelSans-RomanOblBody.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../assets/fonts/SequelSans-MediumBody.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../assets/fonts/SequelSans-SemiBoldBody.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../assets/fonts/SequelSans-BoldBody.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../assets/fonts/SequelSans-BoldOblBody.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans";
  src: url("../assets/fonts/SequelSans-HeavyBody.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* ---- Sequel Sans · Head (optical size for headings ~20–40px) ---- */
@font-face {
  font-family: "Sequel Sans Head";
  src: url("../assets/fonts/SequelSans-MediumHead.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans Head";
  src: url("../assets/fonts/SequelSans-SemiBoldHead.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans Head";
  src: url("../assets/fonts/SequelSans-BoldHead.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans Head";
  src: url("../assets/fonts/SequelSans-HeavyHead.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans Head";
  src: url("../assets/fonts/SequelSans-BlackHead.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* ---- Sequel Sans · Display (optical size for big display ~40px+) ---- */
@font-face {
  font-family: "Sequel Sans Display";
  src: url("../assets/fonts/SequelSans-BookDisp.otf") format("opentype");
  font-weight: 350;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans Display";
  src: url("../assets/fonts/SequelSans-MediumDisp.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans Display";
  src: url("../assets/fonts/SequelSans-BoldDisp.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans Display";
  src: url("../assets/fonts/SequelSans-HeavyDisp.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans Display";
  src: url("../assets/fonts/SequelSans-BlackDisp.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* ---- Garamond Premier Pro · text optical ---- */
@font-face {
  font-family: "Garamond Premier";
  src: url("../assets/fonts/GaramondPremier-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Garamond Premier";
  src: url("../assets/fonts/GaramondPremier-Italic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Garamond Premier";
  src: url("../assets/fonts/GaramondPremier-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Garamond Premier";
  src: url("../assets/fonts/GaramondPremier-Semibold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Garamond Premier";
  src: url("../assets/fonts/GaramondPremier-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ---- Garamond Premier Pro · Caption optical (small-size cut; wordmark) ---- */
@font-face {
  font-family: "Garamond Premier Caption";
  src: url("../assets/fonts/GaramondPremier-Caption.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Garamond Premier Caption";
  src: url("../assets/fonts/GaramondPremier-CaptionItalic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Garamond Premier Caption";
  src: url("../assets/fonts/GaramondPremier-CaptionBold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ---- Garamond Premier Pro · Display optical (masthead, big headlines) ---- */
@font-face {
  font-family: "Garamond Premier Display";
  src: url("../assets/fonts/GaramondPremier-Display.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Garamond Premier Display";
  src: url("../assets/fonts/GaramondPremier-DisplayItalic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Garamond Premier Display";
  src: url("../assets/fonts/GaramondPremier-DisplayMedium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Garamond Premier Display";
  src: url("../assets/fonts/GaramondPremier-DisplaySemibold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}