:root{
--font-serif:'Young Serif',Georgia,serif;      /* headlines · pull quotes · wordmark · weight 400 only, never all-caps */
--font-body:'Karla',sans-serif;                /* body · ui · captions · 400-600 */
--font-mono:'Courier Prime',monospace;         /* field-note voice · data · dates · margins */
/* scale observed in the brand book */
--text-display:92px;   /* cover statements */
--text-h1:40px;        /* section headlines */
--text-pullquote:25px; /* serif pull statements */
--text-lede:19px;      /* serif ledes */
--text-body-lg:17px;   /* generous body */
--text-body-md:15px;   /* default body */
--text-body-sm:13.5px; /* dense body */
--text-mono-md:13px;   /* field notes */
--text-mono-sm:12px;   /* margin annotations */
--text-mono-xs:11px;   /* captions, hex labels */
--leading-display:1.04;
--leading-heading:1.1;
--leading-serif:1.25;
--leading-body:1.55;
--leading-mono:1.7;
/* the pen underline — one per layout, always oxblood, on the operative word */
--pen-underline:underline; /* @kind other */
}
.pen-underline{text-decoration:underline;text-decoration-color:var(--oxblood);text-decoration-thickness:3px;text-underline-offset:0.14em}
.pen-underline-thin{text-decoration:underline;text-decoration-color:var(--oxblood);text-decoration-thickness:2px;text-underline-offset:0.14em}