/* Reactive grid FX — пакет базовой сетки для НОВЫХ секций.
   Лендинг (.hero) НЕ грузит этот файл — у него своя .hero::before.
   Использование: <section class="fx-grid"><div class="fx-inner">…</div></section>
   + подключить /assets/fx-grid.js. Цвет ячеек: data-fx-color, шаг: --fx-cell. */
.fx-grid{position:relative;overflow:hidden}
.fx-inner{position:relative;z-index:1}
.fx-grid::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:
    linear-gradient(var(--line,#E2E0D7) 1px,transparent 1px),
    linear-gradient(90deg,var(--line,#E2E0D7) 1px,transparent 1px);
  background-size:var(--fx-cell,48px) var(--fx-cell,48px);
  -webkit-mask-image:radial-gradient(120% 80% at 80% 0,#000,transparent 70%);
          mask-image:radial-gradient(120% 80% at 80% 0,#000,transparent 70%);
  opacity:.7}