.site-background {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: url("../../images/site-background.webp") center / cover no-repeat;
  contain: strict;
  transform: translateZ(0);
}
.wp-site-blocks {
  position: relative;
  z-index: 1;
  background: transparent !important;
}
/* The fabric background is a fixed stacking context. Every actual page * section must explicitly sit above it; otherwise Chrome can paint the * background over normal-flow content while links remain clickable. */ .wp-site-blocks > :not(.site-background) {
  position: relative;
  z-index: 1;
}
/* The fixed header is nested inside this template-part wrapper. Raise the * wrapper too, otherwise its child z-index cannot escape later sections. */ .wp-site-blocks > header.wp-block-template-part {
  z-index: 50;
}
main, .wp-block-group, .wp-block-post-content {
  background: transparent;
}
@media (max-width: 700px) {
  .site-background {
    opacity: .8;
  }
}