.maintenance-art.logo-showcase {
  display: grid;
  place-items: center;
  isolation: isolate;
  background: radial-gradient(circle at 50% 46%, #351013 0, #151718 38%, #070809 78%);
}

.maintenance-art.logo-showcase::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 72%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: rgba(243, 27, 34, .2);
  filter: blur(70px);
  animation: none;
  opacity: 0;
}

.maintenance-art.logo-showcase img {
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: contain;
  object-position: center;
  filter: none;
  transform: none;
  animation: none;
}

.maintenance-art.logo-showcase::after {
  content: "";
  position: absolute;
  inset: -35%;
  background: linear-gradient(115deg, transparent 42%, rgba(255, 255, 255, .2) 49%, rgba(243, 27, 34, .12) 52%, transparent 59%);
  transform: translateX(-58%) rotate(4deg);
  animation: none;
  opacity: 0;
  mix-blend-mode: screen;
  pointer-events: none;
}

@keyframes logoFloat {
  0%, 100% {
    transform: perspective(900px) translateY(0) rotateX(0) scale(1);
    filter: drop-shadow(0 28px 34px rgba(0, 0, 0, .7));
  }
  50% {
    transform: perspective(900px) translateY(-13px) rotateX(1.8deg) scale(1.018);
    filter: drop-shadow(0 38px 42px rgba(243, 27, 34, .2));
  }
}

@keyframes logoGlow {
  0%, 100% { opacity: .42; transform: scale(.88); }
  50% { opacity: .86; transform: scale(1.08); }
}

@keyframes logoSweep {
  0%, 25% { transform: translateX(-58%) rotate(4deg); opacity: 0; }
  38% { opacity: .9; }
  55%, 100% { transform: translateX(58%) rotate(4deg); opacity: 0; }
}

@media (max-width: 900px) {
  .maintenance-art.logo-showcase img { width: 100%; }
}

@media (max-width: 620px) {
  .maintenance-art.logo-showcase { min-height: 520px; }
  .maintenance-art.logo-showcase img { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .maintenance-art.logo-showcase img,
  .maintenance-art.logo-showcase::before,
  .maintenance-art.logo-showcase::after { animation: none; }
}