.marquee-container{background:var(--color-bg-tertiary);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);width:100vw;max-width:100%;padding:2rem 0;display:flex;position:relative;overflow:hidden}.marquee-content{will-change:transform;gap:2rem;padding-left:2rem;animation:40s linear infinite marquee-scroll;display:flex}.marquee-container:hover .marquee-content{animation-play-state:paused}.marquee-item{border:1px solid var(--color-border);width:450px;height:250px;transition:border-color var(--transition-fast),transform var(--transition-fast);border-radius:16px;flex-shrink:0;position:relative;overflow:hidden}.marquee-item:hover{border-color:var(--color-accent-primary);z-index:10;transform:scale(1.02);box-shadow:0 10px 40px #00000080}.marquee-item img{object-fit:cover;transition:transform var(--transition-slow)}.marquee-item:hover img{transform:scale(1.05)}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 1rem))}}.marquee-container:before,.marquee-container:after{content:"";z-index:2;pointer-events:none;width:150px;position:absolute;top:0;bottom:0}.marquee-container:before{background:linear-gradient(to right,var(--color-bg-primary)0%,transparent 100%);left:0}.marquee-container:after{background:linear-gradient(to left,var(--color-bg-primary)0%,transparent 100%);right:0}@media (max-width:768px){.marquee-item{width:300px;height:170px}}