@media (max-width: 665px) {
  nav { gap: 1rem; }
  .projects-grid { grid-template-columns: 1fr; }
  .project-card { border-right: none; border-bottom: 1px solid var(--border); }
  .project-card:last-child { border-bottom: none; }
}

@media (max-width: 665px) {
  nav {
    flex-wrap: nowrap;
    align-items: center;
  }

  .nav-hamburger {
    display: flex;
  }

  .nav-links {
    display: none;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    padding: 0.75rem 0 0.25rem;
    border-top: 1px solid var(--border);
    margin-top: 0.5rem;
  }

  nav.nav-open {
    flex-wrap: wrap;
  }

  nav.nav-open .nav-links {
    display: flex;
  }

  .nav-home {
    display: block;
  }
}

@media (max-width: 600px) {
  .ascii-art {
    width: calc(100% + 4rem);
    max-width: none;
    margin: -4rem -2rem -2rem;
    display: block;
  }

  .hero {
    text-align: center;
  }

  .tagline-sub {
    text-align: center;
  }
}