/* Type scale transcribed from the Brand-Typography frame.
   Headings: ExtraBold 800 / line-height 100% / tracking -4%.
   Body: SemiBold 600 / line-height 100% / tracking -2%.
   Buttons: Bold 700 / line-height 100% / tracking -2%. */
:root{
  --weight-body:600;
  --weight-button:700;
  --weight-display:800;

  --tracking-display:-0.04em;
  --tracking-body:-0.02em;
  --tracking-wordmark:-0.06em;

  --leading-tight:100%;

  /* Headings */
  --text-h1:128px;
  --text-h2:72px;
  --text-h3:60px;
  --text-h4:40px;
  --text-h5:36px;
  --text-h6:28px;

  /* Body */
  --text-body-1:36px;
  --text-body-2:28px;
  --text-body-3:20px;
  --text-small:14px;

  /* Button labels */
  --text-button-lg:24px;
  --text-button-md:16px;
  --text-button-sm:14px;

  /* Editorial sizes used verbatim on the Studio website frame */
  --text-hero-statement:58px;   /* line-height 72px */
  --text-hero-lead:65px;        /* footer e-mail, line-height 100px */
  --text-section-eyebrow:20px;  /* ExtraBold label above a value */
}

.mux-h1,.mux-h2,.mux-h3,.mux-h4,.mux-h5,.mux-h6{font-family:var(--font-display);font-weight:var(--weight-display);line-height:var(--leading-tight);letter-spacing:var(--tracking-display);color:var(--text-primary);margin:0}
.mux-h1{font-size:var(--text-h1)}
.mux-h2{font-size:var(--text-h2)}
.mux-h3{font-size:var(--text-h3)}
.mux-h4{font-size:var(--text-h4)}
.mux-h5{font-size:var(--text-h5)}
.mux-h6{font-size:var(--text-h6)}
.mux-body-1,.mux-body-2,.mux-body-3,.mux-small{font-family:var(--font-core);font-weight:var(--weight-body);line-height:var(--leading-tight);letter-spacing:var(--tracking-body);color:var(--text-primary);margin:0}
.mux-body-1{font-size:var(--text-body-1)}
.mux-body-2{font-size:var(--text-body-2)}
.mux-body-3{font-size:var(--text-body-3)}
.mux-small{font-size:var(--text-small)}
.mux-wordmark{font-family:var(--font-wordmark);font-weight:800;letter-spacing:var(--tracking-wordmark);line-height:100%;color:var(--text-primary)}