.atlas-ground {
  position: absolute;
  inset: 0;
  overflow: hidden;
  color: var(--ink);
  opacity: 0.236;
  pointer-events: none;
}

.atlas-quiet { opacity: 0.146; }

.atlas-object-left {
  -webkit-mask: radial-gradient(min(610px, 90vw) min(377px, 70vh) at 38.2% 38.2%, #000 38.2%, transparent 91%);
  mask: radial-gradient(min(610px, 90vw) min(377px, 70vh) at 38.2% 38.2%, #000 38.2%, transparent 91%);
}

.atlas-object-right {
  -webkit-mask: radial-gradient(min(610px, 90vw) min(377px, 70vh) at 61.8% 38.2%, #000 38.2%, transparent 91%);
  mask: radial-gradient(min(610px, 90vw) min(377px, 70vh) at 61.8% 38.2%, #000 38.2%, transparent 91%);
}

.atlas-header {
  -webkit-mask: radial-gradient(min(610px, 90vw) min(377px, 70vh) at 85.4% 50%, #000 38.2%, transparent 91%);
  mask: radial-gradient(min(610px, 90vw) min(377px, 70vh) at 85.4% 50%, #000 38.2%, transparent 91%);
}

.atlas-header-product {
  -webkit-mask: radial-gradient(min(610px, 90vw) min(377px, 70vh) at 85.4% 38.2%, #000 38.2%, transparent 91%);
  mask: radial-gradient(min(610px, 90vw) min(377px, 70vh) at 85.4% 38.2%, #000 38.2%, transparent 91%);
}

.atlas-watermark-left {
  -webkit-mask: radial-gradient(min(987px, 95vw) min(610px, 80vh) at 14.6% 38.2%, #000 38.2%, transparent 91%);
  mask: radial-gradient(min(987px, 95vw) min(610px, 80vh) at 14.6% 38.2%, #000 38.2%, transparent 91%);
}

.atlas-watermark-right {
  -webkit-mask: radial-gradient(min(987px, 95vw) min(610px, 80vh) at 85.4% 38.2%, #000 38.2%, transparent 91%);
  mask: radial-gradient(min(987px, 95vw) min(610px, 80vh) at 85.4% 38.2%, #000 38.2%, transparent 91%);
}

.atlas-macro {
  -webkit-mask: radial-gradient(min(1597px, 120vw) min(987px, 90vh) at 50% 50%, #000 38.2%, transparent 91%);
  mask: radial-gradient(min(1597px, 120vw) min(987px, 90vh) at 50% 50%, #000 38.2%, transparent 91%);
}