@media (max-width: 860px) {
  .hero {
    padding: 32px 24px;
  }

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

@media (max-width: 560px) {
  .page-shell {
    width: min(100% - 20px, 1120px);
    padding-top: 20px;
  }

  .hero h1 {
    font-size: 2.6rem;
  }
}