.feat-other-four-lights .scene { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.feat-other-four-lights .names {
  position: absolute; left: 0; right: 0; bottom: 6%; margin: 0; padding: 0; list-style: none;
  display: flex; justify-content: center; gap: 7vw; pointer-events: none;
}
.feat-other-four-lights .name {
  display: flex; flex-direction: column; align-items: center; gap: .45em;
  font: 500 10px/1 var(--font-ui); letter-spacing: .18em; text-transform: uppercase;
  color: var(--fg-dim); opacity: .38; transition: opacity 1.2s var(--ease), color 1.2s var(--ease);
}
.feat-other-four-lights .name .k { font-size: .9em; letter-spacing: .12em; opacity: .7; text-transform: none; }
.feat-other-four-lights .name.is-on { color: var(--fg); opacity: .9; }
@media (min-width: 700px) {
  .feat-other-four-lights .name { font-size: 12px; }
  .feat-other-four-lights .names { gap: 72px; bottom: 7%; }
}
.feat-other-four-lights:not(.is-visible) * { animation-play-state: paused; }