:root{
--font-sans:'Hanken Grotesk','Neue Haas Grotesk Display','Helvetica Neue',Helvetica,Arial,sans-serif;
--font-serif:'Newsreader','Martina Plantijn','Tiempos Text',Georgia,serif;
--weight-light:300;--weight-regular:400;--weight-medium:500;
/* fluid display sizes (reference 1440 viewport) */
--size-mega:clamp(120px,24vw,420px);      /* KNKO footer */
--size-display-xl:clamp(56px,8.6vw,136px);/* Systematic Clarity & Creativity */
--size-display-l:clamp(44px,6.2vw,96px);  /* Selected Projects, stats numerals */
--size-display-m:clamp(36px,4.6vw,72px);  /* hero name, section sans titles */
--size-serif-xl:clamp(40px,5.6vw,88px);   /* Early-stage ideas…, contact lines */
--size-serif-l:clamp(28px,3.2vw,48px);    /* philosophy statement */
--size-serif-m:clamp(22px,2.3vw,34px);    /* long-form serif paragraph */
--size-body:15px;--size-small:13px;--size-label:13px;--size-micro:11px;
--leading-display:.82;--leading-serif:.92;--leading-statement:1.0;--leading-body:1.3;--leading-tight:1.15;
--tracking-display:-0.045em;--tracking-sans:-0.02em;--tracking-serif:-0.025em;--tracking-body:-0.01em;
--indent-lead:6vw; /* first-line indent on serif statements */
}