.lightfall-container {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
}
.lightfall-container canvas { display: block; width: 100%; height: 100%; }

.lightfall-hero { position: relative; overflow: hidden; background: var(--bg); }
.lightfall-hero .lightfall-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(10,10,15,.30) 0%, rgba(10,10,15,.55) 55%, var(--bg) 100%);
}
.lightfall-hero .page-hero-inner { position: relative; z-index: 2; }