/* ========================================
   FILM GRAIN OVERLAY
   subtle animated noise over the whole page,
   à la floatingvoices.ie (div.grain).
   Self-contained: no JS, no external assets.
   Decorative only — pointer-events: none,
   aria-hidden in markup.
   ======================================== */

.grain {
    position: fixed;

    top: -100px;
    right: -100px;
    bottom: -100px;
    left: -100px;

    z-index: 500;

    pointer-events: none;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");

    background-repeat:
        repeat;

    opacity: .13;
}