/* ==========================================================================
   EQ Construction — Responsive refinements
   Base styles are already fluid (clamp()); this file covers layout
   changes that need to happen at discrete breakpoints.
   ========================================================================== */

/* Utility show/hide */
.hide-mobile{ display:initial; }
.show-mobile{ display:none; }

@media (max-width: 767px){
  .hide-mobile{ display:none !important; }
  .show-mobile{ display:initial !important; }

  :root{ --section-pad:clamp(3.5rem, 3rem + 4vw, 6rem); }

  .btn{ padding:0.95em 1.6em; font-size:0.9rem; }

  .hero__heading{ letter-spacing:-0.01em; }

  .services-foot{ flex-direction:column; align-items:flex-start; }
}

@media (max-width: 575px){
  .container{ padding-inline:1.1rem; }
  .stat-card{ min-width:150px; padding:1rem 1.25rem; }
  .stat-card .num{ font-size:2rem; }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 991px){
  .about-grid{ gap:var(--space-xl); }
  .project-card{ width:min(380px, 70vw); }
}

/* Large desktop refinement */
@media (min-width: 1600px){
  :root{ --container-w:1440px; }
}

/* Fine pointer only: enable hover-only affordances (avoids sticky hover on touch) */
@media (hover: none){
  .service-row__preview{ display:none; }
  .service-row:hover .service-row__title h3{ transform:none; }
}