@media(max-width:1024px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:2.5rem}
}
@media(max-width:768px){
  :root{--container:100%}
  .container{padding:0 1.25rem}
  .nav-links{display:none}
  .nav-hamburger{display:flex}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;gap:1rem;text-align:center}
  .section-title{font-size:clamp(1.8rem,6vw,2.4rem)}
}
@media(max-width:480px){
  .container{padding:0 1rem}
  .btn{padding:12px 24px;font-size:0.78rem}
}