/* A subdued flag behind the content; cards keep their opaque surfaces. */
body { isolation:isolate; }
body::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:
    linear-gradient(90deg,rgba(13,27,42,.82),rgba(13,27,42,.95) 30%,rgba(13,27,42,.95) 70%,rgba(13,27,42,.84)),
    linear-gradient(180deg,rgba(13,27,42,.1),rgba(13,27,42,.5)),
    url("flag-background.svg");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.hero-wrap { background:transparent; }
@media (max-width:700px) {
  body::before { opacity:.55; background-position:left center; }
}