/* ==========================================================================
   MOMENTUM WEBS — Responsive
   ========================================================================== */

/* ---------- Desktop nav visible from 960px ---------- */
@media (min-width: 960px) {
  .nav-actions .nav-cta { display: inline-flex; }
}

@media (max-width: 959px) {
  .nav-links { display: none; }
  .nav-toggle { display: flex; }
  .brand-name-full { display: inline; }
}

@media (max-width: 1180px) {
  .diff-grid { grid-template-columns: repeat(2, 1fr); }
  .service-block { grid-template-columns: 4rem 1fr; }
  .service-block .service-price-col { grid-column: 2 / 3; }
}

@media (max-width: 900px) {
  .row-item {
    grid-template-columns: 3rem 1fr auto;
  }
  .row-desc { display: none; }
  .project-grid .span-7,
  .project-grid .span-5,
  .project-grid .span-6,
  .project-grid .span-8,
  .project-grid .span-4 {
    grid-column: span 12;
  }
  .footer-cols { gap: var(--space-lg); }
  .form-grid { grid-template-columns: 1fr; }
  .case-hero-meta { gap: var(--space-md); }
}

@media (max-width: 720px) {
  :root { --space-2xl: 5.5rem; --space-xl: 3.5rem; }
  .section-head { flex-direction: column; align-items: flex-start; gap: var(--space-md); }
  .timeline-item { grid-template-columns: 1fr; gap: var(--space-sm); }
  .diff-grid { grid-template-columns: 1fr; }
  .footer-top { flex-direction: column; gap: var(--space-lg); }
  .footer-bottom { flex-direction: column; align-items: flex-start; gap: var(--space-sm); }
  .service-block { grid-template-columns: 1fr; gap: var(--space-sm); }
  .studio-mark-word--2 { margin-left: 0; }
  .studio-mark-accent-line { margin-left: 0; }
}

@media (max-width: 480px) {
  .row-num { display: none; }
  .row-item { grid-template-columns: 1fr auto; }
}