/* by jqu224 — restrained light along actual grid lines */
/* The document owns the background; the centered body only limits content. */
html { position: relative; min-height: 100%; }
.company-grid {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background-image:
    linear-gradient(#3c99940b 1px, transparent 1px),
    linear-gradient(90deg, #3c99940b 1px, transparent 1px),
    linear-gradient(#4598ac04 1px, transparent 1px),
    linear-gradient(90deg, #4598ac04 1px, transparent 1px);
  background-size: 40px 40px, 40px 40px, 8px 8px, 8px 8px;
  background-position: 0 0;
}
main > section > .shell,
body > .close > .shell {
  position: relative;
  z-index: 1;
}
.company-grid__horizontal,
.company-grid__vertical {
  position: absolute;
  display: block;
  opacity: 0;
}
.company-grid__horizontal {
  left: -80px;
  top: 0;
  width: 160px;
  height: 1px;
  background: linear-gradient(90deg, transparent, #459eaa38, transparent);
}
.company-grid__vertical {
  top: -80px;
  left: 0;
  width: 1px;
  height: 160px;
  background: linear-gradient(transparent, #459eaa38, transparent);
}
@media (prefers-reduced-motion: reduce) {
  .company-grid > span { display: none; }
}
@media print {
  .company-grid { display: none; }
}