.nl-parallax-strip { position: relative; width: 100%; height: 280px; overflow: hidden; pointer-events: none;} .nl-track { position: absolute; left: 0; width: 100%; height: 50%; overflow: hidden;} .nl-track-top { top: 0; } .nl-track-bottom { bottom: 0; } .nl-track img { position: absolute; top: 50%; transform: translateY(-50%); max-height: 110px; opacity: 1; will-change: transform;} .nl-centre { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;} .nl-centre img { max-width: 70%; height: auto;} .nl-z-high { z-index: 500; } .nl-z-mid { z-index: 100; } .nl-z-low { z-index: 1; } .nl-move-left { left: 15%; animation: nl-left-right 42s linear infinite;} .nl-move-right { right: 15%; animation: nl-right-left 30s linear infinite;} @keyframes nl-left-right { from { transform: translate(-20%, -50%); } to { transform: translate(160vw, -50%); }} @keyframes nl-right-left { from { transform: translate(20%, -50%); } to { transform: translate(-160vw, -50%); }} @media (max-width: 768px) { .nl-parallax-strip { height: 200px; } .nl-track img { max-height: 80px; } .nl-centre img { max-width: 90%; }}

.nl-carousel { width: 100%; overflow: hidden; position: relative;}.nl-carousel-track { display: flex; width: max-content; animation: nl-scroll 150s linear infinite;}.nl-carousel-card { flex: 0 0 auto; width: 360px; margin-right: 24px; border-radius: 16px; overflow: hidden;}.nl-carousel-card video { width: 100%; height: auto; display: block; background: #000; pointer-events: auto;}.nl-carousel:hover .nl-carousel-track { animation-play-state: paused;}@keyframes nl-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); }}document.querySelectorAll('.nl-carousel-card video').forEach(video => { video.addEventListener('mouseenter', () => { video.currentTime = 0; video.play().catch(() => {}); }); video.addEventListener('mouseleave', () => { video.pause(); video.currentTime = 0; });});