/* ---------------------------------------------------------
   LES BERGERIES DE SÈTE — styles propres à : 02-le-domaine
   Chargé après main.css.
   --------------------------------------------------------- */

.scroll-cue{position:absolute;bottom:150px;left:50%;transform:translateX(-50%);z-index:3;
  color:rgba(255,255,255,.8);font-size:9.5px;letter-spacing:.3em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:10px}
.scroll-cue i{width:1px;height:42px;background:linear-gradient(rgba(255,255,255,.85),rgba(255,255,255,0));animation:cue 2.4s ease-in-out infinite}
.pathcard h3{color:#fff;font-size:clamp(26px,3.2vw,38px);font-weight:300}
@media (max-width:760px){
  .scroll-cue{display:none}
}
.pathcard h3{white-space:nowrap;font-size:clamp(19px,2.3vw,27px)}
/* ---- Frise 1950 : le portrait des trois, en grand, apres les autres ---- */
.print--portrait{flex-basis:100%;width:min(620px,100%);margin:clamp(14px,2.4vw,28px) auto 0;
  transform:rotate(-1deg);filter:drop-shadow(0 18px 36px rgba(46,61,44,.28))}
.print--portrait img{width:100%}
@media(max-width:600px){.print--portrait{width:92%;margin-top:18px}}
/* ---- Zone « L'etang » : video plein cadre ---- */
.story-band .media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
/* ---- Indicateur de défilement : souris + point qui descend et remonte ---- */
.scroll-cue{color:rgba(255,255,255,.88);gap:11px;left:50%;right:auto;transform:translateX(-50%);
  align-items:center;bottom:clamp(26px,4vh,46px);z-index:11}
.scroll-cue i{display:none}
@keyframes scrollDot{
  0%  {transform:translateY(0);   opacity:0}
  18% {opacity:1}
  50% {transform:translateY(14px);opacity:1}
  82% {opacity:1}
  100%{transform:translateY(0);   opacity:0}
}
@media(max-width:760px){
  .scroll-cue{display:none}
}