/* ==========================================================================
   grain — cinematic film grain over the whole site
   ========================================================================== */

.grain-layer {
  position: fixed;
  inset: -50px;
  z-index: 250;
  pointer-events: none;
  background-image: url('../../../grain.png');
  background-size: 180px 180px;
  opacity: 0.035;
  animation: grainShift 0.5s steps(4) infinite;
}