@font-face { font-family: Inter; src: url('../fonts/inter-latin.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: Manrope; src: url('../fonts/manrope-latin.woff2') format('woff2'); font-weight: 200 800; font-style: normal; font-display: swap; }
h1, h2, h3, h4 { margin: 0 0 var(--space-6); color: var(--color-ink); font-family: var(--font-display); font-weight: var(--weight-bold); }
h1 { font-size: var(--fs-display); font-weight: var(--weight-display); line-height: var(--line-display); letter-spacing: -.035em; }
h2 { font-size: var(--fs-h2); line-height: var(--line-heading); letter-spacing: -.025em; }
h3 { font-size: var(--fs-h3); line-height: 1.3; letter-spacing: -.015em; }
p { margin: 0 0 var(--space-5); }
.lead { font-size: var(--fs-lead); line-height: 1.6; }
.eyebrow { color: var(--color-red-dark); font-size: var(--fs-eyebrow); line-height: 1.4; text-transform: uppercase; letter-spacing: .12em; font-weight: var(--weight-bold); margin-bottom: var(--space-6); }
.small, small { font-size: var(--fs-small); line-height: 1.6; }
.section-intro { margin-bottom: var(--space-10); align-items: end; }
.prose { max-width: var(--container-prose); min-width: 0; }
.prose :is(h2,h3) { margin-top: var(--space-10); }
.prose > :first-child { margin-top: 0; }
.prose h2 { font-size: var(--fs-h3); line-height: 1.35; }
.prose ul, .prose ol { padding-left: var(--space-6); }
.prose li { margin-bottom: var(--space-2); }
.prose .button { margin: var(--space-2) var(--space-2) var(--space-4) 0; }