/* Her pages' own scale, on top of the studio tokens (design/tokens.css owns everything up to --fs-cover and the
   spacing steps). One copy for all pages, so her name, a section heading, the quote and a button are the same on each.
   Loaded after tokens.css. */
:root {
  --serif: "Spectral", Georgia, "Times New Roman", serif;   /* display only, 2rem and up */
  --font: "Onest", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --ls-serif: -0.02em;

  --fs-d1: clamp(3.2rem, 8.6vw, 7.6rem);   /* her name */
  --fs-d2: clamp(2.2rem, 4.6vw, 3.6rem);   /* a section heading */
  --fs-d3: clamp(2.1rem, 4.8vw, 4rem);     /* the quote */
  --fs-d4: clamp(1.6rem, 3.2vw, 2.6rem);   /* contacts, the translation's title, a variant's name */
  --fs-row: clamp(1.15rem, 1.8vw, 1.45rem);/* a title in a list */

  --wrap: 1160px; --gutter: max(16px, 5vw);  /* the content column and its side margins */
  --section: clamp(4.5rem, 11vh, 7.5rem);  /* air above a section */
  --hero-top: 6.5rem;                      /* the first screen starts under the header or the dock */
  --btn-pad: .85em 1.35em;                 /* the main button */
  --pill-pad: .6em 1.05em;                 /* a small pill: parts of the translation */
  --dur-reveal: .9s;                       /* a section rising into place */
}