/* White logo — crisp, no blur */
.logo-volumetric {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  flex-shrink: 0;
}

.logo-volumetric img {
  display: block;
  filter: none;
}

/* Shared logo 3D glow + tile red contour glow */
.logo-3d {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  flex-shrink: 0;
  isolation: isolate;
}

.logo-3d::before {
  content: '';
  position: absolute;
  inset: -14px;
  background: radial-gradient(circle at center, rgba(255, 26, 26, 0.28) 0%, rgba(255, 26, 26, 0.08) 45%, transparent 70%);
  filter: blur(10px);
  z-index: 0;
  animation: logo-aura-pulse 3s ease-in-out infinite;
  pointer-events: none;
}

.logo-glow-ring {
  position: absolute;
  border-radius: 50%;
  border: 2px solid rgba(255, 26, 26, 0.38);
  filter: blur(3px);
  z-index: 1;
  pointer-events: none;
  animation: logo-ring-pulse 2.5s ease-in-out infinite;
}

.logo-glow-ring--inner {
  inset: -4px;
}

.logo-glow-ring--outer {
  inset: -10px;
  border-color: rgba(255, 26, 26, 0.2);
  filter: blur(8px);
  animation-delay: -1.2s;
}

.logo-3d img {
  width: 118px;
  height: auto;
  display: block;
  position: relative;
  z-index: 2;
  filter:
    brightness(1.6)
    contrast(1.2)
    saturate(1.15)
    drop-shadow(0 0 3px rgba(255, 26, 26, 0.45))
    drop-shadow(0 0 9px rgba(255, 26, 26, 0.33))
    drop-shadow(0 0 18px rgba(255, 26, 26, 0.2))
    drop-shadow(0 6px 12px rgba(0, 0, 0, 0.45));
  transform: perspective(700px) rotateX(8deg) translateZ(16px);
  transition: filter 0.4s ease, transform 0.4s ease;
}

.logo-3d:hover img {
  filter:
    brightness(1.75)
    contrast(1.25)
    saturate(1.2)
    drop-shadow(0 0 5px rgba(255, 26, 26, 0.5))
    drop-shadow(0 0 14px rgba(255, 26, 26, 0.38))
    drop-shadow(0 0 25px rgba(255, 26, 26, 0.25))
    drop-shadow(0 8px 16px rgba(0, 0, 0, 0.5));
  transform: perspective(700px) rotateX(0deg) translateZ(28px) scale(1.05);
}

@keyframes logo-aura-pulse {
  0%, 100% { opacity: 0.33; transform: scale(0.95); }
  50% { opacity: 0.5; transform: scale(1.05); }
}

@keyframes logo-ring-pulse {
  0%, 100% { opacity: 0.25; }
  50% { opacity: 0.5; }
}

/* Red blurred contour glow on tiles */
.glow-tile {
  transition: box-shadow 0.45s ease, border-color 0.45s ease !important;
}

.glow-tile:hover {
  border-color: rgba(255, 26, 26, 0.95) !important;
  box-shadow:
    0 0 0 1px rgba(255, 26, 26, 0.95),
    0 0 18px rgba(255, 26, 26, 0.6),
    0 0 40px rgba(255, 26, 26, 0.35),
    0 0 70px rgba(255, 26, 26, 0.15) !important;
}

@media (max-width: 992px) {
  .logo-3d img { width: 96px; }
}