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

  .project-thumb {
    height: 160px;
  }

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

  .mock-card.wide {
    width: 280px;
  }

  .tech-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .contact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .search-copy h2 {
    text-align: center;
  }

  .eyebrow-extra {
    display: none;
  }

  .hero-projects {
    grid-template-columns: 1fr;
  }

  .hero h1 {
    white-space: normal;
  }

  .hero {
    padding-top: 48px;
  }

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

  .search-grid {
    grid-template-columns: 1fr;
  }

  .search-copy {
    width: 100%;
    justify-self: stretch;
  }

  .search-visual {
    min-height: 200px;
  }

  .tech-cards {
    grid-template-columns: 1fr;
  }

  .contact-inner {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .contact-grid {
    grid-template-columns: 1fr;
    justify-content: center;
  }
}