/* Mobile viewport guard: the page itself must never become horizontally scrollable. */
@media (max-width: 991.98px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overflow-x: clip;
  }

  body {
    position: relative;
  }

  main,
  .home-chrome,
  .site-footer,
  main > section {
    width: 100%;
    max-width: 100%;
  }

  .container,
  .container-fluid,
  .row,
  [class*="__grid"],
  [class*="__layout"],
  [class*="__shell"] {
    min-width: 0;
  }

  img,
  video,
  canvas,
  svg,
  iframe {
    max-width: 100%;
  }

  .home-saos__window,
  .home-publications__layout,
  .home-publication-card,
  .personal-service-card,
  .about-hero__visual,
  .about-company-profile {
    min-width: 0;
    max-width: 100%;
  }

  .home-publication-card h3,
  .home-news-item h3,
  .personal-service-card h3,
  .about-heading {
    overflow-wrap: anywhere;
  }
}