/*
   InoQi EDU 2.45 - Cross-device grain overlay
   Goal: subtle film grain that renders consistently on desktop/mobile.
*/

.fx-grain-overlay {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  pointer-events: none;
  background-color: transparent;
  background-image: radial-gradient(rgba(255, 255, 255, 0.14) 0.55px, transparent 0.6px),
    radial-gradient(rgba(0, 0, 0, 0.11) 0.55px, transparent 0.6px);
  background-repeat: repeat;
  background-size: 6px 6px, 7px 7px;
  background-position: 0 0, 2px 3px;
  opacity: 0.07;
  mix-blend-mode: normal;
  filter: none;
  visibility: visible;
}

body:not(.home-page) .fx-grain-overlay {
  display: none;
}

@media (max-width: 1024px), (hover: none), (pointer: coarse) {
  .fx-grain-overlay {
    opacity: 0.04;
    background-size: 8px 8px, 9px 9px;
  }
}