/* One grotesk voice, two registers: DISPLAY (heavy, huge) and BODY (regular). Labels are BODY tracked + uppercase. */
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500&display=swap');
:root{
--font-display:'Archivo',Helvetica,Arial,sans-serif; /* statement headlines — 800/900 */
--font-body:'Archivo',Helvetica,Arial,sans-serif; /* paragraphs, asides — 400/500 */
--font-spec:'Archivo',Helvetica,Arial,sans-serif; /* labels, nav, captions — uppercase, tracked */
--font-narrative:'Archivo',Helvetica,Arial,sans-serif; /* italic asides */
/* type scale (px) */
--text-caption:11px;
--text-spec:12px;
--text-body:17px;
--text-lead:21px;
--text-h3:24px;
--text-h2:38px;
--text-h1:68px;
--text-display:128px;
/* tracking */
--track-spec:0.08em;
--track-display:-0.01em;
/* leading */
--leading-spec:1.5;
--leading-body:1.55;
--leading-display:0.92;
}