:root{
--font-grotesk:"For Metra","Helvetica Neue",Helvetica,Arial,sans-serif;
--font-display:var(--font-grotesk);
--font-body:var(--font-grotesk);
--fw-light:300; /* @kind font */
--fw-book:350; /* @kind font */
--fw-regular:400; /* @kind font */
--fw-medium:500; /* @kind font */
--fw-bold:700; /* @kind font */
/* Display scale — uppercase, tight leading (poster style) */
--fs-mega:clamp(64px,10vw,144px); /* @kind font */
--fs-display:clamp(48px,7vw,96px); /* @kind font */
--fs-h1:56px; /* @kind font */
--fs-h2:40px; /* @kind font */
--fs-h3:28px; /* @kind font */
--fs-lead:22px; /* @kind font */
--fs-body:17px; /* @kind font */
--fs-small:14px; /* @kind font */
--fs-micro:12px; /* @kind font */
--lh-display:0.92; /* @kind font */
--lh-heading:1; /* @kind font */
--lh-body:1.4; /* @kind font */
--ls-display:-0.015em; /* @kind font */
--ls-heading:-0.01em; /* @kind font */
--ls-caps:0.02em; /* @kind font */
--type-display-family:var(--font-display);
--type-display-weight:var(--fw-regular); /* @kind font */
--type-body-family:var(--font-body);
--type-body-weight:var(--fw-book); /* @kind font */
}