@media (max-width: 1024px) {
  .skills-grid { grid-template-columns: repeat(3, 1fr); }

  .hero-right { flex: 0 0 300px; }
  .hero-card-main { width: 230px; height: 280px; }
}

@media (max-width: 768px) {

  /* Nav */
  nav { padding: 18px 24px; }
  .nav-links { display: none; }
  .nav-hamburger { display: flex; }

  /* Hero */
  .hero-inner {
    flex-direction: column;
    gap: 48px;
    padding: 0 24px;
    text-align: center;
  }

  .hero-actions { justify-content: center; }
  .available-badge { margin-left: auto; margin-right: auto; }
  .hero-right { display: none; }

  section { padding: 80px 24px; }

  .cards-grid { grid-template-columns: 1fr; }
  .skills-grid { grid-template-columns: repeat(2, 1fr); }

  #about .about-grid { grid-template-columns: 1fr; gap: 40px; }
  .section-title.left { text-align: center; }
  .section-line.left { margin-left: auto; }
  .about-text { text-align: center; }

  .contact-sub br { display: none; }

  footer {
    flex-direction: column;
    gap: 8px;
    text-align: center;
    padding: 24px;
  }
}

@media (max-width: 480px) {
  .skills-grid { grid-template-columns: 1fr 1fr; }
  .about-stats { grid-template-columns: 1fr 1fr; }
  .hero-actions { flex-direction: column; align-items: center; }
  .btn { width: 100%; justify-content: center; }
}