/*
 * Small stylesheet supporting the SEO structure fixes.
 *
 * The Webflow build shipped nine pages with no <h1> at all - the homepage had
 * 33 <h2>s and no top-level heading. The fix is to promote each page's hero
 * heading from <h2> to <h1>, but the stylesheet gives h1 and h2 different
 * element-level metrics, so promoting one would shift the layout.
 *
 * Every promoted heading already sets its own font-size via its class, so the
 * only inherited difference is the bottom margin (h1: .25em, h2: .5em).
 * Restoring it here keeps the design pixel-identical.
 */
h1.mission-stat-heading,
h1.ft-item-heading,
h1.section-heading {
  margin-bottom: 0.5em;
}

/*
 * For pages whose design has no place for a visible title - the /thinking
 * index is a card grid with no heading - a visually hidden <h1> gives the
 * document a proper top-level heading for search engines and screen readers
 * without altering the layout.
 */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}