/* LIGHT */
@font-face {
    font-family: "SwissPosters";
    src: url("../webfonts/SwissPosters-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SwissPosters";
    src: url("../webfonts/Swissposters-LightItalic.woff2") format("woff2");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* REGULAR */
@font-face {
    font-family: "SwissPosters";
    src: url("../webfonts/SwissPosters-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SwissPosters";
    src: url("../webfonts/Swissposters-Italic.woff2") format("woff2");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* MEDIUM */
@font-face {
    font-family: "SwissPosters";
    src: url("../webfonts/Swissposters-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SwissPosters";
    src: url("../webfonts/Swissposters-MediumItalic.woff2") format("woff2");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

/* BOLD */
@font-face {
    font-family: "SwissPosters";
    src: url("../webfonts/Swissposters-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SwissPosters";
    src: url("../webfonts/Swissposters-BoldItalic.woff2") format("woff2");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
/* =============================================================================
   SwissPosters — @font-face declarations
   Generated for web use (WOFF2).

   Usage: Place your WOFF2 files in a /../webfonts/ directory
   relative to this CSS file and adjust the url() paths if needed.

   Font families exposed:
     "SwissPosters"           — Standard width
     "SwissPosters Tall"      — Tall / extended optical size
     "SwissPosters Condensed" — Condensed width
     "SwissPosters SemiCond"  — Semi-condensed width
     "SwissPosters XCondensed"— Extra-condensed width
     "SwissPosters SmCond"    — Small-condensed width
     "SwissPosters UltraCond" — Ultra-condensed width
     "SwissPosters VAR"       — Variable font (single file, all axes)

   font-weight reference:
     100 = Thin
     200 = Extra Light
     300 = Light
     400 = Regular / Medium (see note*)
     500 = Medium
     600 = Semi Bold
     700 = Bold
     800 = Extra Bold
     900 = Black

   *Note: SwissPosters uses "Medium" as a named weight that sits between
    Regular (400) and SemiBold (600). It is mapped here to font-weight 500.
============================================================================= */


/* ─── VARIABLE FONT (recommended for most projects) ─────────────────────── */
/*
   If you only need one file, use this. It covers the full weight and
   width axis in a single 117 KB WOFF2. Adjust font-variation-settings
   in your CSS to pick a point on the axis.

   Example:
     .heading { font-variation-settings: "wght" 700, "wdth" 75; }
*/

@font-face {
  font-family: "SwissPosters VAR";
  src: url("../webfonts/Swissposters VAR-VF.ttf.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal italic;
  font-display: swap;
}


/* ─── STANDARD WIDTH ────────────────────────────────────────────────────── */

@font-face {
  font-family: "SwissPosters";
  src: url("../webfonts/Swissposters-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters";
  src: url("../webfonts/Swissposters-ThinItalic.woff2") format("woff2");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters";
  src: url("../webfonts/Swissposters-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters";
  src: url("../webfonts/Swissposters-ExtraLightItalic.woff2") format("woff2");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters";
  src: url("../webfonts/Swissposters-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters";
  src: url("../webfonts/Swissposters-LightItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters";
  src: url("../webfonts/Swissposters-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters";
  src: url("../webfonts/Swissposters-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters";
  src: url("../webfonts/Swissposters-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters";
  src: url("../webfonts/Swissposters-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters";
  src: url("../webfonts/Swissposters-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters";
  src: url("../webfonts/Swissposters-SemiBoldItalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters";
  src: url("../webfonts/Swissposters-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters";
  src: url("../webfonts/Swissposters-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters";
  src: url("../webfonts/Swissposters-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters";
  src: url("../webfonts/Swissposters-ExtraBoldItalic.woff2") format("woff2");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters";
  src: url("../webfonts/Swissposters-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters";
  src: url("../webfonts/Swissposters-BlackItalic.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}


/* ─── TALL (extended optical size) ─────────────────────────────────────── */

@font-face {
  font-family: "SwissPosters Tall";
  src: url("../webfonts/Swissposters-ThinTall.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Tall";
  src: url("../webfonts/Swissposters-ThinTallItalic.woff2") format("woff2");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Tall";
  src: url("../webfonts/Swissposters-ExtraLightTall.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Tall";
  src: url("../webfonts/Swissposters-ExtLtTallIta.woff2") format("woff2");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Tall";
  src: url("../webfonts/Swissposters-LightTall.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Tall";
  src: url("../webfonts/Swissposters-LightTallItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Tall";
  src: url("../webfonts/Swissposters-Tall.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Tall";
  src: url("../webfonts/Swissposters-TallItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Tall";
  src: url("../webfonts/Swissposters-MediumTall.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Tall";
  src: url("../webfonts/Swissposters-MediumTallItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Tall";
  src: url("../webfonts/Swissposters-SemiBoldTall.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Tall";
  src: url("../webfonts/Swissposters-SemBdTallIta.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Tall";
  src: url("../webfonts/Swissposters-BoldTall.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Tall";
  src: url("../webfonts/Swissposters-BoldTallItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Tall";
  src: url("../webfonts/Swissposters-ExtraBoldTall.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Tall";
  src: url("../webfonts/Swissposters-ExtBdTallIta.woff2") format("woff2");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Tall";
  src: url("../webfonts/Swissposters-BlackTall.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Tall";
  src: url("../webfonts/Swissposters-BlackTallItalic.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}


/* ─── CONDENSED ─────────────────────────────────────────────────────────── */

@font-face {
  font-family: "SwissPosters Condensed";
  src: url("../webfonts/Swissposters-CondensedThin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Condensed";
  src: url("../webfonts/Swissposters-CondThinIta.woff2") format("woff2");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Condensed";
  src: url("../webfonts/Swissposters-CondExtLt.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Condensed";
  src: url("../webfonts/Swissposters-CondExtLtIta.woff2") format("woff2");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Condensed";
  src: url("../webfonts/Swissposters-CondensedLight.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Condensed";
  src: url("../webfonts/Swissposters-CondLightIta.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Condensed";
  src: url("../webfonts/Swissposters-Condensed.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Condensed";
  src: url("../webfonts/Swissposters-CondensedItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Condensed";
  src: url("../webfonts/Swissposters-CondensedMedium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Condensed";
  src: url("../webfonts/Swissposters-CondMedIta.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Condensed";
  src: url("../webfonts/Swissposters-CondSemBd.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Condensed";
  src: url("../webfonts/Swissposters-CondSemBdIta.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Condensed";
  src: url("../webfonts/Swissposters-CondensedBold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Condensed";
  src: url("../webfonts/Swissposters-CondBoldIta.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Condensed";
  src: url("../webfonts/Swissposters-CondExtBd.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Condensed";
  src: url("../webfonts/Swissposters-CondExtBdIta.woff2") format("woff2");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Condensed";
  src: url("../webfonts/Swissposters-CondensedBlack.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Condensed";
  src: url("../webfonts/Swissposters-CondBlackIta.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}


/* ─── CONDENSED TALL ─────────────────────────────────────────────────────── */

@font-face {
  font-family: "SwissPosters Condensed Tall";
  src: url("../webfonts/Swissposters-CondThinTall.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Condensed Tall";
  src: url("../webfonts/Swissposters-CondThinTallIta.woff2") format("woff2");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Condensed Tall";
  src: url("../webfonts/Swissposters-CondExtLtTall.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Condensed Tall";
  src: url("../webfonts/Swissposters-CondExtLtTallIta.woff2") format("woff2");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Condensed Tall";
  src: url("../webfonts/Swissposters-CondLightTall.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Condensed Tall";
  src: url("../webfonts/Swissposters-CondLightTallIta.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Condensed Tall";
  src: url("../webfonts/Swissposters-CondensedTall.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Condensed Tall";
  src: url("../webfonts/Swissposters-CondTallIta.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Condensed Tall";
  src: url("../webfonts/Swissposters-CondMedTall.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Condensed Tall";
  src: url("../webfonts/Swissposters-CondMedTallIta.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Condensed Tall";
  src: url("../webfonts/Swissposters-CondSemBdTall.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Condensed Tall";
  src: url("../webfonts/Swissposters-CondSemBdTallIta.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Condensed Tall";
  src: url("../webfonts/Swissposters-CondBoldTall.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Condensed Tall";
  src: url("../webfonts/Swissposters-CondBoldTallIta.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Condensed Tall";
  src: url("../webfonts/Swissposters-CondExtBdTall.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Condensed Tall";
  src: url("../webfonts/Swissposters-CondExtBdTallIta.woff2") format("woff2");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Condensed Tall";
  src: url("../webfonts/Swissposters-CondBlackTall.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters Condensed Tall";
  src: url("../webfonts/Swissposters-CondBlackTallIta.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}


/* ─── SEMI-CONDENSED ────────────────────────────────────────────────────── */

@font-face {
  font-family: "SwissPosters SemiCond";
  src: url("../webfonts/Swissposters-SemiCondThin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters SemiCond";
  src: url("../webfonts/Swissposters-SemiCondThinIta.woff2") format("woff2");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters SemiCond";
  src: url("../webfonts/Swissposters-SemiCondExtLt.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters SemiCond";
  src: url("../webfonts/Swissposters-SemiCondExtLtIta.woff2") format("woff2");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters SemiCond";
  src: url("../webfonts/Swissposters-SemiCondLight.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters SemiCond";
  src: url("../webfonts/Swissposters-SemiCondLightIta.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters SemiCond";
  src: url("../webfonts/Swissposters-SemiCondensed.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters SemiCond";
  src: url("../webfonts/Swissposters-SemiCondIta.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters SemiCond";
  src: url("../webfonts/Swissposters-SemiCondMed.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters SemiCond";
  src: url("../webfonts/Swissposters-SemiCondMedIta.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters SemiCond";
  src: url("../webfonts/Swissposters-SemiCondSemBd.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters SemiCond";
  src: url("../webfonts/Swissposters-SemiCondSemBdIta.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters SemiCond";
  src: url("../webfonts/Swissposters-SemiCondBold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters SemiCond";
  src: url("../webfonts/Swissposters-SemiCondBoldIta.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters SemiCond";
  src: url("../webfonts/Swissposters-SemiCondExtBd.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters SemiCond";
  src: url("../webfonts/Swissposters-SemiCondExtBdIta.woff2") format("woff2");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters SemiCond";
  src: url("../webfonts/Swissposters-SemiCondBlack.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters SemiCond";
  src: url("../webfonts/Swissposters-SemiCondBlackIta.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}


/* ─── SEMI-CONDENSED TALL ────────────────────────────────────────────────── */

@font-face {
  font-family: "SwissPosters SemiCond Tall";
  src: url("../webfonts/Swissposters-SemiCondThinTall.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters SemiCond Tall";
  src: url("../webfonts/Swissposters-SemiCondTall.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters SemiCond Tall";
  src: url("../webfonts/Swissposters-SemiCondTallIta.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters SemiCond Tall";
  src: url("../webfonts/Swissposters-SemiCondMedTall.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters SemiCond Tall";
  src: url("../webfonts/Swissposters-SemiCondBoldTall.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


/* ─── EXTRA CONDENSED ───────────────────────────────────────────────────── */

@font-face {
  font-family: "SwissPosters XCondensed";
  src: url("../webfonts/Swissposters-ExtraCondensed.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters XCondensed";
  src: url("../webfonts/Swissposters-ExtraCondIta.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters XCondensed";
  src: url("../webfonts/Swissposters-ExtraCondThin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters XCondensed";
  src: url("../webfonts/Swissposters-ExtraCondThinIta.woff2") format("woff2");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters XCondensed";
  src: url("../webfonts/Swissposters-ExtraCondExtLt.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters XCondensed";
  src: url("../webfonts/Swissposters-ExtraCondLight.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters XCondensed";
  src: url("../webfonts/Swissposters-ExtraCondMed.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters XCondensed";
  src: url("../webfonts/Swissposters-ExtraCondMedIta.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters XCondensed";
  src: url("../webfonts/Swissposters-ExtraCondSemBd.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters XCondensed";
  src: url("../webfonts/Swissposters-ExtraCondBold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters XCondensed";
  src: url("../webfonts/Swissposters-ExtraCondBoldIta.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters XCondensed";
  src: url("../webfonts/Swissposters-ExtraCondBlack.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}


/* ─── EXTRA CONDENSED TALL ───────────────────────────────────────────────── */

@font-face {
  font-family: "SwissPosters XCondensed Tall";
  src: url("../webfonts/Swissposters-ExtraCondTall.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters XCondensed Tall";
  src: url("../webfonts/Swissposters-ExtraCondTallIta.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters XCondensed Tall";
  src: url("../webfonts/Swissposters-ExtraCondMedTall.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters XCondensed Tall";
  src: url("../webfonts/Swissposters-ExtraCondMedIta.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}


/* ─── ULTRA CONDENSED ───────────────────────────────────────────────────── */

@font-face {
  font-family: "SwissPosters UltraCond";
  src: url("../webfonts/Swissposters-UltraCondensed.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters UltraCond";
  src: url("../webfonts/Swissposters-UltraCondIta.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters UltraCond";
  src: url("../webfonts/Swissposters-UltraCondThin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters UltraCond";
  src: url("../webfonts/Swissposters-UltraCondThinIta.woff2") format("woff2");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters UltraCond";
  src: url("../webfonts/Swissposters-UltraCondExtLt.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters UltraCond";
  src: url("../webfonts/Swissposters-UltraCondLight.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters UltraCond";
  src: url("../webfonts/Swissposters-UltraCondMedium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters UltraCond";
  src: url("../webfonts/Swissposters-UltraCondSemBd.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters UltraCond";
  src: url("../webfonts/Swissposters-UltraCondBold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters UltraCond";
  src: url("../webfonts/Swissposters-UltraCondBoldIta.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters UltraCond";
  src: url("../webfonts/Swissposters-UltraCondExtBd.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters UltraCond";
  src: url("../webfonts/Swissposters-UltraCondBlack.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}


/* ─── ULTRA CONDENSED TALL ───────────────────────────────────────────────── */

@font-face {
  font-family: "SwissPosters UltraCond Tall";
  src: url("../webfonts/Swissposters-UltraCondTall.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SwissPosters UltraCond Tall";
  src: url("../webfonts/Swissposters-UltraCondTallIta.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}


/* =============================================================================
   USAGE EXAMPLES
   =============================================================================

   -- Standard body text
   body {
     font-family: "SwissPosters", sans-serif;
     font-weight: 400;
   }

   -- Heading with tall optical size, bold
   h1 {
     font-family: "SwissPosters Tall", sans-serif;
     font-weight: 700;
   }

   -- Compact nav label, semi-condensed medium
   .nav-label {
     font-family: "SwissPosters SemiCond", sans-serif;
     font-weight: 500;
   }

   -- Hero display type, ultra-condensed black
   .hero-display {
     font-family: "SwissPosters UltraCond", sans-serif;
     font-weight: 900;
     letter-spacing: -0.02em;
   }

   -- Variable font with custom axes
   .variable-example {
     font-family: "SwissPosters VAR", sans-serif;
     font-variation-settings: "wght" 650, "wdth" 85;
   }

============================================================================= */