@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Libre+Franklin:ital,wght@0,400..800;1,400..800&family=Courier+Prime:wght@400;700&display=swap");

:root {
  --paper: #ECE9E1;
  --surface: #F8F7F3;
  --ink: #141414;
  --muted: #57554F;
  --line: #D1CDC3;
  --accent: #B5251C;
  --accent-ink: #FFFFFF;
  --link: #3A4D60;
  --frame: #0A0A0A;
  --caption: #FFFFFF;
  --frame-aspect: 480 / 360;

  --display: "Playfair Display", Didot, "Bodoni 72", Georgia, serif;
  --body: "Libre Franklin", "Franklin Gothic Medium", "Helvetica Neue", Arial, sans-serif;
  --mono: "Courier Prime", "Courier New", ui-monospace, monospace;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #0E0E0F; --surface: #19191B; --ink: #ECEAE4; --muted: #A09E98; --line: #2B2B2E;
    --accent: #E2574C; --accent-ink: #1A0503; --link: #9DB3C8; --frame: #050505; --caption: #FFFFFF;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --paper: #0E0E0F; --surface: #19191B; --ink: #ECEAE4; --muted: #A09E98; --line: #2B2B2E;
  --accent: #E2574C; --accent-ink: #1A0503; --link: #9DB3C8; --frame: #050505; --caption: #FFFFFF;
  color-scheme: dark;
}

.wordmark {
  font-family: var(--display); font-weight: 900;
  font-size: clamp(36px, 6.4vw, 64px); line-height: .95; letter-spacing: -.01em;
}
.wordmark mark { background: none; color: var(--accent); }
.results-head h2, .ptitle h3 { letter-spacing: -.005em; }