/* MegaBrain Arqon tortish v10 — ONE continuous rope, no duplicate rope.
   Only #pageOyin2.arqon-active. Example/question cards are untouched. */
#pageOyin2.arqon-active .arqon-center{
  --arqon-group-shift:0px;
  --arqon-rope-x:0px;
}
/* Both supplied team artworks move as one physical group. */
#pageOyin2.arqon-active .arqon-people.left-team,
#pageOyin2.arqon-active .arqon-people.right-team{
  transition:transform .58s cubic-bezier(.18,.8,.22,1)!important;
  transform:translate3d(var(--arqon-group-shift,0px),0,0)!important;
}
/* The only added rope is the short connector between the two supplied images.
   It is visually matched to the rope already drawn inside those images. */
#pageOyin2.arqon-active .arqon-rope{
  left:39%!important;
  right:39%!important;
  top:54%!important;
  height:10px!important;
  z-index:5!important;
  transform:translate3d(var(--arqon-rope-x,0px),0,0) scaleX(1)!important;
  transform-origin:center center!important;
  transition:transform .58s cubic-bezier(.18,.8,.22,1)!important;
}
#pageOyin2.arqon-active .arqon-rope:before{
  top:3px!important;
  height:5px!important;
  border-radius:999px!important;
  background:linear-gradient(to bottom,#171717 0%,#3b2a20 28%,#a7652b 48%,#1a1a1a 70%,#080808 100%)!important;
  box-shadow:none!important;
}
#pageOyin2.arqon-active .arqon-rope-knot{
  top:0!important;
  width:9px!important;
  height:25px!important;
  background:#e21d2b!important;
  border:0!important;
  box-shadow:none!important;
  z-index:8!important;
}
/* Remove only the inner rope extensions that are already baked into the PNGs.
   The outer rope tails remain untouched. The white mask is behind the new
   connector so the final result reads as one uninterrupted rope. */
#pageOyin2.arqon-active .arqon-people.left-team::after,
#pageOyin2.arqon-active .arqon-people.right-team::after{
  content:""!important;
  position:absolute!important;
  top:47%!important;
  height:15%!important;
  background:#fff!important;
  z-index:2!important;
  pointer-events:none!important;
}
#pageOyin2.arqon-active .arqon-people.left-team::after{
  right:0!important;
  width:44%!important;
}
#pageOyin2.arqon-active .arqon-people.right-team::after{
  left:0!important;
  width:44%!important;
}
/* Pull impulse: teams and connector flex together, then settle. */
#pageOyin2.arqon-active .arqon-center.arqon-pull-now-left .left-team{
  animation:arqonV10PullLeft .68s cubic-bezier(.16,.82,.2,1)!important;
}
#pageOyin2.arqon-active .arqon-center.arqon-pull-now-left .right-team{
  animation:arqonV10ResistLeft .68s cubic-bezier(.16,.82,.2,1)!important;
}
#pageOyin2.arqon-active .arqon-center.arqon-pull-now-right .right-team{
  animation:arqonV10PullRight .68s cubic-bezier(.16,.82,.2,1)!important;
}
#pageOyin2.arqon-active .arqon-center.arqon-pull-now-right .left-team{
  animation:arqonV10ResistRight .68s cubic-bezier(.16,.82,.2,1)!important;
}
#pageOyin2.arqon-active .arqon-center.arqon-pull-now-left .arqon-rope,
#pageOyin2.arqon-active .arqon-center.arqon-pull-now-right .arqon-rope{
  animation:arqonV10RopeStretch .68s cubic-bezier(.16,.82,.2,1)!important;
}
@keyframes arqonV10PullLeft{
  0%,100%{transform:translate3d(var(--arqon-group-shift,0px),0,0)}
  32%{transform:translate3d(calc(var(--arqon-group-shift,0px) - 7px),2px,0)}
  58%{transform:translate3d(calc(var(--arqon-group-shift,0px) - 3px),0,0)}
}
@keyframes arqonV10PullRight{
  0%,100%{transform:translate3d(var(--arqon-group-shift,0px),0,0)}
  32%{transform:translate3d(calc(var(--arqon-group-shift,0px) + 7px),2px,0)}
  58%{transform:translate3d(calc(var(--arqon-group-shift,0px) + 3px),0,0)}
}
@keyframes arqonV10ResistLeft{
  0%,100%{transform:translate3d(var(--arqon-group-shift,0px),0,0)}
  35%{transform:translate3d(calc(var(--arqon-group-shift,0px) - 2px),1px,0)}
  60%{transform:translate3d(var(--arqon-group-shift,0px),0,0)}
}
@keyframes arqonV10ResistRight{
  0%,100%{transform:translate3d(var(--arqon-group-shift,0px),0,0)}
  35%{transform:translate3d(calc(var(--arqon-group-shift,0px) + 2px),1px,0)}
  60%{transform:translate3d(var(--arqon-group-shift,0px),0,0)}
}
@keyframes arqonV10RopeStretch{
  0%{transform:translate3d(var(--arqon-rope-x,0px),0,0) scaleX(1)}
  28%{transform:translate3d(var(--arqon-rope-x,0px),1px,0) scaleX(1.045)}
  55%{transform:translate3d(var(--arqon-rope-x,0px),0,0) scaleX(1.018)}
  100%{transform:translate3d(var(--arqon-rope-x,0px),0,0) scaleX(1)}
}
@media(max-width:700px){
  #pageOyin2.arqon-active .arqon-rope{left:38%!important;right:38%!important;top:53%!important;height:9px!important}
  #pageOyin2.arqon-active .arqon-rope:before{top:3px!important;height:4px!important}
  #pageOyin2.arqon-active .arqon-people.left-team::after,
  #pageOyin2.arqon-active .arqon-people.right-team::after{top:46%!important;height:17%!important}
}