/**
* This is a valid CSS file.
**/

/* Hide scrollbar for horizontal gallery */
.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

/* Ken Burns slow zoom for lightbox images */
@keyframes kenburns {
  0% { transform: scale(1) translate3d(0, 0, 0); }
  100% { transform: scale(1.14) translate3d(-2%, -1.5%, 0); }
}
.kenburns {
  animation: kenburns 14s ease-in-out forwards;
}

/* Lightbox image stage keeps zoom clipped and visible */
.kenburns-stage {
  width: min(90vw, 1400px);
  height: min(85vh, 900px);
  overflow: hidden;
  border-radius: 0.75rem;
  border: 2px solid #e68221;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.7);
}

#lightbox-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform-origin: center center;
  will-change: transform;
}

/* Alternate card corner shapes like the feature image boxes */
.gallery-card-frame {
  position: relative;
  overflow: hidden;
  border-radius: 0;
}

.gallery-shape-tr .gallery-card-frame {
  border-top-right-radius: 3rem;
}

.gallery-shape-br .gallery-card-frame {
  border-bottom-right-radius: 3rem;
}

.gallery-shape-tl .gallery-card-frame {
  border-top-left-radius: 3rem;
}

.gallery-shape-bl .gallery-card-frame {
  border-bottom-left-radius: 3rem;
}

.gallery-shape-top .gallery-card-frame {
  border-top-left-radius: 2.5rem;
  border-top-right-radius: 2.5rem;
}

.gallery-shape-bottom .gallery-card-frame {
  border-bottom-left-radius: 2.5rem;
  border-bottom-right-radius: 2.5rem;
}

.gallery-shape-blob .gallery-card-frame {
  border-radius: 28% 72% 62% 38% / 36% 34% 66% 64%;
}

.gallery-shape-capsule .gallery-card-frame {
  border-top-right-radius: 3.5rem;
  border-bottom-right-radius: 3.5rem;
}

/* Swipe hint — pulsing hand that slides left */
@keyframes swipeHint {
  0%   { transform: translateX(0); opacity: 1; }
  40%  { transform: translateX(-28px); opacity: 1; }
  70%  { transform: translateX(-28px); opacity: 0.4; }
  100% { transform: translateX(0); opacity: 1; }
}
.swipe-hint {
  animation: swipeHint 2s ease-in-out infinite;
  pointer-events: none;
}
.swipe-hint-fade {
  transition: opacity 0.5s ease;
  opacity: 0 !important;
}