/* A separate fixed layer also works on mobile browsers, where a fixed
   background attachment is often ignored or repainted during scrolling. */
body.gwe-site-background--active {
  isolation: isolate;
  background: #20271e;
}
body > .gwe-site-background-layer {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
body > .gwe-site-background-layer::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgb(17 27 15 / 44%), rgb(17 24 15 / 62%));
}
body.gwe-site-background--active #wrapper,
body.gwe-site-background--active #header,
body.gwe-site-background--active .column-wrapper,
body.gwe-site-background--active #container {
  background: transparent;
}
/* Text-heavy pages retain their contrast while the pitch shows around them. */
body.gwe-site-background--active #main > .inside,
body.gwe-site-background--active #left > .inside,
body.gwe-site-background--active #right > .inside {
  background: rgb(35 42 32 / 92%);
  border-radius: 14px;
  box-shadow: 0 10px 36px rgb(0 0 0 / 16%);
}
/* Keep the theme's accessibility preference in control. */
body.high-contrast > .gwe-site-background-layer,
html[data-contrast-mode="on"] .gwe-site-background-layer { display: none; }
body.high-contrast.gwe-site-background--active #main > .inside,
body.high-contrast.gwe-site-background--active #left > .inside,
body.high-contrast.gwe-site-background--active #right > .inside,
html[data-contrast-mode="on"] body.gwe-site-background--active #main > .inside,
html[data-contrast-mode="on"] body.gwe-site-background--active #left > .inside,
html[data-contrast-mode="on"] body.gwe-site-background--active #right > .inside {
  background: #171d15;
}
@media print {
  body > .gwe-site-background-layer { display: none; }
  body.gwe-site-background--active #main > .inside,
  body.gwe-site-background--active #left > .inside,
  body.gwe-site-background--active #right > .inside { box-shadow: none; }
}