@media (max-width:1024px) {
  .nav-hamburger {
    display:inline-flex;
  }
  .page-hero-grid {
    gap:32px;
  }
  .three-col {
    grid-template-columns:repeat(2,1fr);
  }
  .contact-grid {
    grid-template-columns:1fr;
    gap:36px;
  }
}

@media (max-width:768px) {
  .page-hero {
    padding:36px 0 40px;
  }
  h1.page-title {
    font-size:36px;
  }
  .three-col {
    grid-template-columns:1fr;
  }
  .three-col .cell {
    padding:22px;
  }
  .contact-grid {
    grid-template-columns:1fr;
    gap:32px;
  }
  .contact-form {
    padding:22px;
  }
  .page-hero-grid:has(.page-hero-art) {
    gap:24px;
  }
  .page-hero-art {
    aspect-ratio:5 / 4;
  }
  .hero-pills {
    gap:6px;
  }
  .hero-pill {
    padding:8px 12px;
    font-size:12px;
  }
}

@media (max-width:480px) {
  h1.page-title {
    font-size:30px;
  }
}