/* Slowly spinning logo mark, like a coin turning on its edge (same idea as Mission Control).
   Change --ecn-spin-time to speed it up or slow it down. Stops for visitors who ask for less motion. */
:root{--ecn-spin-time:10s}
.ecn-spin{
  animation:ecnCoin var(--ecn-spin-time) linear infinite;
  transform-origin:50% 50%;
  will-change:transform;
}
@keyframes ecnCoin{
  from{transform:perspective(500px) rotateY(0deg)}
  to{transform:perspective(500px) rotateY(360deg)}
}
.footer .ecn-spin{filter:drop-shadow(0 0 8px rgba(210,139,176,.35))}

/* footer lockup split in two: spinning mark on top, still wording underneath (home + privacy pages) */
.footer__brand.footer__brand--spin{flex-direction:column;gap:2px}
.footer__brand.footer__brand--spin .ecn-spin{height:97px;width:auto}
.footer__brand.footer__brand--spin .ecn-foot-words{height:66px;width:auto}
@media (max-width:860px){
  .footer__brand.footer__brand--spin .ecn-spin{height:76px}
  .footer__brand.footer__brand--spin .ecn-foot-words{height:52px}
}
@media (prefers-reduced-motion:reduce){.ecn-spin{animation:none}}