/* ==========================================================================
   ДУБЛЬ HERO (#top-v2) — мерцание поверх фоновой картинки
   --------------------------------------------------------------------------
   Тот же приём, что в подвале (#contacts): тайловая текстура tv-noise.png,
   инвертированная и включённая в режиме screen, плюс мелкое зерно.
   Слои лежат под контентом (z-index:0) и над фоном .hero-block,
   поэтому рябь видна только на фотографии 3b.jpg.
   Сдвиг кадров делает js/pixel-static.js (data-px-static).
   ========================================================================== */

.hero-block--flicker{isolation:isolate}
.hero-flicker{
  position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;
}
.hero-flicker-noise,
.hero-flicker-grain{
  position:absolute;inset:0;
  background-image:url(../img/tv-noise.png);
  background-repeat:repeat;
  background-position:0 0;
  background-size:425px auto;
  filter:invert(1);
  mix-blend-mode:screen;
  opacity:.176;
  pointer-events:none;
}
.hero-flicker-noise{
  -webkit-mask:linear-gradient(180deg,transparent 0%,#000 12%,#000 86%,transparent 100%);
  mask:linear-gradient(180deg,transparent 0%,#000 12%,#000 86%,transparent 100%);
}
.hero-flicker-grain{
  background-size:212px auto;
  opacity:.04;
}

@media (max-width:760px){
  .hero-flicker-noise{opacity:.16}
  .hero-flicker-grain{display:none}
}

@media (prefers-reduced-motion:reduce){
  .hero-flicker-noise{opacity:.192}
}