/* Exact approved source below; gloss and relief are separate non-destructive layers. */
.fixed-logo {
  --logo-size: 285px;
  top: -6px;
  left: 8px;
  width: 285px;
  height: 202px;
  border: 0;
  background: transparent;
  backdrop-filter: none;
  box-shadow: none;
  filter: none;
  isolation: isolate;
}
.fixed-logo img {
  position: relative;
  z-index: 2;
  width: var(--logo-size);
  height: var(--logo-size);
  filter: contrast(1.3) drop-shadow(0 7px 2px rgba(0,0,0,.78)) drop-shadow(0 -2px 1px rgba(255,255,255,.76)) drop-shadow(2px 0 0 rgba(5,71,255,.24));
}
.fixed-logo::before {
  content: '';
  position: absolute;
  z-index: 1;
  inset: 0;
  width: var(--logo-size);
  height: var(--logo-size);
  background: rgba(0,0,0,.82);
  transform: translate(4px,6px);
  filter: blur(.35px);
  -webkit-mask: url('/assets/approved-logo-master.png') top left / var(--logo-size) var(--logo-size) no-repeat;
  mask: url('/assets/approved-logo-master.png') top left / var(--logo-size) var(--logo-size) no-repeat;
}
.logo-lacquer {
  position: absolute;
  z-index: 3;
  inset: 0;
  width: var(--logo-size);
  height: var(--logo-size);
  background: url('/assets/black-lacquer-material.webp') 50% 50% / 180% 180%;
  mix-blend-mode: screen;
  opacity: .76;
  -webkit-mask: url('/assets/approved-logo-master.png') top left / var(--logo-size) var(--logo-size) no-repeat;
  mask: url('/assets/approved-logo-master.png') top left / var(--logo-size) var(--logo-size) no-repeat;
  animation: logo-shimmer 9s ease-in-out infinite alternate;
  pointer-events: none;
}
@keyframes logo-shimmer {
  0% { background-position: 10% 20%; }
  50% { background-position: 90% 75%; }
  100% { background-position: 35% 90%; }
}
@media (max-width:900px) { .fixed-logo { --logo-size:190px;width:190px;height:136px;top:-4px;left:5px } }
@media (max-width:560px) { .fixed-logo { --logo-size:155px;width:155px;height:112px;top:-3px;left:2px } }
@media (prefers-reduced-motion:reduce) { .logo-lacquer { animation:none; } }