/* Shared decorative layer, kept behind the site's content. */
body.hex-background {
  isolation: isolate;
}
.hex-background-canvas {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
}
body.hex-background #header,
body.homepage.hex-background #header,
body.homepage.hex-background .banner {
  background: transparent;
}
@media print {
  .hex-background-canvas { display: none; }
}