/* Type scale shared by every page. Nine sizes, each with one job.
   display  84  the one big line on a page (landing greeting, About hello, next-project title)
   --fs-1   64  page titles and closing headlines (case study title, "From Seoul to Pittsburgh", footer)
   --fs-2   44  section titles ("Case studies", "What I design for", case study chapters)
   --fs-3   28  card and block titles, key statements, big numbers in context
   --fs-4   21  lead paragraphs, list titles, timeline roles
   body     18  reading text (17 on phones)
   ui       16  nav, buttons, links, compact descriptions
   sm       14  labels, meta, captions, tags, tooltips
   xs       12  small index numerals only
   The logo wordmark keeps its own size. */
:root{
  --fs-display: clamp(44px, 5.8vw, 84px);
  --fs-1: clamp(36px, 4.4vw, 64px);
  --fs-2: clamp(28px, 3vw, 44px);
  --fs-3: clamp(22px, 1.95vw, 28px);
  --fs-4: clamp(19px, 1.45vw, 21px);
  --fs-body: clamp(17px, 1.25vw, 18px);
  --fs-ui: 16px;
  --fs-sm: 14px;
  --fs-xs: 12px;
}