/* =====================================================================
   SITE TYPE SCALE: one fluid scale for every page (~1.25 ratio).
   Values run from a 375px phone to a 1440px desktop and stop there.
   Overrides the t-* tokens from styles.css; scoped by html.ts-on, which
   assets/components/site-button.js adds.

   level      desktop  mobile  line-height  tracking
   display    72       40      1.05         -0.03em
   h1         56       34      1.10         -0.025em
   h2         44       30      1.15         -0.02em
   h3         32       24      1.25         -0.015em
   h4         24       20      1.30         -0.01em
   h5         20       18      1.40          0
   body L     18       17      1.60          0
   body M     16       15      1.60          0
   ===================================================================== */
:root.ts-on .t-display { font-size: clamp(40px, 3vw + 28.7px, 72px); line-height: 1.05; letter-spacing: -.03em; }
:root.ts-on .t-h1 { font-size: clamp(34px, 2.07vw + 26.3px, 56px); line-height: 1.1; letter-spacing: -.025em; }
:root.ts-on .t-h2 { font-size: clamp(30px, 1.31vw + 25px, 44px); line-height: 1.15; letter-spacing: -.02em; }
:root.ts-on .t-h3 { font-size: clamp(24px, .75vw + 21.2px, 32px); line-height: 1.25; letter-spacing: -.015em; }
:root.ts-on .t-h4 { font-size: clamp(20px, .38vw + 18.6px, 24px); line-height: 1.3; letter-spacing: -.01em; }
:root.ts-on .t-h5 { font-size: clamp(18px, .19vw + 17.3px, 20px); line-height: 1.4; letter-spacing: 0; }
:root.ts-on .t-body-large { font-size: clamp(17px, .09vw + 16.65px, 18px); line-height: 1.6; }
:root.ts-on .t-body-medium { font-size: clamp(15px, .09vw + 14.65px, 16px); line-height: 1.6; }