/* Invitation au défilement : un trait doré qu’un reflet parcourt lentement,
   à la place du double chevron qui rebondissait. La position reste celle que
   chaque page donne à .scroll-indicator ; scroll-cue.js l’efface au défilement. */
.refined-site .scroll-indicator {
    width: 1px;
    height: 64px;
    overflow: hidden;
    background: color-mix(in srgb, var(--monastery-gold) 28%, transparent);
    animation: none;
    transition: opacity var(--duration-slow) var(--ease-out);
}
.refined-site .scroll-indicator svg { display: none; }
.refined-site .scroll-indicator::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(to bottom, transparent, var(--monastery-gold));
    animation: scroll-cue 2.8s var(--ease-in-out) infinite;
}
.refined-site .scroll-indicator.is-hidden { opacity: 0; }

@keyframes scroll-cue {
    0% { transform: translateY(-100%); }
    70%, 100% { transform: translateY(250%); }
}

@media (prefers-reduced-motion: reduce) {
    .refined-site .scroll-indicator::after { height: 100%; opacity: .6; animation: none; }
}