/* Brand type system: the one place fonts are defined for every surface
   (course sites, staff view, one-pagers, compare, demo screen, project hub, videos).
   Pages link https://getunlimited.golf/brand/type.css (or /brand/type.css on this site)
   and only ever use the variables below, never a font name.

   Current pick (Oct 9, 2026, option 4): Hubot Sans Expanded for display words,
   Geist for body and every digit, Geist Mono for small labels, codes and tags.

   To change the type: edit the @import URL and the four font variables. Nothing else.
   --display-wdth sets the width axis for display faces that have one (Hubot: 75-125). */
@import url('https://fonts.googleapis.com/css2?family=Hubot+Sans:wdth,wght@75..125,200..900&family=Geist:wght@100..900&family=Geist+Mono:wght@400..700&display=swap');

/* Digits 0-9 only, from Geist. Listed first in --display so big times and prices
   get plain zeros instead of Hubot's barred zero. Drop it from --display to undo. */
@font-face{font-family:'Brand Digits';src:url(https://fonts.gstatic.com/s/geist/v5/gyByhwUxId8gMEwcGFWNOITd.woff2) format('woff2');font-weight:100 900;unicode-range:U+0030-0039;font-display:swap}

:root{
  --display:'Brand Digits','Hubot Sans',system-ui,sans-serif;
  --body:'Geist',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'Geist Mono',ui-monospace,'SF Mono',Menlo,monospace;
  --label:var(--mono);          /* small uppercase labels, codes, tags */
  --label-track:.04em;          /* letter-spacing for labels */
  --display-wdth:125;           /* display width axis (100 = normal) */
  --display-track:-.01em;       /* letter-spacing for display text; tighter makes Hubot's y and comma collide */
}
/* font-variation-settings is inherited and not reset by the `font` shorthand, so this reaches
   every display heading. Faces without a width axis (Geist, Geist Mono) ignore it. */
html{font-variation-settings:"wdth" var(--display-wdth)}
/* Narrow phones: a slightly narrower display width keeps short headings on one line. */
@media (max-width:520px){:root{--display-wdth:112}}