/*
  LastPick - Gallery (Polished)
  This file contains styles for the lifestyle gallery.
*/

.lifestyle-gallery {
  /* The background is inherited, creating a seamless section */
}

.gallery-heading {
  text-align: center; /* Center heading */
  margin-bottom: 40px; /* POLISH: Balanced spacing */
}

.gallery-heading h2 {
  color: var(--dark-green);
  font-weight: 700; /* POLISH: Adjusted weight for premium feel */
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.1; /* POLISH: Tighter line height for stacked effect */
  letter-spacing: -0.02em; /* POLISH: Slightly tighter letter spacing */
  margin-inline: auto; /* Center the heading block */
}

.gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); /* Responsive grid */
  gap: 24px; /* POLISH: Consistent gap */
}

.gallery-card {
  position: relative;
  aspect-ratio: 4 / 5; /* Maintain aspect ratio */
  overflow: hidden;
  border-radius: 24px; /* POLISH: Larger radius for premium feel */
  background: var(--line); /* Placeholder background */
}

.gallery-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* POLISH: Smoother transition */
}

/* --- Remove All Overlays and Captions --- */
.gallery-card::after {
  display: none; /* Remove dark overlay */
}

.gallery-caption {
  display: none; /* Remove text and numbers */
}

/* --- Premium Hover Effect --- */
.gallery-card:hover img {
  transform: scale(1.05); /* Subtle zoom on hover */
}

/* --- Responsive Adjustments for Desktop --- */
@media (min-width: 1024px) {
  .gallery-grid {
    grid-template-columns: repeat(3, 1fr); /* Enforce 3 columns on desktop */
  }
}