/* ==========================================================================
   Joi+Blokes — web fonts
   --------------------------------------------------------------------------
   Fonts are SELF-HOSTED in /wp-content/themes/joiandblokes/assets/funnel/_lp/fonts/ (downloaded from the live theme 2026-08-20), so these pages have no dependency on WordPress and work on any origin (Amplify, localhost, Cloudflare). That works
   because the landing pages are on the SAME domain (joiandblokes.com), so there
   is no CORS involved and the files are likely already in visitors' caches.

   It does mean these pages have one soft dependency on WordPress: if WP is down
   or moves, the fonts fall back to Helvetica/Arial. The page still works, it
   just loses its typeface.

   TO REMOVE THAT DEPENDENCY (about two minutes):
     1. Download these 7 files from the live site:
          /wp-content/themes/joiandblokes/assets/funnel/_lp/fonts/
            BasisGrotesqueArabicPro-Light.woff2   + .woff
            BasisGrotesqueArabicPro-Regular.woff2 + .woff
            BasisGrotesqueArabicPro-Medium.woff2  + .woff
            BasisGrotesqueArabicPro-Bold.woff2    + .woff
            BasisGrotesqueArabicPro-Black.woff2   + .woff
          /wp-content/themes/joiandblokes/assets/funnel/_lp/fonts/
            Simula-Book.woff2 + .woff
            Simula-BookItalic.woff2 + .woff
     2. Drop them into public/wp-content/themes/joiandblokes/assets/funnel/_lp/fonts/
     3. Find-and-replace in this file:
          /wp-content/themes/joiandblokes/assets/fonts/   ->   /wp-content/themes/joiandblokes/assets/funnel/_lp/fonts/
     4. Do the same for the three logo <img src> tags in public/glp1/index.html:
          /wp-content/themes/joiandblokes/images/full-logo-joi-and-blokes-black.svg
          ->  /wp-content/themes/joiandblokes/assets/funnel/_lp/assets/logo-joi-and-blokes-black.svg
   ==========================================================================*/

@font-face {
  font-family: "Basis Grotesque";
  src: url("/wp-content/themes/joiandblokes/assets/funnel/_lp/fonts/BasisGrotesqueArabicPro-Light.woff2") format("woff2"),
       url("/wp-content/themes/joiandblokes/assets/funnel/_lp/fonts/BasisGrotesqueArabicPro-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Basis Grotesque";
  src: url("/wp-content/themes/joiandblokes/assets/funnel/_lp/fonts/BasisGrotesqueArabicPro-Regular.woff2") format("woff2"),
       url("/wp-content/themes/joiandblokes/assets/funnel/_lp/fonts/BasisGrotesqueArabicPro-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Basis Grotesque";
  src: url("/wp-content/themes/joiandblokes/assets/funnel/_lp/fonts/BasisGrotesqueArabicPro-Medium.woff2") format("woff2"),
       url("/wp-content/themes/joiandblokes/assets/funnel/_lp/fonts/BasisGrotesqueArabicPro-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Basis Grotesque";
  src: url("/wp-content/themes/joiandblokes/assets/funnel/_lp/fonts/BasisGrotesqueArabicPro-Bold.woff2") format("woff2"),
       url("/wp-content/themes/joiandblokes/assets/funnel/_lp/fonts/BasisGrotesqueArabicPro-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Basis Grotesque";
  src: url("/wp-content/themes/joiandblokes/assets/funnel/_lp/fonts/BasisGrotesqueArabicPro-Black.woff2") format("woff2"),
       url("/wp-content/themes/joiandblokes/assets/funnel/_lp/fonts/BasisGrotesqueArabicPro-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Simula";
  src: url("/wp-content/themes/joiandblokes/assets/funnel/_lp/fonts/Simula-Book.woff2") format("woff2"),
       url("/wp-content/themes/joiandblokes/assets/funnel/_lp/fonts/Simula-Book.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Simula";
  src: url("/wp-content/themes/joiandblokes/assets/funnel/_lp/fonts/Simula-BookItalic.woff2") format("woff2"),
       url("/wp-content/themes/joiandblokes/assets/funnel/_lp/fonts/Simula-BookItalic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}