/* Helvetica Now Web Fonts — organized from Monotype webfont kit */
/*
 * Load with <link rel="stylesheet" href="helvetica-now.css"> (preferred over @import).
 * Preload only the files you use above the fold, e.g.:
 * <link rel="preload" href="webfonts/text/HelveticaNow-Text-Regular.woff2" as="font" type="font/woff2" crossorigin>
 *
 * font-display: swap shows fallback text immediately, then swaps when the file
 * finishes loading. That brief swap is normal and preferred over invisible text.
 */

/* Default aliases select the Regular faces only. */
:root {
  --font-display: "Helvetica Now Display Regular", sans-serif;
  --font-text: "Helvetica Now Text Regular", sans-serif;
  --font-micro: "Helvetica Now Micro Regular", sans-serif;
}

@font-face {
  font-family: "Helvetica Now Display Hairline";
  font-weight: 100;
  font-style: normal;
  font-display: swap;
  src: url("webfonts/display/HelveticaNow-Display-Hairline.woff2") format("woff2"), url("webfonts/display/HelveticaNow-Display-Hairline.woff") format("woff"), url("webfonts/display/HelveticaNow-Display-Hairline.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Display Hairline Italic";
  font-weight: 100;
  font-style: italic;
  font-display: swap;
  src: url("webfonts/display/HelveticaNow-Display-Hairline-Italic.woff2") format("woff2"), url("webfonts/display/HelveticaNow-Display-Hairline-Italic.woff") format("woff"), url("webfonts/display/HelveticaNow-Display-Hairline-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Display Thin";
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  src: url("webfonts/display/HelveticaNow-Display-Thin.woff2") format("woff2"), url("webfonts/display/HelveticaNow-Display-Thin.woff") format("woff"), url("webfonts/display/HelveticaNow-Display-Thin.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Display Thin Italic";
  font-weight: 200;
  font-style: italic;
  font-display: swap;
  src: url("webfonts/display/HelveticaNow-Display-Thin-Italic.woff2") format("woff2"), url("webfonts/display/HelveticaNow-Display-Thin-Italic.woff") format("woff"), url("webfonts/display/HelveticaNow-Display-Thin-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Display Extra Light";
  font-weight: 250;
  font-style: normal;
  font-display: swap;
  src: url("webfonts/display/HelveticaNow-Display-ExtraLight.woff2") format("woff2"), url("webfonts/display/HelveticaNow-Display-ExtraLight.woff") format("woff"), url("webfonts/display/HelveticaNow-Display-ExtraLight.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Display Extra Light Italic";
  font-weight: 250;
  font-style: italic;
  font-display: swap;
  src: url("webfonts/display/HelveticaNow-Display-ExtraLight-Italic.woff2") format("woff2"), url("webfonts/display/HelveticaNow-Display-ExtraLight-Italic.woff") format("woff"), url("webfonts/display/HelveticaNow-Display-ExtraLight-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Display Light";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("webfonts/display/HelveticaNow-Display-Light.woff2") format("woff2"), url("webfonts/display/HelveticaNow-Display-Light.woff") format("woff"), url("webfonts/display/HelveticaNow-Display-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Display Light Italic";
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  src: url("webfonts/display/HelveticaNow-Display-Light-Italic.woff2") format("woff2"), url("webfonts/display/HelveticaNow-Display-Light-Italic.woff") format("woff"), url("webfonts/display/HelveticaNow-Display-Light-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Display Regular";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("webfonts/display/HelveticaNow-Display-Regular.woff2") format("woff2"), url("webfonts/display/HelveticaNow-Display-Regular.woff") format("woff"), url("webfonts/display/HelveticaNow-Display-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Display Regular Italic";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("webfonts/display/HelveticaNow-Display-Regular-Italic.woff2") format("woff2"), url("webfonts/display/HelveticaNow-Display-Regular-Italic.woff") format("woff"), url("webfonts/display/HelveticaNow-Display-Regular-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Display Medium";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("webfonts/display/HelveticaNow-Display-Medium.woff2") format("woff2"), url("webfonts/display/HelveticaNow-Display-Medium.woff") format("woff"), url("webfonts/display/HelveticaNow-Display-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Display Medium Italic";
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url("webfonts/display/HelveticaNow-Display-Medium-Italic.woff2") format("woff2"), url("webfonts/display/HelveticaNow-Display-Medium-Italic.woff") format("woff"), url("webfonts/display/HelveticaNow-Display-Medium-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Display Bold";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("webfonts/display/HelveticaNow-Display-Bold.woff2") format("woff2"), url("webfonts/display/HelveticaNow-Display-Bold.woff") format("woff"), url("webfonts/display/HelveticaNow-Display-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Display Bold Italic";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("webfonts/display/HelveticaNow-Display-Bold-Italic.woff2") format("woff2"), url("webfonts/display/HelveticaNow-Display-Bold-Italic.woff") format("woff"), url("webfonts/display/HelveticaNow-Display-Bold-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Display Extra Bold";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url("webfonts/display/HelveticaNow-Display-ExtraBold.woff2") format("woff2"), url("webfonts/display/HelveticaNow-Display-ExtraBold.woff") format("woff"), url("webfonts/display/HelveticaNow-Display-ExtraBold.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Display Extra Bold Italic";
  font-weight: 800;
  font-style: italic;
  font-display: swap;
  src: url("webfonts/display/HelveticaNow-Display-ExtraBold-Italic.woff2") format("woff2"), url("webfonts/display/HelveticaNow-Display-ExtraBold-Italic.woff") format("woff"), url("webfonts/display/HelveticaNow-Display-ExtraBold-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Display Black";
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: url("webfonts/display/HelveticaNow-Display-Black.woff2") format("woff2"), url("webfonts/display/HelveticaNow-Display-Black.woff") format("woff"), url("webfonts/display/HelveticaNow-Display-Black.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Display Black Italic";
  font-weight: 900;
  font-style: italic;
  font-display: swap;
  src: url("webfonts/display/HelveticaNow-Display-Black-Italic.woff2") format("woff2"), url("webfonts/display/HelveticaNow-Display-Black-Italic.woff") format("woff"), url("webfonts/display/HelveticaNow-Display-Black-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Display Extra Black";
  font-weight: 950;
  font-style: normal;
  font-display: swap;
  src: url("webfonts/display/HelveticaNow-Display-ExtraBlack.woff2") format("woff2"), url("webfonts/display/HelveticaNow-Display-ExtraBlack.woff") format("woff"), url("webfonts/display/HelveticaNow-Display-ExtraBlack.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Display Extra Black Italic";
  font-weight: 950;
  font-style: italic;
  font-display: swap;
  src: url("webfonts/display/HelveticaNow-Display-ExtraBlack-Italic.woff2") format("woff2"), url("webfonts/display/HelveticaNow-Display-ExtraBlack-Italic.woff") format("woff"), url("webfonts/display/HelveticaNow-Display-ExtraBlack-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Text Thin";
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  src: url("webfonts/text/HelveticaNow-Text-Thin.woff2") format("woff2"), url("webfonts/text/HelveticaNow-Text-Thin.woff") format("woff"), url("webfonts/text/HelveticaNow-Text-Thin.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Text Thin Italic";
  font-weight: 200;
  font-style: italic;
  font-display: swap;
  src: url("webfonts/text/HelveticaNow-Text-Thin-Italic.woff2") format("woff2"), url("webfonts/text/HelveticaNow-Text-Thin-Italic.woff") format("woff"), url("webfonts/text/HelveticaNow-Text-Thin-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Text Extra Light";
  font-weight: 250;
  font-style: normal;
  font-display: swap;
  src: url("webfonts/text/HelveticaNow-Text-ExtraLight.woff2") format("woff2"), url("webfonts/text/HelveticaNow-Text-ExtraLight.woff") format("woff"), url("webfonts/text/HelveticaNow-Text-ExtraLight.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Text Extra Light Italic";
  font-weight: 250;
  font-style: italic;
  font-display: swap;
  src: url("webfonts/text/HelveticaNow-Text-ExtraLight-Italic.woff2") format("woff2"), url("webfonts/text/HelveticaNow-Text-ExtraLight-Italic.woff") format("woff"), url("webfonts/text/HelveticaNow-Text-ExtraLight-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Text Light";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("webfonts/text/HelveticaNow-Text-Light.woff2") format("woff2"), url("webfonts/text/HelveticaNow-Text-Light.woff") format("woff"), url("webfonts/text/HelveticaNow-Text-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Text Light Italic";
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  src: url("webfonts/text/HelveticaNow-Text-Light-Italic.woff2") format("woff2"), url("webfonts/text/HelveticaNow-Text-Light-Italic.woff") format("woff"), url("webfonts/text/HelveticaNow-Text-Light-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Text Regular";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("webfonts/text/HelveticaNow-Text-Regular.woff2") format("woff2"), url("webfonts/text/HelveticaNow-Text-Regular.woff") format("woff"), url("webfonts/text/HelveticaNow-Text-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Text Regular Italic";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("webfonts/text/HelveticaNow-Text-Regular-Italic.woff2") format("woff2"), url("webfonts/text/HelveticaNow-Text-Regular-Italic.woff") format("woff"), url("webfonts/text/HelveticaNow-Text-Regular-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Text Medium";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("webfonts/text/HelveticaNow-Text-Medium.woff2") format("woff2"), url("webfonts/text/HelveticaNow-Text-Medium.woff") format("woff"), url("webfonts/text/HelveticaNow-Text-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Text Medium Italic";
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url("webfonts/text/HelveticaNow-Text-Medium-Italic.woff2") format("woff2"), url("webfonts/text/HelveticaNow-Text-Medium-Italic.woff") format("woff"), url("webfonts/text/HelveticaNow-Text-Medium-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Text Bold";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("webfonts/text/HelveticaNow-Text-Bold.woff2") format("woff2"), url("webfonts/text/HelveticaNow-Text-Bold.woff") format("woff"), url("webfonts/text/HelveticaNow-Text-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Text Bold Italic";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("webfonts/text/HelveticaNow-Text-Bold-Italic.woff2") format("woff2"), url("webfonts/text/HelveticaNow-Text-Bold-Italic.woff") format("woff"), url("webfonts/text/HelveticaNow-Text-Bold-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Text Extra Bold";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url("webfonts/text/HelveticaNow-Text-ExtraBold.woff2") format("woff2"), url("webfonts/text/HelveticaNow-Text-ExtraBold.woff") format("woff"), url("webfonts/text/HelveticaNow-Text-ExtraBold.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Text Extra Bold Italic";
  font-weight: 800;
  font-style: italic;
  font-display: swap;
  src: url("webfonts/text/HelveticaNow-Text-ExtraBold-Italic.woff2") format("woff2"), url("webfonts/text/HelveticaNow-Text-ExtraBold-Italic.woff") format("woff"), url("webfonts/text/HelveticaNow-Text-ExtraBold-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Text Black";
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: url("webfonts/text/HelveticaNow-Text-Black.woff2") format("woff2"), url("webfonts/text/HelveticaNow-Text-Black.woff") format("woff"), url("webfonts/text/HelveticaNow-Text-Black.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Text Black Italic";
  font-weight: 900;
  font-style: italic;
  font-display: swap;
  src: url("webfonts/text/HelveticaNow-Text-Black-Italic.woff2") format("woff2"), url("webfonts/text/HelveticaNow-Text-Black-Italic.woff") format("woff"), url("webfonts/text/HelveticaNow-Text-Black-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Micro Extra Light";
  font-weight: 250;
  font-style: normal;
  font-display: swap;
  src: url("webfonts/micro/HelveticaNow-Micro-ExtraLight.woff2") format("woff2"), url("webfonts/micro/HelveticaNow-Micro-ExtraLight.woff") format("woff"), url("webfonts/micro/HelveticaNow-Micro-ExtraLight.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Micro Extra Light Italic";
  font-weight: 250;
  font-style: italic;
  font-display: swap;
  src: url("webfonts/micro/HelveticaNow-Micro-ExtraLight-Italic.woff2") format("woff2"), url("webfonts/micro/HelveticaNow-Micro-ExtraLight-Italic.woff") format("woff"), url("webfonts/micro/HelveticaNow-Micro-ExtraLight-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Micro Light";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("webfonts/micro/HelveticaNow-Micro-Light.woff2") format("woff2"), url("webfonts/micro/HelveticaNow-Micro-Light.woff") format("woff"), url("webfonts/micro/HelveticaNow-Micro-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Micro Light Italic";
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  src: url("webfonts/micro/HelveticaNow-Micro-Light-Italic.woff2") format("woff2"), url("webfonts/micro/HelveticaNow-Micro-Light-Italic.woff") format("woff"), url("webfonts/micro/HelveticaNow-Micro-Light-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Micro Regular";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("webfonts/micro/HelveticaNow-Micro-Regular.woff2") format("woff2"), url("webfonts/micro/HelveticaNow-Micro-Regular.woff") format("woff"), url("webfonts/micro/HelveticaNow-Micro-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Micro Regular Italic";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("webfonts/micro/HelveticaNow-Micro-Regular-Italic.woff2") format("woff2"), url("webfonts/micro/HelveticaNow-Micro-Regular-Italic.woff") format("woff"), url("webfonts/micro/HelveticaNow-Micro-Regular-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Micro Medium";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("webfonts/micro/HelveticaNow-Micro-Medium.woff2") format("woff2"), url("webfonts/micro/HelveticaNow-Micro-Medium.woff") format("woff"), url("webfonts/micro/HelveticaNow-Micro-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Micro Medium Italic";
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url("webfonts/micro/HelveticaNow-Micro-Medium-Italic.woff2") format("woff2"), url("webfonts/micro/HelveticaNow-Micro-Medium-Italic.woff") format("woff"), url("webfonts/micro/HelveticaNow-Micro-Medium-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Micro Bold";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("webfonts/micro/HelveticaNow-Micro-Bold.woff2") format("woff2"), url("webfonts/micro/HelveticaNow-Micro-Bold.woff") format("woff"), url("webfonts/micro/HelveticaNow-Micro-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Micro Bold Italic";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("webfonts/micro/HelveticaNow-Micro-Bold-Italic.woff2") format("woff2"), url("webfonts/micro/HelveticaNow-Micro-Bold-Italic.woff") format("woff"), url("webfonts/micro/HelveticaNow-Micro-Bold-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Micro Extra Bold";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url("webfonts/micro/HelveticaNow-Micro-ExtraBold.woff2") format("woff2"), url("webfonts/micro/HelveticaNow-Micro-ExtraBold.woff") format("woff"), url("webfonts/micro/HelveticaNow-Micro-ExtraBold.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica Now Micro Extra Bold Italic";
  font-weight: 800;
  font-style: italic;
  font-display: swap;
  src: url("webfonts/micro/HelveticaNow-Micro-ExtraBold-Italic.woff2") format("woff2"), url("webfonts/micro/HelveticaNow-Micro-ExtraBold-Italic.woff") format("woff"), url("webfonts/micro/HelveticaNow-Micro-ExtraBold-Italic.ttf") format("truetype");
}

/*
 * Each family names one individual face, including its weight and italic suffix.
 * Select the exact family and use its matching font-weight/font-style, e.g.:
 * font-family: "Helvetica Now Display Hairline Italic", sans-serif;
 * font-weight: 100;
 * font-style: italic;
 * Changing weight/style alone does not select a separately named family.
 * Update consuming CSS (including bold/italic rules) to select the desired face.
 * Do not rely on faux bold/italic.
 */
.helvetica-now {
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

/* Optional macOS smoothing — omit if you prefer the native subpixel look */
@media screen and (min-resolution: 2dppx) {
  .helvetica-now-smooth {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}