/* global React, window */
/* M animada: a base aparece e o spike cresce para cima. Respeita prefers-reduced-motion (via CSS). */
function LogoMark() {
  return (
    <svg className="logo-mark" viewBox="30 14 60 80" role="img" aria-label="Moore">
      <rect className="lm-el lm-bar-l" x="37" y="48" width="3.4" height="40" />
      <polygon className="lm-el lm-arm" points="37,48 40.4,48 59,88 55.6,88" />
      <path className="lm-el lm-spike" d="M 56 88 C 63 58 71 38 78 22 C 75.5 40 69 60 59 88 Z" />
      <rect className="lm-el lm-bar-r" x="78" y="48" width="3.4" height="40" />
    </svg>
  );
}
window.LogoMark = LogoMark;