/* ============================================================
   BADAN VINS — couche de mouvement (partagée)
   Additive : n'écrase pas les styles de page, enrichit le scroll.
   Tout est désactivé sous prefers-reduced-motion.
   ============================================================ */

/* barre de progression de lecture, en haut */
.scroll-progress{
  position:fixed;top:0;left:0;height:2px;width:100%;
  transform:scaleX(0);transform-origin:0 50%;
  background:linear-gradient(90deg,var(--gold-soft),var(--gold));
  z-index:200;pointer-events:none;will-change:transform;
}

/* parallaxe douce sur les courbes de niveau */
.hero__contours,.contour-mini{will-change:transform}

/* apparition en cascade des items de grille/liste */
.stagger-item{
  opacity:0;transform:translateY(26px);
  transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1);
}
.stagger-item.in{opacity:1;transform:none}

/* léger soulèvement au survol des surfaces/cartes */
.vin,.medal,.cep-col,.lieu{
  position:relative;
  transition:background-color .35s ease,
             transform .45s cubic-bezier(.2,.7,.2,1),
             box-shadow .45s ease;
}
.vin:hover,.medal:hover,.cep-col:hover,.lieu:hover{transform:translateY(-5px);z-index:1}
.medal:hover,.cep-col:hover{box-shadow:0 18px 40px -28px rgba(0,0,0,.55)}

/* chiffres animés : évite tout reflow pendant le comptage */
[data-count]{font-variant-numeric:tabular-nums;display:inline-block}

@media(prefers-reduced-motion:reduce){
  .scroll-progress{display:none}
  .stagger-item{opacity:1!important;transform:none!important;transition:none}
  .hero__contours,.contour-mini{transform:none!important}
  .vin,.medal,.cep-col,.lieu{transition:none}
  .vin:hover,.medal:hover,.cep-col:hover,.lieu:hover{transform:none}
}

/* ============================================================
   PHOTOS dans les blocs « feature » (aperçu, à remplacer)
   ============================================================ */
.feature__art--photo{background:#161210}
.feature__art--photo .ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;
  filter:saturate(.92) contrast(1.03)}
.feature__art--photo .scrim{position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(14,23,22,.10),rgba(14,23,22,.74))}
.feature__art--photo .contour-mini{z-index:2}
.feature__art--photo .mono{position:relative;z-index:3}
@media(prefers-reduced-motion:no-preference){
  .feature__art--photo .ph{animation:kenburns 22s ease-in-out infinite alternate}
}
@keyframes kenburns{from{transform:scale(1.001)}to{transform:scale(1.085)}}