/**
 * @file
 * Festival Photos Grid Styling.
 */

/* Make Views container transparent to grid */
.festival-highlights .views-element-container,
.festival-highlights [class*="js-view-dom-id"] {
  display: contents;
}

/* Photo card */
.ks-photo-card {
  position: relative;
  border-radius: var(--ks-radius-lg);
  overflow: hidden;
  aspect-ratio: 1;
  min-width: 0;
}

.ks-photo-card::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.4), transparent 55%);
  pointer-events: none;
}

.ks-photo-card:hover {
  transform: scale(1.02);
  transition: transform var(--ks-duration-slow);
}