/* Material Symbols Configuration */
.material-symbols-outlined {
  font-variation-settings:
    "FILL" 0,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
}

/* Glass Effect */
.glass-effect {
  backdrop-filter: blur(12px);
  background: rgba(53, 53, 53, 0.4);
}

/* Text Glow Effect */
.text-glow {
  text-shadow: 0 0 20px rgba(173, 199, 255, 0.3);
}

/* Grayscale Map Filter */
.grayscale-map {
  filter: grayscale(100%) invert(90%) contrast(90%);
}

/* Disable scale animation on mobile */
@media (max-width: 768px) {
  .group:hover img {
    transform: none !important;
  }
}