@media screen and (max-width: 1000px) {
  p { font-size: 0.9rem; }

  .hero-sub { font-size: 0.9rem; }

  .skills-grid {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }
}

@media screen and (max-width: 825px) {
  .hero-name { font-size: clamp(2.8rem, 12vw, 5rem); }

  .hero h3 { font-size: 0.8rem; letter-spacing: 0.3rem; }

  .hero-sub { font-size: 0.85rem; padding: 0 0.5rem; }

  .ticker-item { font-size: 0.7rem; }

  .portoBox {
    grid-template-columns: 1fr;
    padding: 3rem 0;
  }

  .porto-left div h6 { font-size: 3.5rem; letter-spacing: -3px; }

  .skills-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  nav ul { gap: 1rem; }
  nav ul li a { font-size: 0.75rem; }
}

@media screen and (max-width: 640px) {
  .hero-name { font-size: clamp(2.2rem, 14vw, 3.5rem); }

  .hero h3 { font-size: 0.7rem; letter-spacing: 0.2rem; }

  .hero-sub { font-size: 0.8rem; padding: 0; }

  .hero-stats {
    flex-wrap: wrap;
    justify-content: center;
  }

  .ticker-item { font-size: 0.65rem; padding: 0 0.4rem; }

  .hero-ticker { padding: 0.8rem 0; }

  .btn { padding: 14px 24px; font-size: 0.75rem; }

  .header { padding: 0.8rem 1rem; flex-wrap: wrap; }
  .logo a { font-size: 2rem; }

  .nav-toggle {
    display: block;
    background: transparent;
    border: none;
    color: var(--primaryTextColor);
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
    padding: 0.25rem 0.5rem;
  }

  nav { width: 100%; order: 3; display: none; }
  .header.open { background: var(--primaryBackgroundColor); }
  .header.open nav { display: block; }
  nav ul { flex-direction: column; align-items: flex-start; gap: 0.5rem; padding: 1rem 0; }
  nav ul li a { font-size: 0.95rem; letter-spacing: 0.04em; padding: 0.75rem 0; }

  .edu-split {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    text-align: center;
  }

  .edu-right {
    text-align: center;
  }

  .edu-right h4 {
    font-size: 1.3rem;
  }

  .edu-right h5 {
    font-size: 1rem;
  }

  #education, #skills, #experience, #certification, #portfolio, footer {
    padding: 3rem 0;
  }

  .section-title { font-size: 1.5rem; margin-bottom: 2rem; }

  .achievements { flex-wrap: wrap; gap: 1rem 0; }

  .cert-swiper .swiper-pagination-bullet { width: 10px; height: 10px; }

  .exps { width: 100%; }
  .exp { gap: 1rem; }

  .portoBox { padding: 2.5rem 0; }
  .porto-left div h6 { font-size: 2.5rem; letter-spacing: -1px; }

  .swiper-button-next,
  .swiper-button-prev { display: none; }
}