body {
  background: radial-gradient(ellipse at 85% 32%, #26081040, transparent 52%), #000;
}

.ghost-fibers-backdrop {
  position: fixed;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0.55;
  pointer-events: none;
}

.eye-opening { background: #000; }
.eye-opening .ghost-fibers-backdrop { visibility: hidden; }

.experience-home :is(.eye-journey, .eye-sticky, .tear-unfold, .tear-unfold-stage, .archive-stage),
.experience-home > .exp-section {
  background-color: transparent;
}

.experience-home .light-entry-section {
  background-color: #0b080a66;
}

@media (max-width: 780px) {
  .ghost-fibers-backdrop { opacity: 0.45; }
}

@media (forced-colors: active) {
  .ghost-fibers-backdrop { visibility: hidden; }
}