/* Gauge — Mobile layout fixes (25 Oct 2026). Applies to phones only; desktop is unchanged. */
@media (max-width: 700px) {
  /* Readable text: nothing below 12px, comfortable body copy, no justified "rivers". */
  html body p, html body li, html body td { text-align: left !important; }
  html body .eyebrow { font-size: 11px !important; letter-spacing: .14em; }
  html body .project .eyebrow { font-size: 10.5px !important; }
  html body .project-copy p, html body .project p.scope,
  html body .project-milestone, html body .project-party { font-size: 13px !important; line-height: 1.55; }
  html body .view-project, html body .text-link, html body #hero-link { font-size: 12.5px !important; }
  html body #hero-caption, html body #slide-number, html body .fine { font-size: 12px !important; }
  html body footer p, html body footer a { font-size: 12.5px !important; }

  /* Top contact bar: larger tap areas. */
  html body .utility { min-height: 36px; }
  html body .utility a { display: inline-flex; align-items: center; min-height: 36px; font-size: 12px !important; padding: 0 4px; }

  /* Header: show the whole logo (it was cropped) and a clear menu button. */
  html body header .brand { width: auto !important; max-width: 64vw; overflow: visible !important; }
  html body header .brand img { width: 100% !important; max-width: 220px; height: auto !important; object-fit: contain !important; margin: 0 !important; }
  html body #menu { background: transparent !important; color: #fff !important; border: 1px solid #b08d57 !important; width: 46px; height: 46px; font-size: 22px; line-height: 1; border-radius: 0; }
  html body nav.open a { display: block; padding: 14px 4px !important; font-size: 15px !important; border-bottom: 1px solid #ffffff1f; }

  /* Hero slider dots: same look, bigger finger target. */
  html body .feature-dots button { height: 3px; padding: 16px 0 !important; background-clip: content-box !important; box-sizing: content-box; }

  /* Services: service list becomes a swipeable strip so the details sit right under it. */
  html body #services .service-workspace { display: block !important; }
  html body #services .service-options { display: flex !important; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 10px; -webkit-overflow-scrolling: touch; }
  html body #services .service-options button { flex: 0 0 64%; scroll-snap-align: start; min-height: 64px; }
  html body #services .service-project-link { min-height: 44px; }

  /* Other projects list: each row becomes a card instead of a sideways-scrolling table. */
  html body #experience-list .experience-table-wrap { overflow: visible !important; }
  html body #experience-list table, html body #experience-list tbody, html body #experience-list tr, html body #experience-list td { display: block !important; width: auto !important; }
  html body #experience-list thead { display: none !important; }
  html body #experience-list tr { padding: 16px 0; border-bottom: 1px solid #e6e1d8; }
  html body #experience-list td { padding: 3px 0 !important; border: 0 !important; font-size: 13px !important; color: #555; }
  html body #experience-list td:first-child button { font-size: 15px !important; color: #111; text-align: left; min-height: 40px; padding: 0 !important; }
  html body #experience-list td:nth-child(3)::before { content: "Services: "; color: #b08d57; }

  /* Client logos: shorter cards so the section is not endlessly long. */
  html body .client-group-grid { gap: 8px !important; }
  html body .client-group-grid .client-logo, html body .client-logos .client-logo { height: 84px !important; min-height: 84px !important; }
  html body .client-logo { height: 84px !important; min-height: 0 !important; padding: 10px 12px !important; }
  html body .client-logo img { max-height: 54px !important; width: auto; max-width: 100% !important; object-fit: contain; }

  /* Contact & footer links: comfortable tap height. */
  html body a.contact-link { min-height: 44px; display: flex; align-items: center; }
  html body footer a { display: inline-block; padding: 10px 0; }
}