/* gal-auto.css: companion to gal-auto.js (drifting photo rail). */
/* while drifting / free-running: no snap, no smooth-scroll (both fight a per-frame scrollLeft) */
#work .gallery[data-gal-snap="off"]{scroll-snap-type:none!important;scroll-behavior:auto!important}
/* clones look like the real photo cards (gal-a.css styles them by .gallery__item) */
#work .gallery:not(.gallery--video) .gal-clone{
  flex:0 0 min(88vw,520px);width:min(88vw,520px);max-width:none;
  grid-column:auto;scroll-snap-align:none;list-style:none;pointer-events:auto;cursor:pointer;
}
@media (min-width:900px){
  #work .gallery:not(.gallery--video) .gal-clone{flex:none;width:auto}
}
/* the clones are in the scroll width, so the progress thumb would be wrong: hide the bar while the loop is on */
#work .gallery[data-gal-auto="on"] + .gal-controls .gal-track{visibility:hidden}
@media (prefers-reduced-motion:reduce){
  #work .gal-clone{display:none!important}
}