/* ---------------------------------------------------------------------------
   AN EYEBROW IS ALWAYS 11.5/0.2em (§1.2)

   §1.2 makes eyebrows paragraphs deliberately: they carry no document
   structure, so they must not be heading elements. The cost is that every rule
   of the form "paragraphs in this block look like X" catches them, and three
   have: the belief band rendered them at 16.5px, Plan Your Visit at 16.5, and
   Our Story at 17.5 with 3.5px of tracking against the 11.5/2.3 the scale
   specifies. Each was a different file and a different author.

   So it is stated once, here, in the file that sorts last in css/ and therefore
   loads last, at a specificity a per-page rule will not reach by accident. If a
   page genuinely needs a different eyebrow, it needs a different class.

   `!important` is deliberate and is the point of the file: this is a floor, not
   a default.
   --------------------------------------------------------------------------- */
.is-style-eyebrow,
p.is-style-eyebrow,
.tcf-eyebrow {
  font-family: var(--tcf-font-ui) !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
}

/* On ink and on brick the eyebrow keeps its own foreground; only the metrics
   are pinned above. */
.is-style-band-ink .is-style-eyebrow,
.tcf-whats-on .is-style-eyebrow { color: var(--tcf-on-ink-accent); }
.tcf-two-panels__panel--brick .is-style-eyebrow,
.tcf-visit__panel--brick .is-style-eyebrow { color: var(--tcf-on-brick-accent); }

/* The photo-slot label is 10px/400 in both packages, not an eyebrow. */
.tcf-photo-slot__label,
.tcf-photo-slot > span:first-child {
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.1em;
}