@media (max-width: 1100px) {
  .split,
  .services-layout,
  .contact-layout,
  .service-block,
  .footer-grid { grid-template-columns: 1fr; }
  .service-visual { position: relative; top: 0; }
  .service-block:nth-child(even) .service-copy { order: 0; }
  .market-grid { grid-template-columns: 1fr; }
  .market-card { min-height: 380px; }
  .approach-track { grid-template-columns: 1fr 1fr; }
  .why-grid { grid-template-columns: 1fr 1fr; }
  .service-block.is-flip .frame { order: 0; }
  .contact-visual { min-height: 46vh; }
  .contact-visual .content { position: relative; inset: auto; padding: calc(var(--header) + 28px) var(--pad) 32px; }
  .values { grid-template-columns: 1fr; }
}

@media (max-width: 860px) {
  :root { --header: 72px; }
  .nav, .header-tools .btn { display: none; }
  .menu-toggle { display: block; }
  .brand-img { height: 34px; }
  .hero { align-items: flex-end; padding-bottom: 88px; }
  .scroll-hint { display: none; }
  .approach-track, .why-grid, .form-row { grid-template-columns: 1fr; }
  .step { min-height: 0; }
  .why-item { padding-inline-end: 0; }
  .service-row { grid-template-columns: 36px 1fr auto; }
  .service-row em { max-height: none; opacity: 1; }
  .footer-base { flex-direction: column; }
  .page-hero { min-height: 78vh; }
}

@media (max-width: 560px) {
  body { font-size: 16px; }
  .hero h1 { font-size: 46px; }
  html[lang="ar"] .hero h1 { font-size: 38px; }
  .hero-actions, .close-actions { flex-direction: column; align-items: stretch; }
  .btn { width: 100%; }
  .header-tools .lang { gap: 0; }
  .close h2, .statement h2, .page-hero h1 { font-size: 40px; }
  html[lang="ar"] .page-hero h1 { font-size: 34px; }
}