/* ============================================
   Visuels & images (intégrés via /assets/)
   ============================================ */

/* Hero avec image de fond */
.hero {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--bg) 78%, transparent) 0%, color-mix(in srgb, var(--bg) 60%, transparent) 50%, var(--bg) 100%),
    url('../assets/hero-bottle.jpg') center/cover no-repeat;
}
[data-theme="light"] .hero {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--bg) 70%, transparent) 0%, color-mix(in srgb, var(--bg) 55%, transparent) 50%, var(--bg) 100%),
    url('../assets/hero-bottle.jpg') center/cover no-repeat;
}

/* Bloc Story : visuel transformé en vraie photo */
.story__visual {
  background:
    linear-gradient(180deg, transparent 30%, color-mix(in srgb, var(--bg) 65%, transparent) 100%),
    url('../assets/story-hill.jpg') center/cover no-repeat;
  border: 1px solid var(--line);
  position: relative;
  overflow: hidden;
}
.story__visual::after {
  content: 'B·M';
  position: absolute;
  bottom: 1.8rem; right: 2rem;
  font-family: 'Italiana', serif;
  font-size: 3rem;
  color: var(--gold);
  letter-spacing: .15em;
  opacity: .85;
  text-shadow: 0 2px 8px rgba(0,0,0,0.6);
}

/* Section Terroir : image de fond subtile */
#terroir {
  position: relative;
  isolation: isolate;
}
#terroir::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url('../assets/terroir-sunset.jpg') center/cover no-repeat;
  opacity: .12;
  z-index: -1;
  filter: saturate(0.8);
}
[data-theme="light"] #terroir::before { opacity: .18; }

/* Section Visiter : image de fond */
#visiter {
  position: relative;
  isolation: isolate;
}
#visiter::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url('../assets/maison-house.jpg') center/cover no-repeat;
  opacity: .08;
  z-index: -1;
}

/* Cartes Cuvées avec visuels en en-tête */
.cuvee {
  padding: 0;
  overflow: hidden;
}
.cuvee__image {
  display: block;
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-bottom: 1px solid var(--line);
  filter: brightness(0.9);
  transition: filter .4s ease, transform .6s ease;
}
.cuvee:hover .cuvee__image { filter: brightness(1); transform: scale(1.03); }
.cuvee__body { padding: 2.5rem 2.5rem 3rem; }
.cuvee__num { margin-top: 0; }

/* Cartes Journal avec visuels */
.journal-card {
  border-top: none;
  padding-top: 0;
}
.journal-card__image {
  display: block;
  width: 100%;
  aspect-ratio: 16/10;
  object-fit: cover;
  margin-bottom: 1.6rem;
  filter: saturate(0.85) brightness(0.9);
  transition: filter .4s ease;
}
.journal-card:hover .journal-card__image { filter: saturate(1) brightness(1); opacity: 1; }

/* Bandeau "Cave" décoratif (optionnel) */
.cellar-band {
  height: 360px;
  background:
    linear-gradient(180deg, var(--bg) 0%, transparent 25%, transparent 75%, var(--bg) 100%),
    url('../assets/cave-bottles.jpg') center/cover no-repeat;
  position: relative;
  display: grid;
  place-items: center;
}
.cellar-band__quote {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  color: var(--cream);
  font-style: italic;
  text-align: center;
  max-width: 720px;
  padding: 0 2rem;
  text-shadow: 0 2px 12px rgba(0,0,0,0.7);
}
[data-theme="light"] .cellar-band__quote {
  color: var(--cream);
  text-shadow: 0 2px 14px rgba(0,0,0,0.8);
}
.cellar-band__quote span { color: var(--gold); }

/* Optimisation visuelle des images sur écrans plus petits */
@media (max-width: 760px) {
  .hero { background-attachment: scroll; min-height: 90vh; }
  .cellar-band { height: 280px; }
}