/* Responsiveness and smaller adjustments */
@media(max-width:1440px){.container{padding:0 22px}}
@media(max-width:1200px){.container{max-width:1000px}.hero-left h1{font-size:48px}}
@media(max-width:992px){.container{padding:0 18px}.site-header .main-nav{display:none}}
@media(max-width:768px){
  .header-inner{padding:0 12px}
  .footer-grid{grid-template-columns:1fr}
  .hero-visual{height:auto}
}
@media(max-width:480px){
  .hero{min-height:520px}
  .header-actions .btn{padding:8px 10px}
}