@media (max-width: 980px) {
  .hero--landing {
    grid-template-columns: 1fr;
    padding-top: 2.6rem;
  }

  .hero-title {
    max-width: 11ch;
  }

  .hero-visual {
    min-height: 480px;
  }

  .section-header--split,
  .story-layout {
    grid-template-columns: 1fr;
  }

  .story-heading {
    position: static;
  }

  .project-gallery--mexico,
  .project-gallery--cambodia {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .landing-page {
    padding-inline: 1rem;
  }

  .hero-title {
    font-size: clamp(2.8rem, 16vw, 4.2rem);
  }

  .hero-visual {
    min-height: 390px;
  }

  .hero-proof-card {
    right: 0.7rem;
    width: calc(100% - 1.4rem);
  }

  .focus-panel,
  .statement-grid,
  .project-gallery--mexico,
  .project-gallery--cambodia {
    grid-template-columns: 1fr;
  }

  .focus-panel p:first-child {
    grid-row: auto;
  }

  .statement-card {
    min-height: auto;
  }

  .project-gallery--all .project-photo img,
  .project-gallery--mexico .project-photo img {
    min-height: 260px;
  }
}