/* ============================================================
   Dysbalans — self-hosted fonts
   SYN Nova by Krzysztof Machalski (OFL)
   Nippo by Manushi Parikh, Indian Type Foundry (OFL)
   ============================================================ */

/* ---------- SYN Nova (display) ---------- */
@font-face {
  font-family: 'SYN Nova';
  src: url('../fonts/SYNNova-UltraLight.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SYN Nova';
  src: url('../fonts/SYNNova-ExtraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SYN Nova';
  src: url('../fonts/SYNNova-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SYN Nova';
  src: url('../fonts/SYNNova-Normal.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SYN Nova';
  src: url('../fonts/SYNNova-Regular.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SYN Nova';
  src: url('../fonts/SYNNova-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* SYN Nova Variable (single wght axis, range 10–90) */
@font-face {
  font-family: 'SYN Nova VF';
  src: url('../fonts/SYNNovaVFGX.ttf') format('truetype-variations'),
       url('../fonts/SYNNovaVFGX.ttf') format('truetype');
  font-weight: 10 90;
  font-style: normal;
  font-display: swap;
}

/* Alias used by the Behance icon SVG (which references the raw font-family name) */
@font-face {
  font-family: 'SYNNova-Regular';
  src: url('../fonts/SYNNova-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* ---------- Nippo (body) ---------- */
@font-face {
  font-family: 'Nippo';
  src: url('../fonts/Nippo-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nippo';
  src: url('../fonts/Nippo-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nippo';
  src: url('../fonts/Nippo-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nippo';
  src: url('../fonts/Nippo-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Nippo Variable (wght axis 200–700) */
@font-face {
  font-family: 'Nippo VF';
  src: url('../fonts/Nippo-Variable.woff2') format('woff2-variations'),
       url('../fonts/Nippo-Variable.woff2') format('woff2');
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}