/* Safrawn — type and measure. One scale for the whole site, in custom properties so it can be tuned
   in one place. Bodoni Moda: wordmark and chapter titles. EB Garamond: everything read. IBM Plex Mono:
   small labels, tracked and capitalised. Prose never runs past 64 characters. */
:root {
  --t-body:18px; --t-body-lh:1.7;
  --t-small:15px; --t-small-lh:1.6;
  --t-lead:22px; --t-lead-lh:1.6;
  --t-title:60px; --t-title-lh:1.06;
  --t-name:26px;
  --t-label:10px; --t-label-track:.22em;
  --t-mark:24px; --t-mark-label:10px;
  --measure:58ch;   /* about 64 characters of EB Garamond */
}
@media (max-width:600px) { :root { --t-body:17px; --t-lead:20px; --t-title:40px; --t-name:24px; --t-mark:20px; --t-mark-label:9px; } }
body { font-size:var(--t-body); }
.reading .chapter-title,.reading .statement-title { font-size:var(--t-title); line-height:var(--t-title-lh); }
.reading :is(.chapter-lead,.statement-lead,.exhibit-intro) { font-size:var(--t-lead); line-height:var(--t-lead-lh); max-width:var(--measure); }
.reading :is(.statement-prose,.founder-prose,.quiet-copy,.stitching-copy,.material-value,.principle-copy,.origin-meaning,.updates-copy p) { font-size:var(--t-body); line-height:var(--t-body-lh); max-width:var(--measure); }
.reading .study-notice { font-size:var(--t-small); line-height:var(--t-small-lh); }
.reading :is(.spec-label,.principle-label,.material-label,.founder-label,.image-caption,.image-captions,.sampling-label) { font:var(--t-label)/1.6 "IBM Plex Mono",monospace; letter-spacing:var(--t-label-track); text-transform:uppercase; }
.reading .spec-value { font-size:var(--t-body); }
.reading .founder-name { font-size:var(--t-name); }
.reading .contact-link { font-size:var(--t-body); }
.mark-title { font-size:var(--t-mark); }
.mark-label { font-size:var(--t-mark-label); letter-spacing:var(--t-label-track); }
.selvedge a { font-size:var(--t-label); letter-spacing:.1em; }