/* Restores the original spatial depth without changing the locked showcase design. */
.demo-orbit{
  --rx:0deg;--ry:0deg;--lift:0px;
  transform-style:preserve-3d;
  transform:perspective(1300px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(var(--lift));
  transition:transform .22s cubic-bezier(.2,.7,.2,1);
  will-change:transform
}
.orbit-ring{transform:translateZ(-90px);animation:orbit-drift 18s linear infinite}
.orbit-ring-two{transform:translateZ(-55px) rotate(18deg);animation-direction:reverse;animation-duration:24s}
.orbit-back-one{transform:translate3d(-16px,-30px,-55px) rotate(-6deg)}
.orbit-back-two{transform:translate3d(38px,42px,-28px) rotate(7deg)}
.orbit-screen{
  transform:translateZ(45px) rotate(-1.1deg);
  box-shadow:0 35px 85px rgba(15,28,52,.3),0 10px 24px rgba(15,28,52,.12);
  transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease
}
.demo-orbit:hover .orbit-screen{transform:translateZ(62px) rotate(-.6deg);box-shadow:0 48px 105px rgba(15,28,52,.34),0 12px 30px rgba(15,28,52,.14)}
.orbit-screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,35%),rgba(255,255,255,.14),transparent 32%);mix-blend-mode:screen;opacity:.7;z-index:8}
.orbit-tabs{transform:translateZ(78px)}
.orbit-tabs button{transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}
.orbit-tabs button:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(25,48,84,.13)}
.orbit-tabs button.active{transform:translateY(-4px);box-shadow:0 14px 28px rgba(7,22,43,.2)}
@keyframes orbit-drift{to{rotate:360deg}}
@media(max-width:760px){
  .demo-orbit{transform:none;min-height:530px}
  .orbit-screen{transform:rotate(-.6deg)}
  .demo-orbit:hover .orbit-screen{transform:rotate(-.6deg)}
  .orbit-ring{animation-duration:28s}
  .orbit-tabs{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .demo-orbit,.orbit-screen,.orbit-ring,.orbit-tabs button{animation:none!important;transition:none!important}
}