/* All px values are authored for a 1080 × 1350 timeline (4:5).
   Divide by 2.5 for a 432-wide preview, by 1080/w for any other width. */
:root {
  /* Roles — size / line-height / tracking / weight */
  --series-size: 96px;
  --series-lh: 1; /* @kind other */
  --series-track: 0.22em;
  --series-weight: 400; /* @kind font */

  --episode-size: 116px;
  --episode-lh: 1.06; /* @kind other */
  --episode-track: -0.01em;
  --episode-weight: 400; /* @kind font */

  --kicker-size: 30px;      /* "Episode One" above the title */
  --kicker-track: 0.28em;
  --kicker-weight: 500; /* @kind font */

  --narration-size: 58px;
  --narration-lh: 1.28; /* @kind other */
  --narration-track: 0.004em;
  --narration-weight: 400; /* @kind font */
  --narration-measure: 24ch; /* @kind other */   /* hard wrap; never more than 2 lines */

  --narration-quiet-size: 50px;   /* asides, trailing fragments */

  --record-size: 30px;      /* evidence metadata labels */
  --record-lh: 1.34; /* @kind other */
  --record-track: 0.1em;
  --record-weight: 500; /* @kind font */

  --record-micro-size: 24px;   /* file names, exif runs, disclaimers */
  --record-micro-track: 0.06em;

  --endcard-size: 72px;
  --endcard-lh: 1.14; /* @kind other */
  --cta-size: 34px;
  --cta-track: 0.16em;

  /* Optical size axis (Newsreader) — larger opsz for display, text for captions */
  --opsz-display: 60; /* @kind font */
  --opsz-caption: 20; /* @kind font */
}