:root{
/* Families */
--font-brand:"Stretch Pro","Archivo",sans-serif;   /* MASTHEAD FACE: wordmark, HC monogram, one masthead moment per page (a giant figure or single word). Never body, never paragraphs. */
--font-display:"Instrument Serif",Georgia,serif;   /* headlines & felt lines only, never below 28px */
--font-sans:"Archivo","Helvetica Neue",sans-serif; /* body, nav, captions, reports, the wordmark */
/* Weights */
--weight-body:400;
--weight-medium:500;
--weight-mark:600;         /* wordmark: medium–semibold */
/* Tracking */
--track-mark:.02em;        /* Stretch Pro is already wide — tracking sits tight */
--track-label:.16em;       /* micro-labels: SELECTED WORK, 01 — FUNCTIONS */
/* Scale */
--text-hero:clamp(44px,6vw,80px);
--text-display:40px;       /* serif display floor is 28px */
--text-title:28px;
--text-body-size:16px;
--text-small:14px;
--text-label:11px;         /* micro-labels, uppercase */
--text-masthead:clamp(80px,12.5vw,240px); /* the one Stretch Pro moment per page */
--leading-display:1.05;
--leading-body:1.55;
/* Numbers: display serif, lining/tabular figures */
--numeric:"tnum" 1,"lnum" 1; /* @kind other */
}
body{font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--leading-body);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased}
a{color:var(--text-body);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ink-40)}
a:hover{text-decoration-color:var(--accent);color:var(--text-body)}