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

@media (max-width: 640px) {
  :root { --space-xl: 3.5rem; --space-lg: 2.5rem; }
  .hero { min-height: auto; padding-bottom: var(--space-lg); }
  .hero-actions { flex-direction: column; align-items: stretch; }
  .hero-actions .btn { justify-content: center; }
  .cv-card { flex-direction: column; align-items: flex-start; }
  .cv-card .btn { width: 100%; justify-content: center; }
}