.a3-spin-mark {
  display: grid;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.a3-spin-mark > .a3-spin-video,
.a3-spin-mark > .a3-spin-still {
  grid-area: 1 / 1;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
}
.a3-spin-video {
  display: block;
  object-fit: contain;
  mix-blend-mode: screen;
  background: transparent;
}
.a3-spin-still {
  display: none;
  background: url("../brand/crest-light-216x240.webp") center / contain no-repeat;
}
@keyframes a3-spin-turn {
  from { transform: perspective(400px) rotateY(0deg); }
  to { transform: perspective(400px) rotateY(-360deg); }
}
@media (prefers-reduced-data: reduce) {
  .a3-spin-video { display: none; }
  .a3-spin-still { display: block; animation: a3-spin-turn 6s linear infinite; }
}
@media (prefers-reduced-motion: reduce) {
  .a3-spin-video { display: none; }
  .a3-spin-still { display: block; animation: none; transform: none; }
}