/* ═══ RESPONSIVE DESIGN ═══ */

@media(max-width:960px){
  .hero-inner{
    grid-template-columns:1fr;
    gap:44px;
  }

  .hero-photo-wrap{
    order:-1;
    max-width:300px;
    margin:0 auto;
  }

  .hero-photo-frame img{
    height:360px;
  }

  .hero-social{
    display:none;
  }

  .about-grid{
    grid-template-columns:1fr;
    gap:36px;
  }

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

  .cert-grid{
    grid-template-columns:1fr;
  }

  .contact-grid{
    grid-template-columns:1fr;
    gap:32px;
  }

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

  .nav-links{
    display:none;
  }
}

@media(max-width:600px){
  .section{
    padding:60px 0;
  }

  .hero-stats{
    grid-template-columns:1fr 1fr;
    gap:14px;
  }

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

  #lang-toggle{
    top:12px;
    right:12px;
  }

  .sticky-mobile-cta{
    display:block;
  }

  footer{
    padding-bottom:88px;
  }
}