:root{
--font-sans:'Montserrat',Helvetica,Arial,sans-serif;
--font-display:'Draper','Montserrat',sans-serif; /* all-caps display face */

/* Weights — the brand leans light */
--fw-thin:100; /* @kind font */ 
--fw-extralight:200; /* @kind font */ 
--fw-light:300; /* @kind font */ 
--fw-regular:400; /* @kind font */ 
--fw-medium:500; /* @kind font */ 
--fw-semibold:600; /* @kind font */ 
--fw-bold:700; /* @kind font */ 

/* Display (Draper, uppercase) */
--type-mega:clamp(30px,9.6vw,172px); /* @kind font */ /* watermark section title */
--type-display-xl:clamp(34px,7.2vw,120px); /* @kind font */ /* "IDEIA?" */
--type-display-l:clamp(26px,5vw,80px); /* @kind font */ /* case title */
--type-display-m:clamp(22px,2.9vw,42px); /* @kind font */ /* section heading */
--type-marquee:clamp(22px,3.1vw,44px); /* @kind font */ 

/* Montserrat */
--type-statement:clamp(22px,2.5vw,38px); /* @kind font */ /* extralight 200 manifesto */
--type-number:clamp(44px,4.6vw,68px); /* @kind font */ /* thin 100 step numbers */
--type-lede:clamp(17px,1.7vw,24px); /* @kind font */ /* extralight hero lede */
--type-h3:clamp(17px,1.5vw,21px); /* @kind font */ /* bold card titles */
--type-body-l:16px; /* @kind font */ 
--type-body:15px; /* @kind font */ 
--type-body-s:14px; /* @kind font */ 
--type-ui:13px; /* @kind font */ 
--type-caption:12px; /* @kind font */ 
--type-label:11px; /* @kind font */ 
--type-micro:10px; /* @kind font */ 

--lh-tight:1; /* @kind font */ 
--lh-display:1.12; /* @kind font */ 
--lh-statement:1.22; /* @kind font */ 
--lh-body:1.6; /* @kind font */ 
--lh-relaxed:1.65; /* @kind font */ 

--ls-tight:-0.02em; /* @kind font */ 
--ls-statement:-0.015em; /* @kind font */ 
--ls-ui:.08em; /* @kind font */ 
--ls-label:.12em; /* @kind font */ 
--ls-caps:.24em; /* @kind font */ 
--ls-wide:.34em; /* @kind font */ 
--ls-widest:.42em; /* @kind font */ 
}