/*
  Same Ground typography — taken from the branding pitch deck.

  Role        Typeface           Use
  script      P22 Allyson Pro    Hero titles, package names, numerals, sign-offs. Large sizes only.
  display     Instrument Serif   Section titles, project names, the studio intro (Google Fonts, free).
  body        Gitan Latin        Running text, quotes (italic), cover kickers (italic caps).
  label       Beirut             Small uppercase labels: "THIS IS FOR YOU IF:", "TIMELINE".
  nav         P22 Underground    Navigation and small interface text.

  Where each face comes from (see README, "Fonts"):
  P22 Allyson Pro, P22 Underground  Adobe Fonts web project (included with Creative Cloud)
  Instrument Serif                  Google Fonts, free (loaded in build.mjs)
  Gitan Latin, Beirut               Licensed webfonts placed in assets/fonts/
  The second name in each stack is a free Google Fonts stand-in used until the real face is set up.
*/
:root {
  --font-script: "p22-allyson-pro", "Pinyon Script", "Snell Roundhand", cursive;
  --font-display: "Instrument Serif", Georgia, "Times New Roman", serif;
  --font-body: "Gitan Latin", "Alegreya Sans", "Helvetica Neue", Arial, sans-serif;
  --font-label: "Beirut", "p22-underground", "Jost", "Helvetica Neue", Arial, sans-serif;
  --font-nav: "p22-underground", "Jost", "Helvetica Neue", Arial, sans-serif;

  /* Scale, in the deck's proportions (1920px slide: 150 / 100 / 50 / 30 / 20 / 15). */
  --type-hero: clamp(48px, 7.8vw, 150px);
  --type-title: clamp(38px, 5.2vw, 100px);
  --type-heading: clamp(26px, 2.6vw, 50px);
  --type-lead: clamp(19px, 1.6vw, 30px);
  --type-body: clamp(16px, 1.05vw, 20px);
  --type-small: 15px;
  --type-label: 13px;
}

.t-script { font-family: var(--font-script); font-weight: 400; letter-spacing: 0; }
.t-display { font-family: var(--font-display); font-weight: 400; letter-spacing: -0.01em; }
.t-label { font-family: var(--font-label); font-size: var(--type-label); text-transform: uppercase; letter-spacing: 0.08em; }
.t-nav { font-family: var(--font-nav); font-size: var(--type-small); }