/* 横に流れる写真の帯（デスコグループ・にじっ子ハウス共通） */
.flow { position: relative; overflow: hidden; padding-block: 8px; }
.flow__track { display: flex; gap: var(--flow-gap, 16px); width: max-content; animation: flow-move var(--flow-speed, 80s) linear infinite; }
.flow__track img { height: var(--flow-h, clamp(220px, 32vw, 420px)); width: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--flow-radius, 22px); flex: none; }
.flow:hover .flow__track, .flow.is-paused .flow__track { animation-play-state: paused; }
.flow__pause { position: absolute; right: 16px; bottom: 18px; z-index: 2; font: inherit; font-size: 12px; font-weight: 700; padding: 6px 14px; border-radius: 999px; border: 0; background: rgba(255, 255, 255, .9); color: #2A3440; cursor: pointer; box-shadow: 0 2px 10px rgba(0, 0, 0, .12); }
@keyframes flow-move { to { transform: translateX(calc(-50% - var(--flow-gap, 16px) / 2)); } }
@media (prefers-reduced-motion: reduce) {
  .flow__track { animation: none; }
  .flow { overflow-x: auto; }
  .flow__pause { display: none; }
}
