@media (max-width: 1200px) {
  .hero-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .hero p.lead {
    font-size: 1.05rem;
  }

  .hero-ctas {
    flex-direction: column;
    align-items: stretch;
  }

  .pillars,
  .expertise-grid,
  .consulting-grid,
  .thought-grid,
  .contact-grid {
    grid-template-columns: 1fr;
  }

}

@media (max-width: 480px) {
  section {
    padding: 2.5rem 1.25rem;
  }

  .card {
    padding: 1.25rem;
  }
}