#experience-the-vibe{position:relative}.vibe-marquee-container{display:flex;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent)}.vibe-marquee-track{display:flex;gap:1.5rem;padding:1.5rem 0;flex-shrink:0;min-width:100%}.vibe-video-card{flex:0 0 200px;height:360px;border-radius:1.5rem;overflow:hidden;position:relative;box-shadow:0 10px 15px -3px #0000001a;background:#e2e8f0;border:1px solid #f1f5f9;transition:all .5s cubic-bezier(.4,0,.2,1);cursor:pointer}.dark .vibe-video-card{background:#1e293b;border-color:#334155}@media (min-width: 768px){.vibe-marquee-track{gap:2rem}.vibe-video-card{flex:0 0 320px;height:580px;border-radius:2rem}}.vibe-video-card video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .7s ease}.vibe-video-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 25px -5px #0000001a}.vibe-video-card:hover video{transform:scale(1.1)}@keyframes vibe-marquee-slow{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-vibe-marquee{animation:vibe-marquee-slow 40s linear infinite}.vibe-marquee-container:hover .animate-vibe-marquee{animation-play-state:paused}