@media screen and (max-width: 1280px) {
  section { margin: 0 4rem; }
  #projects .about-containers { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media screen and (max-width: 1050px) {
  #desktop-nav { display: none; }
  #hamburger-nav { display: flex; align-items: center; justify-content: space-between; padding: 0 2rem; }
  section { margin: 0 2rem; }
  #profile, .section-container { grid-template-columns: 1fr; }
  #profile { min-height: fit-content; }
  .section__pic-container { margin: 0 auto; width: 300px; height: 300px; }
  .section__text .title, .section__text p { text-align: center; }
  .hero-badges, .btn-container, #socials-container { justify-content: center; }
  .arrow { display: none; }
  .experience-lab { grid-template-columns: 1fr; }
  #experience .details-container-about,
  #experience .details-container {
    padding: 1.05rem 1.05rem;
  }
  .skills-toggle {
    margin-top: 1.2rem;
  }
  #about {
    min-height: auto;
  }
  .about-story-shell {
    height: auto;
  }
  .about-sticky {
    position: static;
    min-height: auto;
    padding-bottom: 0;
  }
  .about-pillars {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 760px) {
  .title { font-size: 2rem; }
  .logo { font-size: 1.2rem; }
  .metrics-grid, #projects .about-containers, #experience .article-container, .about-stats { grid-template-columns: 1fr; }
  #experience .about-containers { grid-template-columns: 1fr; }
  .section__pic-container { width: 250px; height: 250px; }
  .impact-row { grid-template-columns: 1fr; gap: .3rem; }
  .incident-actions { grid-template-columns: 1fr; }
  #experience .about-containers {
    gap: 0.9rem;
  }
  .blog-preview-grid {
    grid-template-columns: 1fr;
  }
}