/* Desktop-only compact Servo Swipe; touch layouts retain their original motion. */
@media (min-width:801px){
 .stage{--servo-step:min(27vw,340px)}
 .stage .leftCard{transform:translateX(calc(-1 * var(--servo-step))) rotateY(55deg) translateZ(-120px)}
 .stage .rightCard{transform:translateX(var(--servo-step)) rotateY(-55deg) translateZ(-120px)}
 .flowNext .activeCard{animation:compactFromRight .42s cubic-bezier(.2,.72,.2,1) both}
 .flowPrev .activeCard{animation:compactFromLeft .42s cubic-bezier(.2,.72,.2,1) both}
 .flowNext .leftCard,.flowPrev .leftCard{animation:compactLeft .42s ease both}
 .flowNext .rightCard,.flowPrev .rightCard{animation:compactRight .42s ease both}
 @keyframes compactFromRight{from{opacity:.65;transform:translateX(var(--servo-step)) rotateY(-55deg) translateZ(-120px)}to{opacity:1;transform:translateZ(0)}}
 @keyframes compactFromLeft{from{opacity:.65;transform:translateX(calc(-1 * var(--servo-step))) rotateY(55deg) translateZ(-120px)}to{opacity:1;transform:translateZ(0)}}
 @keyframes compactLeft{from{opacity:.9;transform:translateX(-12vw) rotateY(25deg) translateZ(-50px)}to{opacity:.78;transform:translateX(calc(-1 * var(--servo-step))) rotateY(55deg) translateZ(-120px)}}
 @keyframes compactRight{from{opacity:.9;transform:translateX(12vw) rotateY(-25deg) translateZ(-50px)}to{opacity:.78;transform:translateX(var(--servo-step)) rotateY(-55deg) translateZ(-120px)}}
}
@media(min-width:801px) and (prefers-reduced-motion:reduce){.stage .flowCard{animation:none!important}}