@media (max-width: 900px){
  .hero-grid{ grid-template-columns: 1fr; }
  .cards-3{ grid-template-columns: 1fr; }
  .about-grid{ grid-template-columns: 1fr; }
  .contact-grid{ grid-template-columns: 1fr; }
  .projects-toolbar{ grid-template-columns: 1fr; }
}

@media (max-width: 760px){
  .nav-toggle{ display: inline-block; }
  .nav-links{
    display: none;
    position: absolute;
    top: 62px;
    right: 1rem;
    left: 1rem;
    flex-direction: column;
    align-items: stretch;
    gap: .2rem;
    padding: .7rem;
    border-radius: var(--radius);
    background: rgba(11,15,25,.92);
    border: 1px solid rgba(255,255,255,.12);
    backdrop-filter: blur(10px);
  }
  .nav-links.is-open{ display: flex; }
  .nav-link{ padding: .75rem .9rem; }
}