.deferred {
  opacity: 0.01;   /* stop google anlytics complaining about no LCP ? */
  pointer-events: none;
}

.loaded {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.2s ease-out;
}


.bg-parallax {
  position: fixed;
  inset: 0;
  overflow: hidden;
  z-index: -2;
}

.bg-stack {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      z-index: -1;
      
        will-change: transform;
  }

  .bg-stack img {
      display: block;
      width: 100%;
      /* stretch in X */
      height: auto;
      /* keep aspect */

      /* filter:
        brightness(1.0)
        contrast(1.0)
        saturate(0.75);     */
  }

  .frost {
      position: fixed;
      inset: 0;
      backdrop-filter:
          blur(0px) 
          brightness(0.5) 
          saturate(0.5);
      background: rgba(73, 73, 73, 0.3);
      pointer-events: none;
      z-index: -1
  }