Design System

--font-size-display  ·  clamp(2.75rem → 5rem)  ·  44px–80px

Display

--font-size-h1  ·  clamp(2.25rem → 4rem)  ·  36px–64px

Heading 1

--font-size-h2  ·  clamp(1.875rem → 3.2rem)  ·  30px–51px

Heading 2

--font-size-h3  ·  clamp(1.625rem → 2.25rem)  ·  26px–36px

Heading 3

--font-size-largebody  ·  clamp(1.375rem → 1.625rem)  ·  22px–26px

Large body — used for the about headline and lead copy. Sits between h3 and body in the scale.

--font-size-body  ·  clamp(1.125rem → 1.25rem)  ·  18px–20px

Body — the default paragraph size. Used across all content blocks, case study sections, and meta items. Readable at all viewport widths with fluid scaling.

--font-size-small  ·  1.1rem  ·  ~17.6px fixed

Small — labels, captions, nav items, footer text, CTAs

--font-size-nav  ·  1.1rem  ·  ~17.6px fixed

Nav — matches small; separate token for independent control