/* css/responsive.css */
@media (max-width:768px){
  h1{font-size:2.2rem;}
  h2{font-size:1.8rem;}
  .hero h1{font-size:2.5rem;}
  nav ul{flex-direction:column;gap:.75rem;}
  .grid{grid-template-columns:1fr;}
}
@media (max-width:480px){
  .hero{min-height:60vh;}
  .hero h1{font-size:2rem;}
}