:root { --font-heading: 'Space Grotesk', system-ui, sans-serif; --font-body: 'Inter', system-ui, sans-serif; } body { font-family: var(--font-body); font-size: 16px; line-height: 1.625; color: var(--text-body, #525252); } h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); font-weight: 700; color: var(--brand-dark, #171717); margin: 0 0 0.5em; } h1 { font-size: clamp(40px, 6vw, 72px); line-height: 1.15; } h2 { font-size: clamp(32px, 4vw, 48px); line-height: 1.1; } h3 { font-size: clamp(24px, 2.5vw, 30px); line-height: 1.2; } h4 { font-size: clamp(20px, 2vw, 24px); line-height: 1.33; } h5 { font-size: 20px; line-height: 1.4; } h6 { font-size: 16px; line-height: 1.5; } p { margin: 0 0 1em; } a { color: var(--cta, #22667b); text-decoration: none; transition: color .15s; } a:hover { color: var(--cta-accent, #60a5fa); }  .eyebrow { font-family: var(--font-body); font-size: 14px; font-weight: 500; line-height: 1.4; text-transform: uppercase; letter-spacing: 0.7px; color: #737373; display: inline-block; }  .text-large { font-size: 20px; line-height: 1.5; } .text-small { font-size: 14px; line-height: 1.43; } .text-caption { font-size: 12px; line-height: 1.33; }