/* Garamut brandmark motion + lockup (redesign Phase 0).
   Three independent cadences so the mark reads alive, not mechanical:
   drum-beat ~4s, arc ripple ~5s (staggered), star twinkle ~7s.
   All motion is opt-in behind prefers-reduced-motion; the static mark is
   fully legible without it. */

.brand-glyph { display: block; flex: none; }

@media (prefers-reduced-motion: no-preference) {
  .brand-glyph--live .bm-drum {
    transform-box: fill-box;
    transform-origin: center;
    animation: bmBeat 4s var(--ease) infinite 1s;
  }
  .brand-glyph--live .bm-arc-1 {
    transform-box: fill-box;
    transform-origin: left center;
    animation: bmRipple 5s var(--ease) infinite 0.2s;
  }
  .brand-glyph--live .bm-arc-2 {
    transform-box: fill-box;
    transform-origin: left center;
    animation: bmRipple 5s var(--ease) infinite 0.55s;
  }
  .brand-glyph--live .bm-star {
    transform-box: fill-box;
    transform-origin: center;
    animation: bmTwinkle 7s var(--ease) infinite 2s;
  }
}

@keyframes bmBeat {
  0%, 86%, 100% { transform: scale(1); }
  90% { transform: scale(1.045); }
  95% { transform: scale(0.99); }
}
@keyframes bmRipple {
  0%, 72%, 100% { opacity: 1; transform: scale(1); }
  82% { opacity: 0.35; transform: scale(1.06); }
}
@keyframes bmTwinkle {
  0%, 90%, 100% { transform: scale(1); opacity: 1; }
  94% { transform: scale(1.3); opacity: 0.75; }
}