.gallery .label {
  text-transform: uppercase;
  color: var(--green-bright);
}

.gallery .title {
  text-transform: uppercase;
  margin-bottom: 25px;
}

.gallery__grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-rows: 280px 280px;
  gap: 4px;
  border-radius: var(--radius);
  overflow: hidden;
}

.gallery__item {
  overflow: hidden;
  position: relative;
  background: var(--card);
}

.gallery__item--large {
  grid-row: 1 / 3;
}

.gallery__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease, filter 0.4s;
  filter: brightness(0.92) saturate(1.1);
}

.gallery__item:hover .gallery__image {
  transform: scale(1.04);
  filter: brightness(1) saturate(1.2);
}

.gallery__caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.8rem 1rem;
  background: linear-gradient(to top, rgba(15, 22, 17, 0.85) 0%, transparent 100%);
  font-size: 0.75rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--green-bright);
  opacity: 0;
  transition: opacity 0.3s;
  font-weight: 500;
}

.gallery__item:hover .gallery__caption {
  opacity: 1;
}

@media (max-width: 1024px) {
  .gallery__grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }
  .gallery__item--large {
    grid-row: auto;
  }
}

@media (max-width: 768px) {
  .gallery__grid {
    grid-template-columns: 1fr;
  }
}