/* Poise — webfonts.
   'SF Pro Text' has explicit static cuts for its five used weights
   (400/500/600/700/900) plus the variable master as a fallback for any
   other weight. 'SF Pro' (headlines/numerals, uses the wdth axis) stays on
   the variable master only — none of the static cuts carry that axis.

   These are the real SF Pro faces, subsetted to the glyphs the demo renders
   (Latin + the punctuation and arrows in the source) and repackaged as WOFF2.
   Same outlines, kerning, metrics and variable axes. That took the set from
   52.8 MB to 779 KB, which is what makes font-display: block viable below.
   Rebuild with scripts/subset_fonts.py if the copy ever needs a glyph outside
   that range.

   Two characters in the demo source, U+2500 (─) and U+2715 (✕), are absent
   from SF Pro itself and always have been, so they render from a system
   fallback. Subsetting didn't change that.

   font-display is block, not optional: optional gives the font ~100ms and
   then refuses to use it for that page load, so first-time visitors were
   seeing system fallback rather than SF Pro. At this size the font wins that
   race, and block means we never show the wrong typography. */

@font-face {
  font-family: 'SF Pro';
  src: url('../fonts/SF-Pro.woff2') format('woff2');
  font-weight: 1 1000;
  font-stretch: 30% 150%;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'SF Pro Text';
  src: url('../fonts/SF-Pro-Text-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'SF Pro Text';
  src: url('../fonts/SF-Pro-Text-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'SF Pro Text';
  src: url('../fonts/SF-Pro-Text-Semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'SF Pro Text';
  src: url('../fonts/SF-Pro-Text-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'SF Pro Text';
  src: url('../fonts/SF-Pro-Text-Heavy.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'SF Pro Text';
  src: url('../fonts/SF-Pro.woff2') format('woff2');
  font-weight: 1 1000;
  font-style: normal;
  font-display: block;
}