/* ===== Crescendo animated emblem — CSS only, no video. Native size 625x520; scale the wrapper. ===== */
  .crescendo-emblem{position:relative;display:block}
  .crescendo-emblem .emblem-base{position:absolute;inset:0;width:100%;height:100%;display:block}
  .crescendo-emblem .bar{position:absolute;display:block;will-change:transform;
    animation:cbar var(--d) ease-in-out var(--p) infinite alternate}
  .crescendo-emblem .bar.short{animation-name:cbar-short}
  @keyframes cbar{from{transform:scaleY(1)}to{transform:scaleY(.45)}}
  @keyframes cbar-short{from{transform:scaleY(1)}to{transform:scaleY(.65)}}
  /* the whole logo pulses in size — same breathe as the other apps (2.4s, 1.07) */
  .crescendo-pulse{animation:breathe 2.4s ease-in-out infinite}
  @keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}