@layer sections {
  #local {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
      radial-gradient(circle at 78% 24%, rgba(235, 212, 65, 0.18), transparent 36%),
      repeating-linear-gradient(
        0deg,
        rgba(239, 231, 221, 0.08) 0 1px,
        transparent 1px 26px
      ),
      repeating-linear-gradient(
        90deg,
        rgba(239, 231, 221, 0.06) 0 1px,
        transparent 1px 26px
      ),
      linear-gradient(145deg, #26361e 0%, #40522a 56%, #182113 100%);
  }

  #local::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background:
      radial-gradient(
        circle at 82% 78%,
        rgba(255, 255, 255, 0.16) 0 12%,
        transparent 13% 100%
      ),
      radial-gradient(
        circle at 18% 20%,
        rgba(255, 255, 255, 0.14) 0 14%,
        transparent 15% 100%
      );
    opacity: 0.75;
  }

  #local > * {
    position: relative;
    z-index: 1;
  }
}