#sphere {
  width: 100%;
  height: 100%;
  display: block;
  cursor: grab;
}

#sphere:active {
  cursor: grabbing;
}

.services__item {
  position: relative;
  border-radius: 12px;

}

/* Контейнер канвы */
.canvas-wrapper {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0; /* 👈 ниже контента */
}

/* Канва */
.canvas-wrapper canvas {
  width: 100%;
  height: 100%;
  display: block;
  opacity: 1;
  transform: scale(0.5) translate(43%, 100%);
  transform-origin: center;
  background: transparent;
}
/* Контент всегда поверх канвы */
.services__item > *:not(.canvas-wrapper) {
  position: relative;
  z-index: 1;
}
/*====================================================================*/
/* Карточка преимущества */
.advantages__item {
  position: relative;
  border-radius: 12px;

}

/* Обертка канвы */
.advantages__item .canvas-wrapper {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

/* Сама канва */
.advantages__item .canvas-wrapper canvas {
  width: 100%;
  height: 100%;
  display: block;
  transform-origin: center;
  transform: scale(0.6) translate(70%, 50%);
  opacity: 0.7;
}

/* Контент поверх канвы */
.advantages__item > *:not(.canvas-wrapper) {
  position: relative;
  z-index: 1;
}
/*=========================================================*/