:root{
--font-display:"Bricolage Grotesque","Instrument Sans",system-ui,sans-serif;--font-body:"Instrument Sans",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;
--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:40px;--text-4xl:56px;--text-5xl:76px;
--lh-tight:1.05;/* @kind other */--lh-snug:1.25;/* @kind other */--lh-body:1.55;/* @kind other */--tracking-display:-0.025em;--tracking-eyebrow:0.12em;
}
.h-display{font:600 var(--text-5xl)/var(--lh-tight) var(--font-display);letter-spacing:var(--tracking-display)}
.h1{font:600 var(--text-4xl)/var(--lh-tight) var(--font-display);letter-spacing:var(--tracking-display)}
.h2{font:600 var(--text-3xl)/var(--lh-snug) var(--font-display);letter-spacing:-0.02em}
.h3{font:600 var(--text-2xl)/var(--lh-snug) var(--font-display);letter-spacing:-0.01em}
.h4{font:600 var(--text-xl)/var(--lh-snug) var(--font-display)}
.body{font:400 var(--text-base)/var(--lh-body) var(--font-body)}
.body-lg{font:400 var(--text-lg)/var(--lh-body) var(--font-body)}
.small{font:400 var(--text-sm)/1.45 var(--font-body)}
.eyebrow{font:600 var(--text-xs)/1 var(--font-body);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}
.mono{font:400 var(--text-sm)/1.4 var(--font-mono)}