/* Vebixo Studio V70.3.3 — luminous perimeter motion
   Source: custom recreation of the user-shared editorial card example.
   Content remains native HTML; colors respect Vebixo's blue/purple palette.
   No dependence on @property or custom-gradient interpolation.
*/
@keyframes vxd-edge-tour {
  0%   {transform: translate(-50%, -50%) rotate(0deg)}
  100% {transform: translate(-50%, -50%) rotate(360deg)}
}
.vxd-motion-card {
  position: relative !important;
  isolation: isolate;
  border-radius: max(18px, var(--vxd-radius, 22px)) !important;
  /* The permanent muted border is the no-CSS-animation fallback. */
  border: 1px solid rgba(34, 116, 239, .36) !important;
  transition: box-shadow .55s cubic-bezier(.16,1,.3,1),
              border-color .55s ease,
              transform .55s cubic-bezier(.16,1,.3,1) !important;
}
/* Remove both versions of the previous glow engine, so there is one ring only. */
.vxd-motion-card > .v703-ring {display:none!important}
.motion-card.vxd-motion-card::before,
.motion-card.vxd-motion-card::after {content:none!important;animation:none!important}
/* Rounded, non-rectangular gradient mask: the moving layer affects ONLY the edge. */
.vxd-motion-card > .vxd-orbit-ring {
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:40!important;
  border-radius:inherit!important;
  padding:2.3px!important;
  overflow:hidden!important;
  pointer-events:none!important;
  background:none!important;
  opacity:.80;
  transition:opacity .65s cubic-bezier(.16,1,.3,1)!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  mask-composite:exclude!important;
}
.vxd-motion-card > .vxd-orbit-ring::before {
  content:"";
  position:absolute;
  top:50%;left:50%;
  width:260%;
  aspect-ratio:1;
  display:block;
  background:conic-gradient(
    from 14deg,
    #1373f5 0deg,
    #fb239e 38deg,
    #bc51e2 84deg,
    #526cf1 124deg,
    #67e3e3 166deg,
    #57b9ed 205deg,
    #a970df 257deg,
    #fb339c 312deg,
    #1373f5 360deg
  );
  transform:translate(-50%,-50%) rotate(0deg);
  transform-origin:center;
  animation:vxd-edge-tour 13.5s linear infinite;
  animation-play-state:running;
  backface-visibility:hidden;
}
/* Idle: border moves slowly. Hover: brighter border, never change its orbit speed. */
.vxd-motion-card:is(:hover,:focus-visible,:focus-within) > .vxd-orbit-ring {opacity:1}
.vxd-motion-card:is(:hover,:focus-visible,:focus-within) {
  border-color:rgba(40,129,255,.5)!important;
  box-shadow:0 20px 54px rgba(31, 35, 92, .13),0 0 0 1px rgba(130,91,239,.07)!important;
}
/* Re-enable original preview's reveal transitions, do not override transforms there. */
.vxd-motion-card :is(.image-well img,.journal-media img,.app-visual img,.editorial-thumb img,.editorial-thumb,.project-photo,.v703-app-media img) {
  filter:none!important;
  transition:transform .72s cubic-bezier(.16,1,.3,1),filter .72s ease!important;
}
.vxd-motion-card:is(:hover,:focus-within) :is(.image-well img,.journal-media img,.app-visual img,.editorial-thumb img,.editorial-thumb,.project-photo,.v703-app-media img) {
  transform:scale(1.037);
}
.vxd-motion-card :is(.circle-arrow,.editorial-card-arrow,.project-story-arrow) {
  transition:transform .45s cubic-bezier(.16,1,.3,1),background .45s ease!important;
}
.vxd-motion-card:is(:hover,:focus-within) :is(.circle-arrow,.editorial-card-arrow,.project-story-arrow) {
  transform:translate(3px,-3px);
}
/* Some legacy styles tint cards and imagery with a purple overlay. Remove it. */
.vxd-motion-card img {filter:none!important}
.vxd-motion-card.vxd-paused > .vxd-orbit-ring::before {animation-play-state:paused}
@media (hover:none),(pointer:coarse) {
  .vxd-motion-card > .vxd-orbit-ring::before {animation-duration:24s}
  .vxd-motion-card:is(:hover,:focus-within) {transform:none!important}
}
@media (prefers-reduced-motion:reduce) {
  .vxd-motion-card > .vxd-orbit-ring::before {
    animation:none!important;
    transform:translate(-50%,-50%) rotate(42deg)!important;
  }
  .vxd-motion-card,
  .vxd-motion-card :is(img,.circle-arrow,.editorial-card-arrow,.project-story-arrow){transition:none!important}
}