/* CF — type scale. Two families: Bodoni Moda (display serif, from the wordmark)
   for display/H1–H3, Montserrat (support sans, from the tagline banner) for body,
   H4, eyebrows, labels and buttons. The serif never goes below 22px. */
:root{
  --fs-display-1:64px;
  --lh-display-1:1.06; /* @kind font */
  --ls-display-1:0; /* @kind font */
  --fw-display-1:400; /* @kind font */
  --fs-display-2:48px;
  --lh-display-2:1.1; /* @kind font */
  --ls-display-2:0; /* @kind font */
  --fw-display-2:400; /* @kind font */
  --fs-h1:36px;
  --lh-h1:1.16; /* @kind font */
  --ls-h1:0; /* @kind font */
  --fw-h1:400; /* @kind font */
  --fs-h2:28px;
  --lh-h2:1.24; /* @kind font */
  --ls-h2:.002em; /* @kind font */
  --fw-h2:400; /* @kind font */
  --fs-h3:22px;
  --lh-h3:1.3; /* @kind font */
  --ls-h3:0; /* @kind font */
  --fw-h3:500; /* @kind font */
  --fs-h4:18px;
  --lh-h4:1.36; /* @kind font */
  --fw-h4:600; /* @kind font */
  --fs-body-lg:18px;
  --lh-body-lg:1.62; /* @kind font */
  --fs-body:16px;
  --lh-body:1.65; /* @kind font */
  --fs-body-sm:14px;
  --lh-body-sm:1.6; /* @kind font */
  --fs-caption:12px;
  --lh-caption:1.5; /* @kind font */
  --ls-caption:.01em; /* @kind font */
  --fs-eyebrow:11px;
  --lh-eyebrow:1; /* @kind font */
  --ls-eyebrow:.18em; /* @kind font */
  --fw-eyebrow:600; /* @kind font */
  --fs-label:13px;
  --lh-label:1.3; /* @kind font */
  --ls-label:.02em; /* @kind font */
  --fw-label:600; /* @kind font */

  --fw-light:300; /* @kind font */
  --fw-regular:400; /* @kind font */
  --fw-medium:500; /* @kind font */
  --fw-semibold:600; /* @kind font */
  --fw-bold:700; /* @kind font */

  --measure-tight:44ch; /* @kind other */
  --measure:64ch; /* @kind other */
  --measure-wide:76ch; /* @kind other */
}

.cf-display-1{font:var(--fw-display-1) var(--fs-display-1)/var(--lh-display-1) var(--font-display);letter-spacing:var(--ls-display-1)}
.cf-display-2{font:var(--fw-display-2) var(--fs-display-2)/var(--lh-display-2) var(--font-display);letter-spacing:var(--ls-display-2)}
.cf-h1{font:var(--fw-h1) var(--fs-h1)/var(--lh-h1) var(--font-display);letter-spacing:var(--ls-h1)}
.cf-h2{font:var(--fw-h2) var(--fs-h2)/var(--lh-h2) var(--font-display);letter-spacing:var(--ls-h2)}
.cf-h3{font:var(--fw-h3) var(--fs-h3)/var(--lh-h3) var(--font-display);letter-spacing:var(--ls-h3)}
.cf-h4{font:var(--fw-h4) var(--fs-h4)/var(--lh-h4) var(--font-body)}
.cf-body-lg{font:var(--fw-regular) var(--fs-body-lg)/var(--lh-body-lg) var(--font-body)}
.cf-body{font:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-body)}
.cf-body-sm{font:var(--fw-regular) var(--fs-body-sm)/var(--lh-body-sm) var(--font-body)}
.cf-caption{font:var(--fw-regular) var(--fs-caption)/var(--lh-caption) var(--font-body);letter-spacing:var(--ls-caption)}
.cf-eyebrow{font:var(--fw-eyebrow) var(--fs-eyebrow)/var(--lh-eyebrow) var(--font-body);letter-spacing:var(--ls-eyebrow);text-transform:uppercase}
.cf-label{font:var(--fw-label) var(--fs-label)/var(--lh-label) var(--font-body);letter-spacing:var(--ls-label)}
.cf-num{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1}
