/* ========================================
   CONSTANCE GROUP — Métiers (metiers.html)
   Patrimoines / galerie
   ======================================== */

/* --- Patrimoines (galerie texturée) --- */
.patrimoines {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

.patrimoine {
  position: relative;
  overflow: hidden;
}

.patrimoine img {
  width: 100%;
  height: 380px;
  object-fit: cover;
  transition: transform 0.7s ease;
}

.patrimoine:hover img {
  transform: scale(1.04);
}

.patrimoine__label {
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
  color: var(--cream);
  font-family: var(--font-serif);
  font-size: 1.1rem;
  font-style: italic;
}

.patrimoine::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, transparent 60%, rgba(26, 43, 51, 0.7) 100%);
  pointer-events: none;
}

/* --- Responsive --- */
@media (max-width: 1024px) {
  .patrimoines {
    grid-template-columns: repeat(2, 1fr);
  }
}

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