@media (max-width: 1024px) {
  :root {
    --space-2xl: 4.5rem;
    --space-xl: 3rem;
  }
}

@media (max-width: 600px) {
  .hero-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .footer-bottom {
    flex-direction: column;
    text-align: center;
  }

  .project-meta-grid {
    grid-template-columns: 1fr 1fr;
  }
}