/* Mobile QA Round 3: layout refinements; desktop remains unchanged. */
@media (max-width:700px) {
  /* Homepage hero tagline: two centered statements and one orange separator. */
  .lotg-hero .lotg-tagline-row {display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:clamp(8px,2.5vw,18px)!important;width:100%!important;text-align:center!important;}
  .lotg-hero .lotg-tagline-row .lotg-pill:first-child {display:none!important;}
  .lotg-hero .lotg-tagline-row .lotg-pill {font-size:clamp(11px,3.25vw,17px)!important;white-space:nowrap!important;}
  .lotg-hero .lotg-tagline-row .lotg-pill:nth-child(2)::after {display:none!important;content:none!important;}
  .lotg-hero .lotg-tagline-row .lotg-pill:nth-child(3)::before {content:'●';color:#f47b20;margin-right:clamp(8px,2.5vw,18px);}
  /* About page: center both the step number and title in each quadrant. */
  .about-method .method-grid .method {display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;}
  .about-method .method-grid .method .step,.about-method .method-grid .method h3 {width:100%!important;text-align:center!important;}
  /* All pages: fixed three-column / two-row footer layout. */
  .lotg-global-footer .lotg-footer-inner {width:100%!important;max-width:100%!important;min-width:0!important;}
  .lotg-global-footer .lotg-footer-social {display:block!important;width:100%!important;min-width:0!important;}
  .lotg-global-footer .lotg-footer-social nav {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-flow:row!important;gap:20px 6px!important;width:100%!important;max-width:100%!important;align-items:center!important;justify-items:center!important;}
  .lotg-global-footer .lotg-footer-social nav>a {display:flex!important;grid-column:auto!important;grid-row:auto!important;justify-content:center!important;align-items:center!important;justify-self:center!important;min-width:0!important;max-width:100%!important;margin:0!important;text-align:center!important;white-space:nowrap!important;font-size:clamp(10px,3.05vw,14px)!important;}
  .lotg-global-footer .lotg-footer-social nav>a:nth-child(1) {grid-area:1 / 1!important;}
  .lotg-global-footer .lotg-footer-social nav>a:nth-child(2) {grid-area:1 / 2!important;}
  .lotg-global-footer .lotg-footer-social nav>a:nth-child(3) {grid-area:1 / 3!important;}
  .lotg-global-footer .lotg-footer-social nav>a:nth-child(4) {grid-area:2 / 1!important;}
  .lotg-global-footer .lotg-footer-social nav>a:nth-child(5) {grid-area:2 / 2!important;}
  .lotg-global-footer .lotg-footer-social nav>a:nth-child(6) {grid-area:2 / 3!important;}
  .lotg-global-footer .lotg-footer-social nav .lotg-linkedin {width:36px!important;height:36px!important;}
}

/* Mobile QA Round 4 */
@media(max-width:700px){
.about-metric .caption .lotg-metric-descriptor,.about-metric .caption .lotg-metric-role{display:block!important}
.lotg-global-footer .lotg-footer-social nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:auto auto!important;gap:18px 6px!important;align-items:center!important;justify-items:stretch!important;width:100%!important}
.lotg-global-footer .lotg-footer-social nav>a{width:100%!important;min-width:0!important;justify-self:stretch!important;justify-content:center!important;text-align:center!important;margin:0!important}
.lotg-global-footer .lotg-footer-social nav>a.lotg-linkedin{justify-self:center!important;width:36px!important}

}


/* Mobile QA v10 — shared scroll-root correction.
   `overflow:clip` does not create a scroll container (unlike `hidden`/`auto`).
   Apply it to every actual page wrapper, not only the home/about wrappers.
   Leave document vertical scrolling to the viewport. */
@media (max-width:700px) {
  html {
    width:100%; max-width:100%;
    overflow-x:clip!important;
    overflow-y:visible!important;
    scroll-snap-type:none!important;
  }
  body {
    margin:0; width:100%; max-width:100%;
    overflow-x:clip!important;
    overflow-y:visible!important;
    scroll-snap-type:none!important;
  }
  .lotg-site, .about-page, .work-page, .impact-main, .contact-main {
    box-sizing:border-box!important;
    width:100%!important; max-width:100%!important;
    height:auto!important; max-height:none!important;
    overflow:clip!important;
    scroll-snap-type:none!important;
  }
  .lotg-section, .lotg-global-footer { box-sizing:border-box!important; max-width:100%!important; }
  .lotg-footer-cta.lotg-arrow-bg { overflow:clip!important; isolation:isolate; margin-bottom:0!important; }
  .lotg-footer-cta.lotg-arrow-bg::before,
  .lotg-footer-cta.lotg-arrow-bg::after { pointer-events:none!important; }
  .lotg-global-footer {
    position:relative!important; inset:auto!important; transform:none!important;
    height:auto!important; min-height:0!important; max-height:none!important;
    overflow:clip!important; margin-top:0!important;
    padding-bottom:max(34px,env(safe-area-inset-bottom))!important;
    scroll-snap-align:none!important;
  }
  .lotg-global-footer .lotg-footer-inner { box-sizing:border-box!important; max-width:100%!important; }
  .lotg-hero .lotg-hero-copy > a.lotg-button {
    display:table!important; margin-left:auto!important; margin-right:auto!important;
  }
}