/* Full-viewport 3D layer. Content keeps its original stacking order. */
.logo-motion {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  contain: strict;
}
.logo-motion canvas { display: block; width: 100%; height: 100%; }
.logo-motion-fallback {
  position: absolute;
  left: -18px;
  bottom: -14px;
  width: clamp(180px, 22vw, 290px);
  height: auto;
}
.logo-motion[data-state="ready"] .logo-motion-fallback { visibility: hidden; }
.logo-motion[data-state="fallback"] canvas { visibility: hidden; }
@media (max-width: 679px) {
  .app-bg .logo-motion { opacity: .5; }
}