@import url("/public/assets/v2/ux-motion.css");
@import url("/public/assets/v2/modular-motion.css");

/* Art motion only. Card sizing, type and the page composition live in home.css. */
.research-art { --research-speed: 1; overflow: visible; }
.research-art[data-motion="paused"] .research-animated { animation-play-state: paused; }
.research-art[data-motion="running"] .research-animated { animation-play-state: running; }
.research-art .research-art-label { font-family: var(--sans, sans-serif); }
.research-art .ai-route { opacity: .65; animation: research-route-breathe calc(8s * var(--research-speed)) ease-in-out infinite; }
.research-art .ai-route-secondary { animation-delay: -4s; opacity: .35; }
.research-art .ai-signal { stroke-dasharray: 2 36 1 260; animation: research-signal-flow calc(12s * var(--research-speed)) linear infinite; opacity: .9; }
.research-art .ai-signal-secondary { animation-delay: -6s; animation-direction: reverse; }
.research-art .ai-node { animation: research-node-breathe calc(6s * var(--research-speed)) ease-in-out infinite; animation-delay: var(--phase); }
.research-art .ai-depth { animation: research-network-depth calc(14s * var(--research-speed)) ease-in-out infinite; }
.research-art[data-engaged="true"],
.idea-card.is-selected .research-art,
.research-card.is-selected .research-art,
[aria-pressed="true"] .research-art,
.reading-art .research-art { opacity: 1; filter: blur(0); }
.research-art[data-engaged="true"] .ai-flow,
.research-art[data-engaged="true"] .ux-current-choice,
.research-art[data-engaged="true"] .modular-locks { filter: drop-shadow(0 0 3px #cbd9f04d); }
@keyframes research-signal-flow { from { stroke-dashoffset: 300; } to { stroke-dashoffset: 0; } }
@keyframes research-route-breathe { 0%,100% { opacity: .35; } 50% { opacity: .95; } }
@keyframes research-node-breathe { 0%,100% { opacity: .45; } 45%,60% { opacity: 1; } }
@keyframes research-network-depth { 0%,100% { transform: translate(0,10px); } 50% { transform: translate(0,5px); } }
@media (hover: none), (pointer: coarse) {
  .research-art { --research-speed: 1.5; }
}
@media (prefers-reduced-motion: reduce) {
  .research-art .research-animated { animation: none !important; }
  .research-art { filter: none; transition: none; }
}