@font-face {
  font-family: "Inter Variable";
  src: url("/fonts/inter-latin-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Space Grotesk Variable";
  src: url("/fonts/space-grotesk-latin-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --font-sans: "Inter Variable", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable", "Segoe UI", "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Source Han Sans SC", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;
  --font-display: "Space Grotesk Variable", "SF Pro Display", "Avenir Next", "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Source Han Sans SC", "Microsoft YaHei", sans-serif;
  --font-reading: "Inter Variable", -apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif;
  --font-mono: "SFMono-Regular", "Cascadia Code", "Roboto Mono", "JetBrains Mono", Consolas, "PingFang SC", monospace;
}
html { font-synthesis: none; }
body { font-family: var(--font-sans); font-weight: 400; font-feature-settings: "kern" 1, "liga" 1, "calt" 1; font-optical-sizing: auto; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
h1, h2, h3, h4, .brand-copy strong, .button-primary, .hero-stats strong, .article-main h3 { font-family: var(--font-display); font-synthesis: none; text-wrap: balance; }
p, li, dd { text-wrap: pretty; }
.hero-v3 h1 { font-weight: 560; letter-spacing: -.058em; }
.manifesto h2, .about-v3-copy h2, .contact-v3 h2, .blog-page-hero h1, .article-hero h1 { font-weight: 540; letter-spacing: -.052em; }
.editorial-heading h2, .section-heading h2, .workflow-intro h2 { font-weight: 540; letter-spacing: -.045em; }
.hero-lead, .manifesto-copy p, .about-v3-copy p, .article-body, .blog-entry p { font-family: var(--font-reading); }
.hero-lead { letter-spacing: .002em; }
.article-body { font-weight: 400; letter-spacing: .004em; }
.article-body h2, .article-body h3 { font-family: var(--font-display); }
.article-body h2 { letter-spacing: -.035em; }
.article-body h3 { letter-spacing: -.02em; }
.brand-copy strong { font-weight: 620; letter-spacing: .095em; }
.brand-copy span, .eyebrow, .section-index, .article-meta, .post-meta, .timeline-state, .visual-caption, .frame-meta, .ring-label { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
.hero-overline, .system-status, .nav-cta, .main-nav a { font-family: var(--font-mono); }
.hero-overline { letter-spacing: .115em; }
.main-nav a { letter-spacing: .025em; }
.hero-stats strong, .metrics strong { font-variant-numeric: tabular-nums; }
code, pre, kbd { font-family: var(--font-mono); }
textarea, input, button { font-family: inherit; }
@media (max-width: 720px) { .hero-v3 h1 { letter-spacing: -.045em; } .manifesto h2, .about-v3-copy h2, .contact-v3 h2, .blog-page-hero h1, .article-hero h1 { letter-spacing: -.04em; } }