/* Экспериментальный узор первого блока: еле видимая сетка-«миллиметровка»
   в фирменном фиолете, книзу растворяется, чтобы не спорить со скрином.
   Откат: убрать подключение этого файла из index.html. */

.hero { position: relative; }
.hero::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background:
    linear-gradient(rgba(91, 91, 214, .06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(91, 91, 214, .06) 1px, transparent 1px);
  background-size: 16px 16px;
  -webkit-mask-image: linear-gradient(180deg, #000 50%, transparent 92%);
  mask-image: linear-gradient(180deg, #000 50%, transparent 92%);
}
.hero .wrap { position: relative; }