/* The spidee.ai type scale: eight sizes, used by every marketing page.
   Pages reference the tokens (font-size: var(--fs-body)) or the .t- classes; the
   Tailwind pages get the same scale through /tw-config.js, which maps text-sm,
   text-lg, text-3xl and friends onto these tokens. 12px is the smallest size.
   Loaded on every page by scripts/marketing-chrome/stamp.mjs. */
:root{
  --fs-display: clamp(2.6rem, 1.8rem + 2.8vw, 3.75rem); /* home hero only */
  --fs-h1:      clamp(2rem, 1.4rem + 2.2vw, 3rem);       /* page titles */
  --fs-h2:      clamp(1.625rem, 1.3rem + 1.2vw, 2.25rem);/* section titles */
  --fs-h3:      1.375rem;  /* card titles, article headings, prices */
  --fs-lead:    1.125rem;  /* intros, article body */
  --fs-body:    1rem;
  --fs-small:   .875rem;   /* meta, captions under images, footer links */
  --fs-caption: .75rem;    /* eyebrows, tags, legal line */
}
.t-display,.t-h1,.t-h2,.t-h3{font-family:'Fraunces',Georgia,serif;font-weight:600;color:#1B1714;text-wrap:balance}
.t-display{font-size:var(--fs-display);line-height:1.04;letter-spacing:-.022em}
.t-h1{font-size:var(--fs-h1);line-height:1.08;letter-spacing:-.02em}
.t-h2{font-size:var(--fs-h2);line-height:1.12;letter-spacing:-.016em}
.t-h3{font-size:var(--fs-h3);line-height:1.3;letter-spacing:-.006em}
.t-lead-hero,.t-lead{font-size:var(--fs-lead);line-height:1.6}
.t-body{font-size:var(--fs-body);line-height:1.65}
.t-small{font-size:var(--fs-small);line-height:1.5}
.t-caption{font-size:var(--fs-caption);line-height:1.4}