/* Type — every size/weight/tracking below is transcribed from the .fig.
   House tracking is -0.03em almost everywhere; ASCII blocks use -0.02em. */
:root{
  --font-display:"ABC Gaisyr Superfamily",Georgia,serif;
  --font-mono-condensed:"ABC Diatype Mono Condensed",ui-monospace,"SF Mono",Menlo,monospace;
  --font-mono-compressed:"ABC Diatype Mono Compressed",ui-monospace,"SF Mono",Menlo,monospace;
  --font-index:"ABC Connect Mono Nail",ui-monospace,"SF Mono",Menlo,monospace;
  --font-index-alt:"ABC Connect Mono Hex",ui-monospace,"SF Mono",Menlo,monospace;
  --font-ascii:"PP Model Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --font-slab:"ABC Daily Slab",Georgia,serif;

  --fw-thin:200; /* @kind font */
  --fw-light:300; /* @kind font */
  --fw-regular:400; /* @kind font */
  --fw-super:800; /* @kind font */

  --track-house:-0.03em;
  --track-ascii:-0.02em;

  --lh-solid:100%;
  --lh-ascii:1.2; /* @kind font */

  /* sizes, exactly as used */
  --size-ascii-sm:12px;
  --size-ascii-md:14px;
  --size-ascii-lg:18px;
  --size-micro:15px;
  --size-counter:20px;
  --size-meta:24px;
  --size-index-year:25px;
  --size-link:30px;
  --size-display:45px;
  --size-index:60px;
}

/* utility classes — the same specimens the components use */
.ll-menu-link{font-family:var(--font-display);font-weight:var(--fw-light);font-size:var(--size-meta);line-height:var(--lh-solid);letter-spacing:var(--track-house);color:var(--text-on-dark)}
.ll-display{font-family:var(--font-display);font-weight:var(--fw-thin);font-size:var(--size-display);line-height:var(--lh-solid);letter-spacing:var(--track-house);color:var(--text-display)}
.ll-display-mono{font-family:var(--font-mono-condensed);font-weight:var(--fw-light);font-size:var(--size-display);line-height:var(--lh-solid);letter-spacing:var(--track-house);color:var(--text-display)}
.ll-display-index{font-family:var(--font-index);font-weight:var(--fw-regular);font-size:var(--size-display);line-height:var(--lh-solid);letter-spacing:var(--track-house);color:var(--text-display)}
.ll-body{font-family:var(--font-display);font-weight:var(--fw-light);font-size:var(--size-link);line-height:1.15;letter-spacing:var(--track-house);color:var(--text-display)}
.ll-project-title{font-family:var(--font-slab);font-weight:700;font-size:var(--size-meta);line-height:var(--lh-solid);letter-spacing:var(--track-house);color:var(--text-body)}
.ll-meta{font-family:var(--font-mono-condensed);font-weight:var(--fw-light);font-size:var(--size-meta);line-height:var(--lh-solid);letter-spacing:var(--track-house);color:var(--text-meta)}
.ll-index-row{font-family:var(--font-index);font-weight:var(--fw-regular);font-size:var(--size-index);line-height:var(--lh-solid);letter-spacing:var(--track-house);color:var(--text-body)}
.ll-index-heading{font-family:var(--font-mono-compressed);font-weight:var(--fw-light);font-size:var(--size-index);line-height:var(--lh-solid);letter-spacing:var(--track-house);color:var(--text-body)}
.ll-index-year{font-family:var(--font-mono-condensed);font-weight:var(--fw-regular);font-size:var(--size-index-year);line-height:var(--lh-solid);letter-spacing:var(--track-house);color:var(--text-body)}
.ll-footer-link{font-family:var(--font-mono-condensed);font-weight:var(--fw-regular);font-size:var(--size-link);line-height:var(--lh-solid);letter-spacing:var(--track-house);color:var(--text-on-dark)}
.ll-ascii{font-family:var(--font-ascii);font-weight:var(--fw-super);font-size:var(--size-ascii-sm);line-height:var(--lh-ascii);letter-spacing:var(--track-ascii);color:var(--ll-true-white);white-space:pre}