.pixelia-logo-3d {
  position: relative;
  width: clamp(250px, 27vw, 430px);
  aspect-ratio: 4 / 5;
  perspective: 1100px;
  pointer-events: none;
}

.pixelia-logo-3d canvas {
  position: absolute;
  inset: -10%;
  display: block;
  width: 120%;
  height: 120%;
}

.pixelia-logo-3d::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  bottom: 4%;
  width: 62%;
  height: 8%;
  transform: translateX(-50%);
  border-radius: 50%;
  background: rgba(10, 47, 93, .18);
  filter: blur(20px);
}

.pixelia-logo-3d__loading {
  position: absolute;
  left: 50%;
  bottom: 7%;
  transform: translateX(-50%);
  color: rgba(10, 47, 93, .62);
  font: 700 11px/1.2 Inter, Arial, sans-serif;
  letter-spacing: .08em;
  white-space: nowrap;
}

@media (max-width: 720px) {
  .pixelia-logo-3d { width: clamp(220px, 66vw, 300px); }
}

@media (prefers-reduced-motion: reduce) {
  .pixelia-logo-3d { transform: none; }
}