@media (max-width: 1120px) {
  .department-grid,
  .doctor-listing-grid,
  .contact-card-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 900px) {
  .page-hero {
    padding: 132px 0 76px;
  }

  .page-hero-grid,
  .contact-page-grid {
    grid-template-columns: 1fr;
  }

  .page-hero-grid {
    display: block;
    max-width: 100%;
  }

  .page-hero h1,
  .page-hero p:not(.eyebrow) {
    max-width: 100%;
    overflow-wrap: break-word;
  }

  .page-hero h1 {
    font-size: clamp(1.9rem, 4.4vw, 2.25rem);
  }

  .page-hero-card {
    width: 100%;
    margin-top: 34px;
  }

  .filters-panel {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .page-hero {
    padding: 118px 0 64px;
  }

  .page-hero h1 {
    font-size: clamp(1.9rem, 8vw, 2.18rem);
  }

  .page-hero p:not(.eyebrow) {
    font-size: 0.98rem;
    overflow-wrap: anywhere;
  }

  .department-grid,
  .doctor-listing-grid,
  .contact-card-grid {
    grid-template-columns: 1fr;
  }

  .page-hero-card,
  .department-card,
  .contact-form,
  .contact-info-card {
    padding: 22px;
  }

  .contact-form button {
    width: 100%;
  }
}