.motion-layer {
  opacity: .34;
  overflow: hidden;
  transition: opacity var(--motion-slow) var(--ease-cinematic);
}

[data-theme="night"] .motion-layer { opacity: .56; }
[data-theme="dawn"] .motion-layer { opacity: .15; }
.motion-layer[data-three="failed"],
.motion-layer[data-three="disabled"] { display: none; }

main { z-index: 1; }

@media (max-width: 767px) {
  .motion-layer { opacity: .26; }
  [data-theme="night"] .motion-layer { opacity: .4; }
  [data-theme="dawn"] .motion-layer { opacity: .12; }
}

@media (max-width: 350px), (prefers-reduced-motion: reduce) {
  .motion-layer { display: none; }
}