/* Transparent, dimensional treatment applied to the original RGBA brand asset. */
.brand-panel {
  width: 112px;
  height: 68px;
  padding: 0;
  background: transparent;
  border-radius: 0;
  overflow: visible;
}

.brand-panel img {
  width: 88px;
  height: auto;
  filter:
    drop-shadow(0 0 1px rgba(255, 255, 255, 0.98))
    drop-shadow(1px 1px 0 rgba(125, 214, 250, 0.58))
    drop-shadow(0 4px 3px rgba(0, 0, 0, 0.72));
  transition: filter 300ms var(--ease), transform 300ms var(--ease);
}

.brand:hover .brand-panel img,
.footer-brand:hover .brand-panel img {
  filter:
    drop-shadow(0 0 1px #fff)
    drop-shadow(1px 1px 0 rgba(125, 214, 250, 0.76))
    drop-shadow(0 6px 5px rgba(0, 0, 0, 0.8));
  transform: translateY(-1px);
}

@media (max-width: 760px) {
  .brand-panel { width: 92px; height: 58px; }
  .brand-panel img { width: 72px; }
}

@media (prefers-reduced-motion: reduce) {
  .brand-panel img { transition: none; }
}