/* Custom styles */
body {
  font-family: system-ui, -apple-system, sans-serif;
}

/* Image gallery transitions */
.image-hover {
  transition: transform 0.3s ease;
}

.image-hover:hover {
  transform: scale(1.05);
}

/* Skeleton loader animation */
@keyframes skeleton-loading {
  0% {
    background-color: rgb(229, 231, 235);
  }
  50% {
    background-color: rgb(209, 213, 219);
  }
  100% {
    background-color: rgb(229, 231, 235);
  }
}

.skeleton-loader {
  animation: skeleton-loading 1.5s infinite ease-in-out;
  min-height: 200px;
}

/* Ensure images maintain aspect ratio while loading */
.masonry-item img {
  width: 100%;
  height: auto;
  display: block;
}