@media (max-width: 950px) {
  .hero {
    grid-template-columns: minmax(0, 1fr);
  }

  .hero-copy {
    min-width: 0;
  }
}

@media (max-width: 620px) {
  html,
  body {
    overflow-x: hidden;
  }

  .hero {
    width: 100vw;
    max-width: 100vw;
    overflow: hidden;
  }

  .hero h1 {
    font-size: 44px;
    line-height: .96;
    overflow-wrap: anywhere;
  }

  .hero-lede {
    max-width: 100%;
  }
}

/* Candidate 20261013: keep the methodology anchor below the mobile header. */
@media (max-width: 620px) {
  #architecture { scroll-margin-top: 68px; }
}