:root{
--f-display:'Jost','Futura','Century Gothic',Arial,sans-serif; /* @kind font */ /* headings: Medium, all-caps, tracked loose */
--f-body:'Newsreader','EB Garamond',Georgia,serif; /* @kind font */ /* body copy */
--f-ui:'Jost','Futura','Century Gothic',Arial,sans-serif; /* @kind font */ /* pills, buttons, small links */
--f-mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace; /* @kind font */ /* labels, numbers and the receipts */

/* Display scale: Jost Medium in capitals, tight line height (1.05-1.15), loose tracking */
--type-mega:500 clamp(40px,8vw,150px)/1.05 var(--f-display);
--type-section:500 clamp(40px,7.5vw,136px)/1.05 var(--f-display);
--type-case-title:500 clamp(42px,8vw,150px)/1.05 var(--f-display);
--type-next:500 clamp(36px,6vw,108px)/1.05 var(--f-display);
--type-email:500 clamp(24px,4.4vw,76px)/1.1 var(--f-display);
--type-marquee:500 clamp(22px,2.6vw,42px)/1.1 var(--f-display);
--type-tagline:500 clamp(22px,2.1vw,34px)/1.1 var(--f-display);
--type-project:500 clamp(22px,2.2vw,34px)/1.1 var(--f-display);
--type-article:500 clamp(20px,1.9vw,30px)/1.15 var(--f-display);
--type-lede:italic 400 clamp(21px,2vw,30px)/1.4 var(--f-body);
--type-nav:500 clamp(18px,1.5vw,24px)/1.15 var(--f-display);
--type-card-title:500 15px/1.15 var(--f-display);
/* Body: Newsreader, generous line height, slightly tightened */
--type-body-lg:400 clamp(18px,1.4vw,21px)/1.65 var(--f-body);
--type-body:400 17px/1.6 var(--f-body);
--type-body-sm:400 16px/1.55 var(--f-body);
/* UI */
--type-pill:500 13px/1 var(--f-ui);
--type-pill-sm:500 11px/1 var(--f-ui);
--type-button:500 14px/1.2 var(--f-ui);
/* Labels (uppercase, tracked) */
--type-label:500 12px var(--f-mono);
--type-label-sm:500 11.5px var(--f-mono);
--type-label-xs:500 11px var(--f-mono);

--tracking-display:0.06em;--tracking-display-tight:0.04em;--tracking-title:0.05em;--tracking-email:0.02em;
--tracking-body:-0.01em;
--tracking-label:0.06em;--tracking-meta:0.05em;--tracking-pill:0.08em;--tracking-button:0.01em;
}