/* Big Shoulders shouts. The system font explains. */
:root{
  /* Display scale — always uppercase, always 800 or 900 */
  --wem-size-hero:clamp(32px,6vw,110px);
  --wem-lh-hero:.9; /* @kind other */
  --wem-tracking-hero:-.02em; /* @kind other */

  --wem-size-h2:clamp(38px,5vw,66px);
  --wem-lh-h2:.95; /* @kind other */
  --wem-tracking-h2:-.01em; /* @kind other */

  --wem-size-h2-wide:clamp(40px,5.4vw,72px);
  --wem-size-h3:clamp(34px,4vw,56px);
  --wem-size-card-h3:27px;
  --wem-size-menu-link:30px;

  --wem-size-quote:clamp(24px,2.4vw,36px);
  --wem-lh-quote:1.05; /* @kind other */
  --wem-size-quote-big:clamp(34px,4.6vw,64px);
  --wem-lh-quote-big:.98; /* @kind other */
  --wem-size-quote-two-beat:clamp(30px,3.8vw,52px);

  --wem-size-stat:clamp(58px,6vw,92px);
  --wem-lh-stat:.9; /* @kind other */
  --wem-size-counter:clamp(44px,4.6vw,72px);

  /* Body scale — platform sans */
  --wem-size-lead:clamp(17px,1.5vw,21px);
  --wem-size-body:16px;
  --wem-size-body-sm:14px;
  --wem-size-caption:13px;
  --wem-lh-body:1.6; /* @kind other */
  --wem-lh-body-tight:1.55; /* @kind other */

  /* Labels */
  --wem-size-eyebrow:11px;
  --wem-tracking-eyebrow:.25em; /* @kind other */
  --wem-tracking-attribution:.18em; /* @kind other */
  --wem-size-nav:12.5px;
  --wem-tracking-nav:.14em; /* @kind other */

  /* Weights */
  --wem-weight-display:900; /* @kind other */
  --wem-weight-quote:800; /* @kind other */
  --wem-weight-label:700; /* @kind other */

  /* Measures */
  --wem-measure-h2:13ch; /* @kind other */
  --wem-measure-lead:56ch; /* @kind other */
  --wem-measure-body:60ch; /* @kind other */
  --wem-measure-quote:22ch; /* @kind other */
}