/* ==========================================================
   RESPONSIVE ADJUSTMENTS
   ========================================================== */

@media (max-width: 1023px) {
  .container { padding: 0 22px; }
  .site-header { height: var(--header-height-mobile); }
  .hero { min-height: calc(100vh - var(--header-height-mobile)); }
  .hero-inner { padding: 90px 0 70px; }
}

@media (max-width: 899px) {
  .about-copy { padding: 64px 22px; }
  .about-copy-inner { margin: 0; max-width: 100%; }
  .about-media { min-height: 260px; }
  .expertise-block:nth-child(even) .expertise-media { order: 0; }
}

@media (max-width: 767px) {
  .hero-title { font-size: 32px; }
  .hero-subtitle { font-size: 16px; }
  .services-grid { grid-template-columns: 1fr; }
  .service-item { border-top: 1px solid var(--dna-border); }
  .service-item:first-child { border-top: none; }
  .work-grid { grid-template-columns: 1fr; }
  .work-tile, .work-tile:first-child { min-height: 260px; }
  .partners-grid { grid-template-columns: repeat(2, 1fr); }
  .project-modal-body { padding: 28px 20px 0; }
  .project-gallery { grid-template-columns: repeat(2, 1fr); }
  .footer-bottom { flex-direction: column; align-items: flex-start; }
  .lang-choices { flex-direction: column; align-items: center; }
  .lang-choice { width: 240px; }
  .landing-services { grid-template-columns: repeat(2, 1fr); }
  .landing-service { border-left: none; border-top: 1px solid rgba(255,255,255,0.14); }
  .landing-service:nth-child(1), .landing-service:nth-child(2) { border-top: none; }
  .landing-service:nth-child(2n) { border-left: 1px solid rgba(255,255,255,0.14); }
  .lang-landing-logo img { height: 56px; }
}

@media (max-width: 380px) {
  .lang-choice { width: 100%; max-width: 260px; }
  .landing-service-icon { width: 24px; height: 24px; }
  .landing-service span { font-size: 10.5px; }
}

@media (max-width: 480px) {
  .container { padding: 0 18px; }
  .hero-title { font-size: 28px; }
  .btn { width: 100%; justify-content: center; }
  .hero-inner .btn { width: auto; }
  .contact-cta .btn { width: auto; }
}
