/* Eleven small brand stories, activated by hovering their respective card. */
#unidades .segment-card .brand-art * { animation:none; }
#unidades .segment-card .brand-art { perspective:700px; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  #unidades .segment-card:hover .chart-line { stroke-dasharray:500;animation:market-draw 4.5s ease infinite; }
  #unidades .segment-card:hover .chart-area { animation:market-volume 4.5s ease infinite; }
  #unidades .segment-card:hover .candle-chart i { animation:market-candle 2.4s ease-in-out infinite;transform-origin:center; }
  #unidades .segment-card:hover .candle-chart i:nth-child(2n) { animation-delay:-.8s; }
  #unidades .segment-card:hover .candle-chart i:nth-child(3n) { animation-delay:-1.6s; }
  #unidades .segment-card:hover .data-orbit { animation:radar-expand 3s ease-out infinite; }
  #unidades .segment-card:hover .alliance-network path { stroke-dasharray:500;animation:alliance-connect 4s ease infinite; }
  #unidades .segment-card:hover .alliance-network circle { animation:alliance-pulse 2s ease-in-out infinite;transform-box:fill-box;transform-origin:center; }
  #unidades .segment-card:hover .alliance-network circle:nth-of-type(2n) { animation-delay:-1s; }
  #unidades .segment-card:hover .order-slip { animation:order-delivery 5.5s cubic-bezier(.2,.75,.25,1) infinite; }
  #unidades .segment-card:hover .feka-orbit { animation:radar-expand 3s ease-out infinite; }
  #unidades .segment-card:hover .training-bars { animation:weight-lift 2.2s ease-in-out infinite; }
  #unidades .segment-card:hover .training-bars i { animation:training-energy 1.5s ease-in-out infinite alternate;transform-origin:bottom; }
  #unidades .segment-card:hover .training-bars i:nth-child(2n) { animation-delay:-.75s; }
  #unidades .segment-card:hover .training-mark { animation:athletic-drive 2.2s ease-in-out infinite; }
  #unidades .segment-card:hover .blueprint > path:not(.dimension) { stroke-dasharray:1000;animation:architecture-build 5s ease infinite; }
  #unidades .segment-card:hover .blueprint .dimension { animation:dimension-scan 5s ease infinite; }
  #unidades .segment-card:hover .post-front { animation:shuffle-front 5s ease-in-out infinite; }
  #unidades .segment-card:hover .post-back { animation:shuffle-back 5s ease-in-out infinite; }
  #unidades .segment-card:hover .paper-front { animation:document-process 5s ease-in-out infinite; }
  #unidades .segment-card:hover .paper-chart b { animation:report-grow 5s ease infinite;transform-origin:bottom; }
  #unidades .segment-card:hover .paper-front em { animation:report-approve 5s ease infinite; }
  #unidades .segment-card:hover .credit-card { animation:credit-turn 5.5s cubic-bezier(.45,0,.25,1) infinite; }
  #unidades .segment-card:hover .credit-chip { animation:chip-signal 2s ease-in-out infinite; }
  #unidades .segment-card:hover .growth-curve { stroke-dasharray:400;animation:growth-climb 5s ease infinite; }
  #unidades .segment-card:hover .growth-art circle { animation:growth-point 5s ease infinite;transform-box:fill-box;transform-origin:center; }
  #unidades .segment-card:hover .invite-art b { animation:idea-create 4s ease-in-out infinite; }
  #unidades .segment-card:hover .invite-art span { animation:idea-orbit 4s ease-in-out infinite; }
  #unidades .segment-card:hover .invite-art span:nth-child(2) { animation-delay:-2s; }
}
@keyframes market-draw { 0% { stroke-dashoffset:500;opacity:.3; } 45%,85% { stroke-dashoffset:0;opacity:1; } 100% { stroke-dashoffset:0;opacity:.3; } }
@keyframes market-volume { 0%,100% { opacity:.2; } 50%,85% { opacity:1; } }
@keyframes market-candle { 0%,100% { scale:1 1;translate:0 0; } 50% { scale:1 1.35;translate:0 -6px; } }
@keyframes radar-expand { 0% { scale:.88;opacity:.7; } 100% { scale:1.12;opacity:.15; } }
@keyframes alliance-connect { 0% { stroke-dashoffset:500; } 60%,100% { stroke-dashoffset:0; } }
@keyframes alliance-pulse { 50% { scale:1.16;stroke:#fff0bc;stroke-width:2; } }
@keyframes order-delivery { 0% { translate:145px -75px;rotate:20deg;opacity:0; } 5% { opacity:1; } 24% { translate:-8px 4px;rotate:-5deg; } 35%,78% { translate:0 0;rotate:0deg;opacity:1; } 100% { translate:-25px 115px;rotate:-13deg;opacity:0; } }
@keyframes weight-lift { 0%,100% { translate:0 0; } 45%,65% { translate:0 -20px; } }
@keyframes training-energy { to { scale:1 .72;opacity:.6; } }
@keyframes athletic-drive { 50% { translate:8px -3px;opacity:.65; } }
@keyframes architecture-build { 0% { stroke-dashoffset:1000;opacity:.4; } 65%,90% { stroke-dashoffset:0;opacity:1; } 100% { stroke-dashoffset:0;opacity:.4; } }
@keyframes dimension-scan { 0%,35% { opacity:0; } 65%,90% { opacity:1; } 100% { opacity:0; } }
@keyframes shuffle-front { 0%,100% { translate:0 0;rotate:0deg;z-index:2; } 25% { translate:58px -10px;rotate:12deg;z-index:2; } 26% { z-index:0; } 50%,70% { translate:-80px -6px;rotate:-22deg;z-index:0; } 85% { translate:55px -14px;rotate:9deg;z-index:0; } 86% { z-index:2; } }
@keyframes shuffle-back { 0%,100% { translate:0 0;rotate:0deg;z-index:1; } 25% { translate:-24px 7px;rotate:-5deg; } 50%,70% { translate:80px 6px;rotate:22deg;z-index:1; } 85% { translate:-22px 5px;rotate:-7deg; } }
@keyframes document-process { 0% { translate:0 90px;opacity:0; } 22%,80% { translate:0 0;opacity:1; } 100% { translate:0 -12px;opacity:0; } }
@keyframes report-grow { 0%,20% { scale:1 .05;opacity:0; } 55%,100% { scale:1 1;opacity:1; } }
@keyframes report-approve { 0%,50% { opacity:0;scale:.5; } 65%,90% { opacity:1;scale:1.2; } 100% { opacity:0;scale:1; } }
@keyframes credit-turn { 0%,15% { transform:rotate(-13deg) rotateY(0deg); } 75%,100% { transform:rotate(-13deg) rotateY(360deg); } }
@keyframes chip-signal { 50% { box-shadow:0 0 14px #fff6b5a0; } }
@keyframes growth-climb { 0% { stroke-dashoffset:400; } 65%,100% { stroke-dashoffset:0; } }
@keyframes growth-point { 0%,45% { opacity:.15;scale:.4; } 70%,90% { opacity:1;scale:1.3; } 100% { opacity:1;scale:1; } }
@keyframes idea-create { 0%,100% { rotate:0deg;scale:1; } 45%,65% { rotate:180deg;scale:1.25; } }
@keyframes idea-orbit { 50% { scale:1.15;translate:-8px 5px;opacity:.5; } }