/* CAS Premium Interactions v1 — isolated enhancement layer */

@media (hover: hover) and (pointer: fine) {
  .cas-interactive {
    --cas-mouse-x: 50%;
    --cas-mouse-y: 50%;
    --cas-rotate-x: 0deg;
    --cas-rotate-y: 0deg;
    position: relative;
    isolation: isolate;
    will-change: auto;
  }

  .cas-interactive::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: radial-gradient(
      340px circle at var(--cas-mouse-x) var(--cas-mouse-y),
      rgba(201, 162, 39, .13),
      transparent 72%
    );
    opacity: 0;
    pointer-events: none;
    transition: opacity .35s ease;
    z-index: 1;
  }

  .cas-interactive:hover::after {
    opacity: 1;
  }

  .cas-interactive > * {
    position: relative;
    z-index: 2;
  }

  .cas-interactive.cas-hover-active {
    border-color: rgba(201, 162, 39, .48);
    box-shadow:
      0 24px 55px rgba(5, 25, 48, .13),
      0 0 25px rgba(201, 162, 39, .09);
  }

  .cas-magnetic {
    --cas-magnetic-x: 0px;
    --cas-magnetic-y: 0px;
  }

  .cas-magnetic-inner {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: translate3d(
      var(--cas-magnetic-x),
      var(--cas-magnetic-y),
      0
    );
    transition: transform .3s cubic-bezier(.2, .8, .2, 1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .cas-interactive::after {
    display: none !important;
  }

  .cas-magnetic-inner {
    transform: none !important;
    transition: none !important;
  }
}

/* CAS 3D Tilt v2 */
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .home-recognition .recognition-card.cas-tilt-ready {
    perspective: 1000px;
  }
  .home-recognition .recognition-card.cas-tilt-ready .recognition-card-inner {
    transform: rotateX(var(--cas-tilt-x, 0deg)) rotateY(var(--cas-tilt-y, 0deg));
    transform-style: preserve-3d;
    transition: transform 320ms cubic-bezier(.2,.8,.2,1);
    backface-visibility: hidden;
  }
  .home-recognition .recognition-card.cas-tilt-active .recognition-card-inner {
    transition-duration: 90ms;
  }
}

/* CAS Magnetic CTA v3 */
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .cas-magnetic-v3 {
    --cas-mag-x: 0px;
    --cas-mag-y: 0px;
  }
  .cas-magnetic-v3 .cas-magnetic-content {
    display: inline-flex;
    align-items: center;
    gap: inherit;
    transform: translate3d(var(--cas-mag-x), var(--cas-mag-y), 0);
    transition: transform 280ms cubic-bezier(.2,.8,.2,1);
    pointer-events: none;
  }
  .cas-magnetic-v3.cas-magnetic-active .cas-magnetic-content {
    transition-duration: 80ms;
  }
}