@font-face {
  font-family: "Jost";
  src: url("../fonts/Jost-VF.ttf") format("ttf");
  font-weight: 300 900;
}

/* ---------------------------
   Involve — @font-face сборка
   Форматы: .otf (opentype), .ttf (truetype)
   Положи файлы, например: fonts/Involve-Regular.otf, fonts/Involve-Regular.ttf
   --------------------------- */

@font-face {
  font-family: "Involve";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Involve Regular"),
       url("../fonts/Involve-Regular.ttf") format("truetype"),
       url("../fonts/Involve-Regular.otf") format("opentype");
}

@font-face {
  font-family: "Involve";
  font-style: oblique; /* если файл — Oblique/Italic */
  font-weight: 400;
  font-display: swap;
  src: local("Involve Regular Oblique"),
       url("../fonts/Involve-Regular-Oblique.ttf") format("truetype"),
       url("../fonts/Involve-Regular-Oblique.otf") format("opentype");
}

/* Medium (500) */
@font-face {
  font-family: "Involve";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Involve Medium"),
        url("../fonts/Involve-Medium.otf") format("opentype");
}

@font-face {
  font-family: "Involve";
  font-style: oblique;
  font-weight: 500;
  font-display: swap;
  src: local("Involve Medium Oblique"),
       url("../fonts/Involve-Medium-Oblique.ttf") format("truetype"),
       url("../fonts/Involve-Medium-Oblique.otf") format("opentype");
}

/* SemiBold (600) */
@font-face {
  font-family: "Involve";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Involve SemiBold"),
       url("../fonts/Involve-SemiBold.otf") format("opentype");
}

@font-face {
  font-family: "Involve";
  font-style: oblique;
  font-weight: 600;
  font-display: swap;
  src: local("Involve SemiBold Oblique"),
       url("../fonts/Involve-SemiBold-Oblique.ttf") format("truetype"),
       url("../fonts/Involve-SemiBold-Oblique.otf") format("opentype");
}

/* Bold (700) */
@font-face {
  font-family: "Involve";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Involve Bold"),
       url("../fonts/Involve-Bold.ttf") format("truetype"),
       url("../fonts/Involve-Bold.otf") format("opentype");
}

@font-face {
  font-family: "Involve";
  font-style: oblique;
  font-weight: 700;
  font-display: swap;
  src: local("Involve Bold Oblique"),
       url("../fonts/Involve-Bold-Oblique.ttf") format("truetype"),
       url("../fonts/Involve-Bold-Oblique.otf") format("opentype");
}

/* ---------------------------
   Jost — @font-face сборка
   Форматы: .otf (opentype), .ttf (truetype)
   Положи файлы, например:
   fonts/Jost-Regular.otf, fonts/Jost-Regular.ttf
   --------------------------- */

/* Regular (300) */
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jost Regular"),
       url("../fonts/Jost-Thin.ttf") format("truetype"),
       url("../fonts/Jost-Thin.otf") format("opentype");
}
   
/* Regular (400) */
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jost Regular"),
       url("../fonts/Jost-Regular.ttf") format("truetype"),
       url("../fonts/Jost-Regular.otf") format("opentype");
}

/* Medium (500) */
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Jost Medium"),
       url("../fonts/Jost-Medium.ttf") format("truetype"),
       url("../fonts/Jost-Medium.otf") format("opentype");
}

/* SemiBold (600) */
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Jost SemiBold"),
       url("../fonts/Jost-SemiBold.ttf") format("truetype"),
       url("../fonts/Jost-SemiBold.otf") format("opentype");
}

/* Bold (700) */
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Jost Bold"),
       url("../fonts/Jost-Bold.ttf") format("truetype"),
       url("../fonts/Jost-Bold.otf") format("opentype");
}

/* ExtraBold (800) */
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local("Jost ExtraBold"),
       url("../fonts/Jost-ExtraBold.ttf") format("truetype"),
       url("../fonts/Jost-ExtraBold.otf") format("opentype");
}

/* ExtraBold (900) */
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local("Jost ExtraBold"),
       url("../fonts/Jost-ExtraBold.ttf") format("truetype"),
       url("../fonts/Jost-ExtraBold.otf") format("opentype");
}