/* Site-wide design polish (2026-10-28 design audit).
   Loaded at the end of <head>, after each page's inline <style>, so these
   rules win on source order without !important.

   1. Two deeper shades of Bridge Blue for TEXT. Bridge Blue #90A9EC stays the
      band, button and accent colour, but as text on cream it measures 2.2:1,
      under the WCAG minimum (4.5:1 small text, 3:1 large). The inline styles
      now point their blue text at these tokens:
        --periwinkle-deep  large italic headline emphasis, numbers, quotes (3.1:1+)
        --periwinkle-ink   small labels, eyebrows, links, prices (4.7:1+)
   2. Typography: balanced headline wrapping, no single-word last lines in
      paragraphs, and the hero sentences set in readable sentence case. */

:root {
  --periwinkle-deep: #5979CF;
  --periwinkle-ink: #415DAA;
}

html { -webkit-text-size-adjust: 100%; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }

h1, h2, h3, h4, blockquote { text-wrap: balance; }
p, li, figcaption, dd { text-wrap: pretty; }

/* Homepage hero: the sentence under the headline and the credentials line
   were set in small letterspaced capitals, three lines each. Sentences read
   faster in sentence case. Same words, same order. */
.hero-sub {
  font-family: var(--sans);
  text-transform: none;
  letter-spacing: 0;
  font-size: 19px;
  line-height: 1.6;
  font-weight: 400;
  color: var(--plum);
  max-width: 34em;
}
@media (max-width: 640px) {
  .hero-sub { font-size: 17px; line-height: 1.6; }
}

/* Press strip: the round Denver 7 mark reads small at the strip's 36px height. */
.marquee-track img[src*="denver7-flat"] { height: 46px; }