@media (max-width: 980px) {
  .hero,
  .profile-grid,
  .contact-section {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .site-nav {
    display: none;
  }

  .site-nav.is-open {
    display: flex;
  }
}