/* ==========================================================================
   Labels — the one place that sets how the small labels look, site-wide.

   Covers every .chip (the label above a hero title or a section heading) and
   the service mark after STEALTH (.smk). Each page links this file after its
   own styles; the pages themselves only set a label's colour and spacing.
   Change the look here and every page follows.

   It lives under /custom/ because files there are cached for an hour, where
   /assets/ files are cached for a week (see public/_headers): a change made
   here reaches returning visitors within the hour.

   The label text in the pages is written in Title Case. That suits small caps
   (each word gets a large initial) and is harmless for all-caps styles.
   ========================================================================== */

/* Current look: Times New Roman small caps, set like the logo wordmark
   (regular weight, barely tracked). */
.chip{
  font-family:'Times New Roman',Times,serif;
  font-variant-caps:small-caps;
  text-transform:none;
  font-size:17px;
  line-height:1.1;
  letter-spacing:.015em;
  font-weight:400;
}

/* Previous look: monospace all-caps. To go back, delete the rule above and
   uncomment this one.
.chip{
  font-family:'IBM Plex Mono',monospace;
  font-variant-caps:normal;
  text-transform:uppercase;
  font-size:11px;
  line-height:1.55;
  letter-spacing:.16em;
  font-weight:600;
}
*/

/* Landing pages (<body class="lp">: the industry pages, the STEALTH page, the
   Blueprint): the labels further down the page are set in bold, which holds up
   better at this size on the dark background. The hero label (.pgtop) stays
   regular weight. */
.lp .chip:not(.pgtop){
  font-weight:700;
}

/* Numbered step headers ("01  Find Your World"): bold serif small caps. 18px
   makes the small capitals as tall as the 12px monospace capitals they replace.
   Each page still sets the colours and the number's gold badge. */
.jstep .n{
  font-family:'Times New Roman',Times,serif;
  font-size:17px;
  line-height:1;
  letter-spacing:.02em;
  font-weight:700;
}
.jstep .t{
  font-family:'Times New Roman',Times,serif;
  font-variant-caps:small-caps;
  text-transform:none;
  font-size:18px;
  line-height:1.1;
  letter-spacing:.03em;
  font-weight:700;
}

/* Gentler small caps (set up by /custom/labels.js, which adds .caps-on and wraps
   the capitals in .cp). Every letter is a capital at the base size below, and
   the letters typed as capitals are a few points larger. The base sizes
   keep the small letters as tall as they were in the browser's own small caps.
   To go back to those, remove the labels.js script tag from the pages, or
   delete this block. */
.cp{font-size:1.3em;}   /* halfway between level with the small letters and a browser's own small caps (about 1.43) */
html.caps-on .chip{font-variant-caps:normal; text-transform:uppercase; font-size:12.5px; letter-spacing:.05em;}
html.caps-on .jstep .t{font-variant-caps:normal; text-transform:uppercase; font-size:13px; letter-spacing:.06em;}
/* the home page's watch diagram */
html.caps-on .netdemo .cap .k{font-variant-caps:normal; text-transform:uppercase; font-size:11.5px; letter-spacing:.06em;}
html.caps-on .nd-node text{font-variant-caps:normal; text-transform:uppercase; font-size:12px; letter-spacing:.06em;}
@media (max-width:700px){ html.caps-on .netdemo .nd-node text{font-size:19px;} }
/* the service mark is sized from its label, which is now set smaller */
html.caps-on .chip .smk{font-size:.66em; top:-.6em;}

/* The service mark after STEALTH: small and raised, about a quarter of the
   height of the text it follows. */
.smk{
  font-size:.5em;
  line-height:0;
  position:relative;
  top:-.62em;
  margin-left:.05em;
  letter-spacing:0;
  font-variant-caps:normal;
  font-weight:400;
  vertical-align:baseline;
}