/* ============================================================================
   SIDEHILL PLUMBING & HEATING — the font files the site loads. They are
   hosted with the site (the fonts/ folder), so no request goes to a font
   service.

     Montserrat   headlines, buttons, labels, prices
     Archivo      everything you read

   You only need this file if you change typefaces: put the new .woff2 files
   in fonts/, point the rules below at them, and update the --ff tokens at
   the top of styles.css to the new family names.

   These rules sit apart from styles.css on purpose. The homepage inlines
   them (serve.py copies this file into index.html along with the first-screen
   styles), and a font declared twice is fetched twice.
   ============================================================================ */
@font-face{
  font-family:'Montserrat';
  src:url(fonts/montserrat.woff2) format('woff2');
  font-weight:400 900;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Archivo';
  src:url(fonts/archivo.woff2) format('woff2');
  font-weight:400 700;font-style:normal;font-display:swap;
}
/* Stand-ins shown for the instant before a web font arrives. Each is a
   system font scaled to the same width as the real one, so lines break in
   the same places and nothing jumps when the swap happens. */
@font-face{
  font-family:'Montserrat Fallback';
  src:local('Arial Bold'),local('Arial-BoldMT'),local('Helvetica Bold'),local('Helvetica-Bold'),local('Roboto Bold'),local('Roboto-Bold');
  font-weight:400 700;
  size-adjust:107%;       /* measured: Montserrat 600 to 700 runs 5 to 9% wider than Arial Bold */
}
@font-face{
  font-family:'Montserrat Fallback';
  src:local('Arial Bold'),local('Arial-BoldMT'),local('Helvetica Bold'),local('Helvetica-Bold'),local('Roboto Bold'),local('Roboto-Bold');
  font-weight:800 900;
  size-adjust:113%;       /* measured: Montserrat 800 is 113% as wide as Arial Bold */
}
@font-face{
  font-family:'Archivo Fallback';
  src:local('Arial'),local('ArialMT'),local('Helvetica'),local('Roboto');
  font-weight:400 500;
  size-adjust:98.4%;
}
@font-face{
  font-family:'Archivo Fallback';
  src:local('Arial Bold'),local('Arial-BoldMT'),local('Helvetica Bold'),local('Helvetica-Bold'),local('Roboto Bold'),local('Roboto-Bold');
  font-weight:600;
  size-adjust:94.8%;
}
@font-face{
  font-family:'Archivo Fallback';
  src:local('Arial Bold'),local('Arial-BoldMT'),local('Helvetica Bold'),local('Helvetica-Bold'),local('Roboto Bold'),local('Roboto-Bold');
  font-weight:700;
  size-adjust:98%;
}