/* Flat vector direction for the digital ecosystem and future section only. */
.ecosystem-map { perspective: none; }
.eco-art-plane { transform: none !important; transition: none; }
.eco-art-plane img { object-fit: contain; }
.eco-art-mask, .eco-light, .ecosystem-map .orbit { display: none; }
.ecosystem-map .eco-node, .ecosystem-map .person-center {
  backdrop-filter: none; box-shadow: none; background: #183454; border-color: #5d82b1;
}
.ecosystem-map .eco-node:hover { background: #244875; box-shadow: none; transform: translate(-50%, -50%); }
.ecosystem-map .eco-node[aria-pressed="true"] { background: #f0f6fd; color: #16365f; box-shadow: none; border-color: #f0f6fd; }
.ecosystem-map .person-center { background: #e8f0fb; border: 0; }
.eco-path { background: #719aca; }
.eco-path i { width: 5px; height: 5px; top: -2px; border-radius: 50%; background: #c3dcfa; }
.future-art { border-radius: 8px; aspect-ratio: 1.32; border: 1px solid #d8e3f0; }
.future-art img { object-fit: contain; }
.future-art:hover img { transform: none; }
.future-art figcaption { background: #eef3f9; padding: 15px 22px; }
.future-art figcaption strong { font-size: 20px; }
@media (max-width: 900px) { .future-art { aspect-ratio: 1; } }
@media (max-width: 640px) {
  .eco-art-plane { inset: 0; }
  .future-art { aspect-ratio: 1.15; }
  .future-art figcaption { padding: 12px 18px; }
}