@media (max-width: 850px) {
  .site-header {
    padding: 16px 5%;
    flex-wrap: wrap;
  }

  .main-nav {
    gap: 16px;
    flex-wrap: wrap;
  }

  .service-grid,
  .project-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hero {
    padding: 75px 6%;
  }
}

@media (max-width: 560px) {
  .site-header {
    justify-content: center;
  }

  .brand img {
    width: 155px;
  }

  .main-nav {
    justify-content: center;
    gap: 12px 18px;
    font-size: 13px;
  }

  .nav-cta {
    padding: 9px 12px;
  }

  .hero {
    min-height: 540px;
    padding: 65px 6%;
  }

  h1 {
    font-size: 43px;
    letter-spacing: -1.3px;
  }

  .hero-content > p {
    font-size: 16px;
  }

  .hero-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .section,
  .projects {
    padding: 72px 6%;
  }

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

  .service-card {
    min-height: auto;
  }

  .project-image {
    min-height: 220px;
  }

  .contact {
    margin: 0 6% 56px;
  }

  .site-footer {
    padding-bottom: 112px;
  }

  .whatsapp-float {
    right: max(16px, env(safe-area-inset-right));
    bottom: max(18px, env(safe-area-inset-bottom));
    width: 54px;
    height: 54px;
  }

  .lightbox {
    width: 96vw;
    padding: 48px 12px 14px;
  }
}