@import url('fonts/public-sans.css');
:root{--font-family:'Public Sans',Arial,sans-serif;--font-regular:400;--font-bold:700;--type-display:clamp(3.5rem,7.78vw,7rem);--type-page:clamp(2.5rem,3.89vw,3.5rem);--type-section:clamp(1.875rem,2.78vw,2.5rem);--type-item:clamp(1.5rem,1.95vw,1.75rem);--type-lead:clamp(1.25rem,1.53vw,1.375rem);--type-body:1.125rem;--type-ui:1rem;--type-caption:.875rem;--measure-reading:65ch;--measure-intro:48ch}
.display{font:700 var(--type-display)/1 var(--font-family);letter-spacing:-.045em;max-width:14ch;text-wrap:balance}
.page-title{font:700 var(--type-page)/1.08 var(--font-family);letter-spacing:-.035em;text-wrap:balance}
.section-title{font:700 var(--type-section)/1.15 var(--font-family);letter-spacing:-.025em;text-wrap:balance}
.item-title{font:700 var(--type-item)/1.2 var(--font-family);letter-spacing:-.015em;text-wrap:balance}
.lead{font:400 var(--type-lead)/1.5 var(--font-family);letter-spacing:0;max-width:var(--measure-intro)}
.body-copy{font:400 var(--type-body)/1.65 var(--font-family);letter-spacing:0;max-width:var(--measure-reading)}
.ui{font:700 var(--type-ui)/1.4 var(--font-family);letter-spacing:0}
.caption{font:400 var(--type-caption)/1.5 var(--font-family);letter-spacing:0}