/* === START: typography — headings, type scale, font helpers === */

a { color: var(--site-base-800); text-decoration: none; }
a:hover { color: var(--site-dark); }

a.link_submit, a.pointer {
  cursor: pointer;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Inter', sans-serif;
  font-optical-sizing: auto;
  margin-top: 0;
}

h1 {
  font-size: clamp(2rem, 1.6rem + 1.5vw, 2.75rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}

h2 {
  font-size: clamp(1.6rem, 1.3rem + 0.9vw, 2rem);
  font-weight: 600;
  letter-spacing: -0.015em;
  line-height: 1.2;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}

.page_heading {
  font-size: clamp(1.5rem, 1.3rem + 0.8vw, 1.9rem);
  font-weight: 600;
  letter-spacing: -0.015em;
  line-height: 1.25;
  margin-bottom: 0.5rem;
}

.page_subheading {
  font-size: clamp(1.05rem, 1rem + 0.3vw, 1.2rem);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.3;
  margin-top: 1.5rem;
  margin-bottom: 0.35rem;
  color: rgb(31, 41, 55);
}

h3 {
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.25;
  margin-top: 1.75rem;
  margin-bottom: 0.5rem;
}

h4 {
  font-size: 1.15rem;
  font-weight: 600;
  letter-spacing: -0.005em;
  line-height: 1.3;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

h5 {
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.35;
  margin-top: 1.25rem;
  margin-bottom: 0.4rem;
}

h6 {
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.4;
  margin-top: 1rem;
  margin-bottom: 0.4rem;
}

.lead {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 1.5rem;
}