/* In Between: the Cases node, a sibling of the other projects (AI product experience cases at /cases/). */
.between-node-cases { top: 24px; left: 79%; }
.cases-visual { width: 150px; color: var(--accent-color); }
.cases-card { fill: var(--background-color); }
.cases-card-back { opacity: .55; transform-box: fill-box; transform-origin: 50% 100%; transition: transform 1100ms ease-in-out; }
.cases-lens { transition: transform 1100ms ease-in-out; }
.between-node-cases:is(:hover, :focus-visible, .is-awake) .cases-card-back { transform: rotate(6deg) translateX(4px); }
.between-node-cases:is(:hover, :focus-visible, .is-awake) .cases-lens { transform: translate(-10px, -12px); }
@media (max-width: 1024px) { .between-node-cases { left: 74%; } }
@media (max-width: 640px) { .between-node-cases { top: 120px; right: 0; left: auto; min-width: 0; } .cases-visual { width: 120px; } }
@media (prefers-reduced-motion: reduce) { .cases-card-back, .cases-lens { transition: none; } }