/* Stryx Labs: the type of the whole main site, behind tokens. Every page loads this one file.
   Display: Arno Pro, its Light Display cut and the true Light Italic Display (a display optical size).
   Text: Verlag (Book, Book Italic, Bold). Both from the owner's font set, as local WOFF2 copies cut to Latin.
   The fallback faces below are sized from the font files themselves, so a late font does not move the page. */

@font-face { font-family: "Arno Display"; src: url("../fonts/arno-light-display.woff2?v=20261016") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Arno Display"; src: url("../fonts/arno-light-italic-display.woff2?v=20261016") format("woff2"); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: "Arno"; src: url("../fonts/arno-italic.woff2?v=20261016") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Verlag"; src: url("../fonts/verlag-book.woff2?v=20261016") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Verlag"; src: url("../fonts/verlag-book-italic.woff2?v=20261016") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Verlag"; src: url("../fonts/verlag-bold.woff2?v=20261016") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Arno Display Fallback"; src: local("Georgia"); size-adjust: 75.4%; ascent-override: 91.3%; descent-override: 41.4%; line-gap-override: 26.5%; }
@font-face { font-family: "Verlag Fallback"; src: local("Segoe UI"); size-adjust: 87.2%; ascent-override: 91.8%; descent-override: 22.9%; line-gap-override: 22.9%; }

:root {
  --font-display: "Arno Display", "Arno Display Fallback", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --font-serif: "Arno", "Arno Display Fallback", "Iowan Old Style", Georgia, serif;
  --font-text: "Verlag", "Verlag Fallback", "Avenir Next", Avenir, "Century Gothic", "Segoe UI", system-ui, sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", Consolas, "SF Mono", Menlo, monospace;   /* no third face is shipped: code and figures use the system's own */
  /* the scale: rem first, a small share of the width, a rem limit. Each size reaches its limit near 2100 px wide, so on a
     large screen text is fixed in CSS px and follows browser zoom (Ctrl + and -) exactly (WCAG 1.4.4). Never a vw or
     vh size alone, never a root font-size step by width: both ignore zoom. 1920 px wide keeps the sizes it had. */
  --size-title: clamp(2.5rem, 1.5rem + 4.2vw, 7rem);
  --size-line: clamp(1.6rem, 1rem + 2.4vw, 4rem);
  --size-lede: clamp(1rem, 0.85rem + 0.3vw, 1.25rem);
  --size-ui: clamp(0.875rem, 0.75rem + 0.2vw, 1rem);
  --size-small: clamp(0.8125rem, 0.7rem + 0.17vw, 0.9375rem);
  --track-title: -0.022em;
  --track-title-italic: -0.012em;
  --track-ui: 0.035em;
  --track-label: 0.34em;
  --lead-title: 0.98;
  --lead-text: 1.55;
}