.ix-lift { transition: transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.22s ease; cursor: pointer; } .ix-lift:hover { transform: translateY(-6px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.13); } .ix-lift:active { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.10); transition-duration: 0.08s; }  .ix-lift-wobbly { transition: transform 0.28s cubic-bezier(0.34, 1.7, 0.64, 1), box-shadow 0.28s cubic-bezier(0.34, 1.7, 0.64, 1); cursor: pointer; } .ix-lift-wobbly:hover { transform: translateY(-8px) rotate(-1.5deg); box-shadow: 6px 14px 28px rgba(0, 0, 0, 0.12); } .ix-lift-wobbly:active { transform: translateY(-2px) rotate(0.5deg) scale(0.97); transition-duration: 0.1s; }  .ix-lift-pop { transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.4), box-shadow 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.4); cursor: pointer; } .ix-lift-pop:hover { transform: translateY(-10px) scale(1.05); box-shadow: 0 16px 32px rgba(0, 0, 0, 0.14); } .ix-lift-pop:active { transform: translateY(2px) scale(0.96); transition: transform 0.08s ease, box-shadow 0.08s ease; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.10); }  .ix-lift-squish { transition: transform 0.3s cubic-bezier(0.34, 1.9, 0.64, 1), box-shadow 0.3s ease; cursor: pointer; transform-origin: bottom center; } .ix-lift-squish:hover { transform: translateY(-8px) scaleY(1.04); box-shadow: 0 14px 30px rgba(0, 0, 0, 0.13); } .ix-lift-squish:active { transform: scaleY(0.93) scaleX(1.04); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); transition-duration: 0.08s; }  .ix-tilt { transition: transform 0.08s linear; cursor: pointer; transform-style: preserve-3d; will-change: transform; }  .ix-reveal { cursor: pointer; border: 1.5px solid transparent; transition: border-color 0.22s ease, transform 0.22s cubic-bezier(0.34, 1.4, 0.64, 1), box-shadow 0.22s ease; overflow: hidden; } .ix-reveal:hover { border-color: currentColor; transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.09); } .ix-reveal .ix-reveal-body { max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.32s ease, opacity 0.25s ease; } .ix-reveal:hover .ix-reveal-body { max-height: 200px; opacity: 1; } .ix-reveal .ix-reveal-dot { display: inline-block; transition: transform 0.22s cubic-bezier(0.34, 1.6, 0.64, 1); } .ix-reveal:hover .ix-reveal-dot { transform: scale(1.5); }  .ix-quote { position: relative; cursor: default; border-left: 3px solid transparent; padding-left: 1.25rem; transition: border-color 0.2s ease; overflow: hidden; } .ix-quote::before { content: ''; position: absolute; top: 0; left: -3px; width: 3px; height: 0; background: #1a5c9a; transition: height 0.38s cubic-bezier(0.4, 0, 0.2, 1); border-radius: 0; } .ix-quote:hover::before { height: 100%; } .ix-quote:hover { border-color: #6e298d; }