/* ════════════════════════════════════════════════════════════
   HOME PAGE — mobile refinements (scoped to index.html only,
   pending approval before rolling out sitewide)
   ════════════════════════════════════════════════════════════ */

/* ---- 1) Header responsiveness is now handled sitewide in styles-v2.css
      (logo, language toggle, theme toggle, and "Start a Project" all stay
      visible and never collide with the burger menu, down to ~320px). ---- */



/* ---- 2) Tighter, less cavernous spacing between sections ---- */
@media (max-width: 760px) {
  .section { padding: clamp(40px, 6vh, 64px) 0; }
  .manifesto,
  .eco,
  .services,
  .work,
  .process,
  .industries,
  #insights,
  .engage { padding-top: clamp(40px, 6vh, 64px); padding-bottom: clamp(40px, 6vh, 64px); }
  .page-hero, .hero { min-height: min(78vh, 620px); }
}

/* ---- 3) Shorter footer: two link columns instead of one long stack ---- */
@media (max-width: 700px) {
  .f2-grid { grid-template-columns: 1fr 1fr !important; gap: 28px 20px; }
  .f2-grid > div:first-child { grid-column: 1 / -1; }
}