/* Site-wide folded fine Ivory dot grid on Onyx.
   field-2880x1800.webp is shown 1:1 so the grid is never resampled.
   Amber ~16% and Solar ~6% wash, one fold, fine grain.
   Freedom, Human, and Network sit once each in the side gutters from 1600px. */

body { position: relative; background-color: #020202; }

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-color: #020202;
  background-image:
    radial-gradient(55% 50% at 72% -8%, rgba(255, 183, 3, 0.16), transparent 70%),
    radial-gradient(42% 45% at -6% 38%, rgba(251, 86, 7, 0.06), transparent 70%),
    url("../field/field-2880x1800.webp");
  background-repeat: no-repeat;
  background-position: 0 0, 0 0, 50% 0;
  background-size: auto, auto, 2880px 1800px;
}

body::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  display: none;
  background-image: url("../field/mark-freedom.png"), url("../field/mark-human.png"), url("../field/mark-network.png");
  background-repeat: no-repeat;
  background-size: auto 112px;
  background-position:
    right calc(25vw - 376px) top 18%,
    left calc(25vw - 376px) top 50%,
    right calc(25vw - 376px) top 82%;
}
@media (min-width: 1600px) { body::after { display: block; } }

.page { position: relative; z-index: 1; }

.grid-bg { display: none; }