/* IQAI card kinetics.
   Gentle proximity motion for editorial cards, with a stronger local micro-field. */

.iq-card-kinetic{
  --iq-card-rx:0deg;
  --iq-card-ry:0deg;
  --iq-card-lift:0px;
  --iq-card-x:50%;
  --iq-card-y:50%;
  --iq-card-shift-x:0px;
  --iq-card-shift-y:0px;
  --iq-card-content-x:0px;
  --iq-card-content-y:0px;
  position:relative;
  isolation:isolate;
  transform:perspective(950px) translate3d(0,var(--iq-card-lift),0) rotateX(var(--iq-card-rx)) rotateY(var(--iq-card-ry));
  transform-style:preserve-3d;
  transition:transform 280ms cubic-bezier(.22,1,.36,1),background 180ms ease,box-shadow 240ms ease,border-color 180ms ease;
  will-change:transform;
}

.iq-card-kinetic::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:radial-gradient(circle,rgba(17,17,17,.42) .72px,transparent 1.03px);
  background-size:8px 8px;
  opacity:0;
  -webkit-mask-image:radial-gradient(circle 96px at var(--iq-card-x) var(--iq-card-y),#000 0%,rgba(0,0,0,.82) 44%,transparent 100%);
  mask-image:radial-gradient(circle 96px at var(--iq-card-x) var(--iq-card-y),#000 0%,rgba(0,0,0,.82) 44%,transparent 100%);
  transition:opacity 130ms ease;
}

.iq-card-kinetic>*{position:relative;z-index:1}
.iq-card-kinetic.iq-card-active{--iq-card-lift:-8px;box-shadow:0 20px 42px rgba(17,17,17,.07)}
.iq-page-home .explore-card.iq-card-kinetic{overflow:hidden}
.iq-page-home .explore-card.iq-card-active{background:#fff}
.iq-page-home .explore-card.iq-card-active::before{opacity:.24}
.iq-page-home .explore-card.iq-card-active .card-visual svg{transform:translate3d(var(--iq-card-shift-x),var(--iq-card-shift-y),0) scale(1.02)}
.iq-page-home .card-visual svg{transition:transform 300ms cubic-bezier(.22,1,.36,1);transform-origin:center}

.iq-page-method .method-step.iq-card-kinetic{overflow:hidden;padding-top:30px;padding-bottom:34px}
.iq-page-method .method-step::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;background:radial-gradient(circle 148px at var(--iq-card-x) var(--iq-card-y),rgba(255,255,255,.92),rgba(255,255,255,.52) 26%,rgba(255,255,255,0) 72%);transition:opacity 140ms ease}
.iq-page-method .method-step.iq-card-active{background:#fbfbfb;box-shadow:0 22px 48px rgba(17,17,17,.075)}
.iq-page-method .method-step.iq-card-active::before{opacity:.34}
.iq-page-method .method-step.iq-card-active::after{opacity:1}
.iq-page-method .method-step h3,
.iq-page-method .method-step>p,
.iq-page-method .method-step ul,
.iq-page-method .method-step small{transition:transform 260ms cubic-bezier(.22,1,.36,1),color 180ms ease}
.iq-page-method .method-step.iq-card-active h3{transform:translate3d(var(--iq-card-content-x),calc(var(--iq-card-content-y) - 3px),0)}
.iq-page-method .method-step.iq-card-active>p{transform:translate3d(calc(var(--iq-card-content-x) * .65),calc(var(--iq-card-content-y) * .55),0)}
.iq-page-method .method-step.iq-card-active ul{transform:translate3d(calc(var(--iq-card-content-x) * .4),calc(var(--iq-card-content-y) * .4),0)}
.iq-page-method .method-step.iq-card-active small{transform:translate3d(calc(var(--iq-card-content-x) * .3),0,0);color:#444}

@media(max-width:980px){.iq-card-kinetic{transform:none!important;box-shadow:none!important}.iq-card-kinetic::before,.iq-page-method .method-step::after{display:none}}
@media(prefers-reduced-motion:reduce){.iq-card-kinetic{transform:none!important;transition:none!important;box-shadow:none!important}.iq-card-kinetic::before,.iq-page-method .method-step::after{display:none}.iq-page-home .card-visual svg,.iq-page-method .method-step h3,.iq-page-method .method-step>p,.iq-page-method .method-step ul,.iq-page-method .method-step small{transition:none!important}}