/* Même cadrage que logo-1.jpeg : carré 1254 × 1254 dans un bouton au ratio 2:1. */
#deter-v5 .dv-enter .dv-river {
  position: absolute;
  left: 0;
  top: -50%;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  pointer-events: none;
  opacity: 0;
}

#deter-v5[data-page="intro"] .dv-river[data-flow="on"] { opacity: 1; }

#deter-v5 .dv-river-current {
  fill: none;
  stroke: #163750;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-dasharray: 58 242;
  opacity: .22;
  animation: deter-river-flow 4.8s linear infinite;
  animation-play-state: paused;
}

#deter-v5 .dv-river-current:nth-child(2) {
  stroke-width: 4;
  opacity: .15;
  animation-duration: 5.6s;
  animation-delay: -2.1s;
}

#deter-v5 .dv-river-current:nth-child(3) {
  stroke-width: 3;
  opacity: .12;
  animation-duration: 6.3s;
  animation-delay: -4.2s;
}

#deter-v5[data-page="intro"] .dv-river[data-flow="on"] .dv-river-current {
  animation-play-state: running;
}

@keyframes deter-river-flow {
  from { stroke-dashoffset: 0; }
  to { stroke-dashoffset: -300; }
}

@media (prefers-reduced-motion: reduce) {
  #deter-v5 .dv-enter .dv-river { display: none; }
  #deter-v5 .dv-river-current { animation: none; }
}