@media (max-width: 768px) {
  :root { --px: 1.5rem; }

  .hud-center { display: none; }

  .exp-row {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }

  .projects-grid { grid-template-columns: 1fr; }

  .contact-foot { flex-direction: column; align-items: flex-start; gap: 0.75rem; }
}

@media (max-width: 480px) {
  :root { --px: 1.125rem; }
  .hud { font-size: 0.6rem; padding: 0.5rem 1rem; gap: 0.75rem; }
  .hud-right span { display: none; }
}