@tailwind base;
@tailwind components;
@tailwind utilities;

body {
  font-family: 'Inter', sans-serif;
}

h1, h2, h3 {
  font-family: 'Playfair Display', serif;
}

/* Galerie */
.gallery-item {
  overflow: hidden;
  border-radius: 12px;
  background-color: #18181b;
  aspect-ratio: 4 / 5;
  cursor: pointer;
}

.gallery-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s ease;
}

.gallery-item:hover .gallery-img {
  transform: scale(1.09);
  filter: brightness(1.2);
}
/* Artistes */
.group img {
  transition: all 0.6s ease;
}
/* Galerie */
.gallery-item {
  overflow: hidden;
  border-radius: 12px;
  background-color: #18181b;
  aspect-ratio: 4 / 5;
  cursor: pointer;
}

.gallery-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s ease;
}

.gallery-item:hover .gallery-img {
  transform: scale(1.08);
  filter: brightness(1.15);
}
/* Fade-in animation */
.fade-in {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s ease-out;
}

.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}
.fade-in {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s ease-out;
}

.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}