.rail{border-block:1px solid var(--line);background:#00000040;gap:10px;padding-block:26px;display:grid;position:relative;overflow:hidden}.rail:before,.rail:after{content:"";z-index:2;pointer-events:none;width:12%;position:absolute;top:0;bottom:0}.rail:before{background:linear-gradient(90deg, var(--ground), transparent);left:0}.rail:after{background:linear-gradient(270deg, var(--ground), transparent);right:0}.rail-row{display:flex;overflow:hidden}.rail-track{animation:railRun calc(var(--n) * 3.4s) linear infinite;will-change:transform;gap:10px;padding-right:10px;display:flex}.rail-row.rev .rail-track{animation-direction:reverse}.rail:hover .rail-track{animation-play-state:paused}@keyframes railRun{to{transform:translate(-50%)}}.rail-cell{aspect-ratio:16/9;border:1px solid var(--line);width:168px;transition:transform .4s var(--ease-out), border-color .3s;background:#000;flex:none;margin:0;position:relative;overflow:hidden}.rail-cell img{object-fit:cover;filter:grayscale(.35)brightness(.8);width:100%;height:100%;transition:filter .45s, transform .6s var(--ease-out);display:block}.rail-cell:hover{border-color:var(--gilt,var(--accent));z-index:3;transform:scale(1.06)}.rail-cell:hover img{filter:none;transform:scale(1.04)}@media (max-width:640px){.rail-cell{width:128px}}@media (prefers-reduced-motion:reduce){.rail-track{animation:none}.rail-row{overflow-x:auto}}