/* ═══════════════════════════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════════════════════════ */
@media(max-width:1100px){
  nav{padding:1.2rem 1.5rem;}
  .nav-links{display:none;}
  .about-grid,.focus-grid,.contact-inner{
    grid-template-columns:1fr;gap:3rem;
  }
  section,#hero{padding-left:1.5rem;padding-right:1.5rem;}
  .projects-grid{grid-template-columns:1fr;}
  .project-card.span-2{grid-column:span 1;}
  .skills-grid{grid-template-columns:1fr 1fr;}
  footer{flex-direction:column;gap:1rem;text-align:center;padding:2rem 1.5rem;}
  /* Photo fills more of the screen but content stays readable */
  .hero-photo-bg{width:100%;}
  .hero-photo-bg::before{
    background:linear-gradient(180deg,
      var(--bg) 0%,rgba(5,5,5,.6) 20%,rgba(5,5,5,.3) 45%,
      rgba(5,5,5,.7) 75%,var(--bg) 100%);
  }
  .hero-tech-tag,.hero-ribbon{display:none;}
}
@media(max-width:640px){
  nav{padding:1rem;}
  .nav-cta{padding:.5rem 1rem;font-size:.65rem;}
  #hero{padding-top:5.5rem;}
  .hero-name{font-size:clamp(3rem,15vw,5rem);}
  .hero-meta{flex-wrap:wrap;gap:1.2rem;}
  .hero-actions{flex-direction:column;align-items:stretch;}
  .hero-actions a{justify-content:center;}
  section{padding:5rem 1.5rem;}
  .skills-grid{grid-template-columns:1fr;}
  .form-row{grid-template-columns:1fr;}
  .hero-scroll{display:none;}
}