@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');
/* Explicit @font-face so the family is declared even if the Google stylesheet import is blocked; the import above supplies the full weight range in normal browser conditions. */
@font-face{
font-family:"Space Grotesk";
font-style:normal;
font-weight:400 700;
font-display:swap;
src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj7oUUsj.ttf) format('truetype');
}
:root{
--font-sans:"Space Grotesk",system-ui,sans-serif;

--text-display:clamp(36px,8vw,64px);
--text-h1:40px;
--text-h2:24px;
--text-h3:22px;
--text-body-lg:18px;
--text-body:15px;
--text-body-sm:14px;
--text-label:13px;
--text-eyebrow:12px;
--text-micro:11px;

--weight-regular:400;
--weight-medium:500;
--weight-semibold:600;
--weight-bold:700;

--leading-tight:1;
--leading-snug:1.35;
--leading-normal:1.5;
--leading-relaxed:1.6;

--tracking-tight:-0.02em;
--tracking-normal:0;
--tracking-wide:0.06em;
--tracking-wider:0.1em;
--tracking-widest:0.14em;
}