/* One continuous decorative montage, shared across public pages. */
body { isolation: isolate; }
#america-motion {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  pointer-events: none;
}
body.america-motion-ready::before {
  background-image: linear-gradient(90deg, rgba(5,7,9,.86), rgba(5,7,9,.73) 52%, rgba(5,7,9,.78));
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    linear-gradient(90deg, rgba(5,7,9,.86), rgba(5,7,9,.73) 52%, rgba(5,7,9,.78)),
    url('/images/workforce/america-built-montage.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* Keep the same bridge/city montage recognizable on narrow screens. */
@media (max-width: 700px) {
  body.america-motion-ready::before {
    background-image: linear-gradient(rgba(5,7,9,.81), rgba(5,7,9,.84));
  }
  body::before {
    background-image:
      linear-gradient(rgba(5,7,9,.81), rgba(5,7,9,.84)),
      url('/images/workforce/america-built-montage.jpg');
    background-position: 55% center;
  }
}