@import url('https://fonts.googleapis.com/css2?family=Spectral:wght@400;500&family=Inter:wght@400;500;600&display=swap');
:root {
--font-display: 'Spectral', ui-serif, Georgia, serif;
--font-body: 'Inter', ui-sans-serif, system-ui, sans-serif;
--step--1: 0.8rem;
--step-0: 1rem;
--step-1: 1.25rem;
--step-2: 1.563rem;
--step-3: 1.953rem;
--step-4: 2.441rem;
--step-5: 3.052rem;
--step-6: 3.815rem;
}
body {
font-family: var(--font-body);
font-size: var(--step-0);
line-height: 1.6;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
h3 {
font-family: var(--font-display);
font-size: var(--step-3);
line-height: 1.22;
letter-spacing: -0.022em;
font-weight: 400;
text-wrap: balance;
}
h2 {
font-family: var(--font-display);
font-size: var(--step-4);
line-height: 1.16;
letter-spacing: -0.026em;
font-weight: 400;
text-wrap: balance;
}
h1 {
font-family: var(--font-display);
font-size: var(--step-6);
line-height: 1.04;
letter-spacing: -0.038em;
font-weight: 400;
text-wrap: balance;
}
.eyebrow {
font-family: var(--font-body);
font-size: var(--step--1);
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
}