/* Prevent logo scaling weirdness */
.md-header__button.md-logo img {
  height: 24px;
}

/* === Subtle VHS / holographic logo tick === */
@keyframes triGlitch {
  0% { transform: translate3d(0,0,0); filter: none; opacity: 1; }
  12% {
    transform: translate3d(0.5px,-0.5px,0);
    filter: contrast(1.15) saturate(1.25) hue-rotate(8deg)
            drop-shadow(1px 0 0 rgba(255, 0, 80, 0.35))
            drop-shadow(-1px 0 0 rgba(0, 190, 255, 0.30));
  }
  22% {
    transform: translate3d(-0.7px,0.4px,0);
    filter: contrast(1.2) saturate(1.35) hue-rotate(-10deg)
            drop-shadow(1px 0 0 rgba(0, 190, 255, 0.30))
            drop-shadow(-1px 0 0 rgba(255, 0, 80, 0.30));
    opacity: 0.96;
  }
  35% { transform: translate3d(0.3px,0.2px,0); filter: contrast(1.1) saturate(1.2) hue-rotate(4deg); opacity: 1; }
  60% { transform: translate3d(-0.2px,0,0); filter: contrast(1.05) saturate(1.1); }
  100% { transform: translate3d(0,0,0); filter: none; opacity: 1; }
}

.md-header__button.md-logo img.tri-glitch {
  animation: triGlitch 0.9s steps(1, end) both;
  will-change: transform, filter, opacity;
}

.md-header__button.md-logo img.tri-glitch {
  animation: triGlitch 0.9s steps(1, end) both;
  will-change: transform, filter, opacity;
}