.collage{--collage-gap:18px;grid-template-columns:repeat(var(--collage-columns,3), minmax(0, 1fr));gap:var(--collage-gap);display:grid;overflow:hidden}.collage-column{min-width:0}.collage-column:nth-child(2n){margin-top:-120px}.collage-track{gap:var(--collage-gap);flex-direction:column;display:flex}.collage-card{background:var(--paper);transition:transform .4s var(--motion-ease,ease);border-radius:4px;display:block;overflow:hidden;box-shadow:0 10px 28px #38291b24}.collage-card:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.collage-card img{width:100%;height:auto;display:block}@keyframes collage-drift-up{0%{transform:translateY(0)}to{transform:translateY(calc(-50% - var(--collage-gap) / 2))}}@keyframes collage-drift-down{0%{transform:translateY(calc(-50% - var(--collage-gap) / 2))}to{transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.collage-track{animation:70s linear infinite collage-drift-up}.collage-column:nth-child(2n) .collage-track{animation-name:collage-drift-down;animation-duration:82s}.collage-column:nth-child(3) .collage-track{animation-duration:76s}.collage-column:nth-child(4) .collage-track{animation-duration:88s}.collage:focus-within .collage-track{animation-play-state:paused}}@media (hover:hover) and (min-width:1101px){.collage-card:hover{transform:scale(1.03)}.collage:hover .collage-track{animation-play-state:paused}}