/* ═══════════════════════════════════════════════
   RESPONSIVE.CSS — All Breakpoints
   ═══════════════════════════════════════════════ */

/* ─── 1200px ─── */
@media (max-width: 1200px) {
  .hero-inner  { gap: 3.5rem; }
  .skills-layout { grid-template-columns: 1fr; }
  .radar-wrap { max-width: 360px; margin: 0 auto; }
  .footer-grid { grid-template-columns: 1.5fr 1fr 1fr; }
  .footer-grid .footer-brand-col { grid-column: 1 / -1; }
  .achievements-grid { grid-template-columns: repeat(4, 1fr); }
}

/* ─── 1100px ─── */
@media (max-width: 1100px) {
  .hero-inner {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 3.5rem;
  }
  .hero-visual { order: -1; }
  .hero-ctas, .hero-stats { justify-content: center; }
  .hero-desc { margin-left: auto; margin-right: auto; }
  .hero-role-row { justify-content: center; }
  .hero-badge { display: inline-flex; }

  .about-grid    { grid-template-columns: 1fr; gap: 3rem; }
  .exp-layout    { grid-template-columns: 1fr; }
  .contact-grid  { grid-template-columns: 1fr; }
  .skills-grid   { grid-template-columns: repeat(3, 1fr); }
  .profile-ring-container { width: 300px; height: 300px; }
  .projects-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ─── 900px ─── */
@media (max-width: 900px) {
  .achievements-grid { grid-template-columns: repeat(3, 1fr); }
  .certs-grid        { grid-template-columns: repeat(2, 1fr); }
  .gallery-thumbs    { grid-template-columns: repeat(4, 1fr); }
}

/* ─── 768px ─── */
@media (max-width: 768px) {
  :root { --nav-height: 64px; }

  /* Mobile nav */
  .nav-links  { display: none; }
  .nav-mobile { display: block; }
  .nav-toggle { display: flex; }
  .btn-theme  { display: none; }

  /* Sections */
  .skills-grid        { grid-template-columns: repeat(2, 1fr); }
  .achievements-grid  { grid-template-columns: repeat(2, 1fr); }
  .projects-grid      { grid-template-columns: 1fr; }
  .certs-grid         { grid-template-columns: repeat(2, 1fr); }
  .footer-grid        { grid-template-columns: 1fr; }
  .footer-grid .footer-brand-col { grid-column: auto; }
  .footer-bottom      { flex-direction: column; text-align: center; }

  /* About stats */
  .about-stats-grid       { grid-template-columns: 1fr 1fr; }
  .about-highlights-card  { grid-column: span 2; }

  /* Gallery */
  .gallery-main   { height: 320px; }
  .gallery-thumbs { grid-template-columns: repeat(4, 1fr); }
  .gallery-thumb  { height: 60px; }

  /* Form */
  .form-row { grid-template-columns: 1fr; }

  /* Hero */
  .profile-ring-container { width: 250px; height: 250px; }
  .p-ring-1 { inset: -20px; }
  .p-ring-2 { inset: -10px; }
  .p-ring-3 { inset: -36px; }
  .hero-stats { gap: 1.5rem; }

  /* Blog CTA */
  .blog-cta-card { padding: 2.5rem 1.8rem; }
}

/* ─── 600px ─── */
@media (max-width: 600px) {
  .achievements-grid { grid-template-columns: repeat(2, 1fr); }
  .skills-grid       { grid-template-columns: 1fr 1fr; }
}

/* ─── 480px ─── */
@media (max-width: 480px) {
  .achievements-grid     { grid-template-columns: 1fr; }
  .certs-grid            { grid-template-columns: 1fr; }
  .skills-grid           { grid-template-columns: 1fr; }
  .about-highlights-card { grid-column: span 1; }
  .about-stats-grid      { grid-template-columns: 1fr 1fr; }

  .gallery-main   { height: 250px; }
  .gallery-thumbs { grid-template-columns: repeat(4, 1fr); gap: 0.4rem; }
  .gallery-thumb  { height: 50px; }
  .gallery-caption { padding: 1rem 1.2rem; }

  .projects-header   { flex-direction: column; align-items: flex-start; }
  .timeline-card     { padding: 1.4rem 1.5rem; }
  .exp-company-inner { padding: 1.5rem; }
  .exp-item          { padding: 1.1rem 1.3rem; }

  .contact-form-title { padding: 1.5rem; }
  .contact-form-inner { padding: 0 1.5rem 1.5rem; }

  .social-strip-row { flex-direction: column; align-items: center; }
  .social-pill { width: 100%; max-width: 300px; justify-content: center; }

  .hero-name { letter-spacing: -0.03em; }
  .hero-ctas { flex-direction: column; align-items: center; }
  .hero-ctas .btn { width: 100%; max-width: 280px; justify-content: center; }
}