@media (max-width: 1024px){
  .feature-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

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

  .hero-media{
    justify-content:center;
  }

  .service-hero-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 768px) {
  :root{
    --section-pad-x:16px;
    --section-gap:32px;
  }

  .home-nav{
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:12px;
  }

  .home-nav-actions{
    width:auto;
    justify-content:flex-end;
    flex-wrap:wrap;
  }

  .home-nav-links{
    order:3;
    width:100%;
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:10px;
  }

  .home-logo{
    max-width:80px;
  }

  .home-brand-title{
    font-size:0.8rem;
  }

  .hero-title{
    font-size:1.8rem;
  }

  .two-col{
    grid-template-columns:1fr;
  }

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

  .inline-cta,
  .hero-cta{
    flex-wrap:wrap;
  }

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

  .text-center{
    text-align:left;
  }
}