.gallery-marquee{position:relative;overflow:hidden;--marquee-duration: 18s;--marquee-gap: 1.5rem;margin-inline:auto}.gallery-track{display:flex;gap:var(--marquee-gap);width:max-content;animation:gallery-scroll var(--marquee-duration) linear infinite;will-change:transform}.gallery-marquee:hover .gallery-track{animation-play-state:paused}.gallery-card{flex:0 0 auto;width:clamp(220px,22vw,320px);aspect-ratio:4 / 3;border-radius:1rem;overflow:hidden;position:relative;background-color:#f6f6f6}.gallery-card__image{display:block}.gallery-fade{pointer-events:none;position:absolute;top:0;bottom:0;width:12%;z-index:2}.gallery-fade--left{left:0;background:linear-gradient(90deg,#fff,#fff0)}.gallery-fade--right{right:0;background:linear-gradient(270deg,#fff,#fff0)}@keyframes gallery-scroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@media(prefers-reduced-motion:reduce){.gallery-track{animation-duration:calc(var(--marquee-duration) * 2)}}@media(max-width:1024px){.gallery-marquee{--marquee-duration: 14s;--marquee-gap: 1rem}.gallery-card{width:clamp(200px,80vw,280px)}.gallery-fade{width:18%}}