/* === 1. СОЦИАЛЬНЫЕ ИКОНКИ === */
.t-sociallinks__item a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  perspective: 800px; /* глубина */
  perspective-origin: center center;
}

.t-sociallinks__svg {
  display: block;
  transform-style: preserve-3d;
  backface-visibility: visible;
  transform-origin: center;
}

/* вращение только при наведении */
.t-sociallinks__item:hover .t-sociallinks__svg {
  animation: spinYonce 1s ease forwards;
}

/* поддержка клавиатурного фокуса */
.t-sociallinks__item a:focus-visible .t-sociallinks__svg {
  animation: spinYonce 1s ease forwards;
}

/* === 2. ИЗОБРАЖЕНИЯ КУРСОВ === */
.t396__artboard[data-artboard-recid="1246838466"] .tn-elem[data-elem-type="image"] .tn-atom {
  display: inline-block;
  perspective: 800px;
  perspective-origin: center center;
}

.t396__artboard[data-artboard-recid="1246838466"] .tn-elem[data-elem-type="image"] .tn-atom__img {
  display: block;
  transform-style: preserve-3d;
  backface-visibility: visible;
  transform-origin: center center;
}

/* вращение только при наведении */
.t396__artboard[data-artboard-recid="1246838466"] 
  .tn-elem[data-elem-type="image"]:hover .tn-atom__img {
  animation: spinYonce 1.2s ease forwards;
}

/* поддержка клавиатурного фокуса */
.t396__artboard[data-artboard-recid="1246838466"] 
  .tn-elem[data-elem-type="image"] .tn-atom:focus-visible .tn-atom__img {
  animation: spinYonce 1.2s ease forwards;
}

/* === ОБЩИЕ КАДРЫ АНИМАЦИИ === */
@keyframes spinYonce {
  0%   { transform: rotateY(0deg); }
  100% { transform: rotateY(360deg); }
}

/* Уважение системных настроек «меньше анимации» */
@media (prefers-reduced-motion: reduce) {
  .t-sociallinks__svg,
  .t396__artboard[data-artboard-recid="1246838466"] .tn-atom__img {
    animation: none !important;
    transition: none !important;
  }
}