/* ============================================================
   SPTech24 — noise.css
   SVG feTurbulence overlay. Фиксированный слой, pointer-events:none,
   НЕ на скроллящихся контейнерах (иначе перерисовка на каждом кадре).
   ============================================================ */
.noise{
  position:fixed;
  inset:0;
  z-index:1;
  pointer-events:none;
  opacity:.045;
  mix-blend-mode:overlay;
  /* инлайн feTurbulence как data-URI — без сетевого запроса */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:180px 180px;
}
/* лёгкая верхняя виньетка-янтарь, чтобы фон не был «плоским чёрным» */
.noise::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(120% 80% at 78% -10%, color-mix(in oklab, var(--accent) 9%, transparent), transparent 60%),
    radial-gradient(90% 60% at 8% 110%, color-mix(in oklab, var(--accent) 5%, transparent), transparent 55%);
  mix-blend-mode:screen;
}
@media (prefers-reduced-transparency: reduce){
  .noise{opacity:.03;mix-blend-mode:normal}
}