.pep-carousel-section{padding:40px 0;background:#fff;overflow:hidden;}
.pep-carousel-label{font-family:’Montserrat’,sans-serif;font-size:10px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:#1a1a1a;padding:0 12px 0 48px;margin-bottom:20px;}
.pep-carousel-label span{display:inline-block;padding-bottom:8px;border-bottom:2px solid #f5a200;}
.pep-carousel-row{display:flex;align-items:center;gap:0;}
.pep-carousel-track-wrap{overflow:hidden;position:relative;flex:1;}
.pep-carousel-track{display:flex;gap:16px;width:max-content;will-change:transform;}
.pep-carousel-track.paused{animation-play-state:paused!important;}
@keyframes pep-scroll-film{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
@keyframes pep-scroll-tv{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.pep-row-film .pep-carousel-track{animation:pep-scroll-film 180s linear infinite;}
.pep-row-film .pep-slide{width:204px;flex-shrink:0;}
.pep-row-tv .pep-carousel-track{animation:pep-scroll-tv 100s linear infinite;}
.pep-row-tv .pep-slide{width:170px;flex-shrink:0;}
.pep-slide-inner{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,.32);aspect-ratio:2/3;}
.pep-slide-inner img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease;}
.pep-slide:hover .pep-slide-inner img{transform:scale(1.05);}
.pep-slide-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,0) 50%);opacity:0;transition:opacity .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;}
.pep-slide:hover .pep-slide-overlay{opacity:1;}
.pep-play-btn{width:52px;height:52px;cursor:pointer;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));transition:transform .2s;}
.pep-play-btn:hover{transform:scale(1.15);}
.pep-slide-info{position:absolute;bottom:12px;left:12px;right:12px;}
.pep-slide-title{font-family:’Montserrat’,sans-serif;font-size:11px;font-weight:700;color:#fff;letter-spacing:1px;margin:0 0 2px;text-transform:uppercase;}
.pep-slide-year{font-family:’Montserrat’,sans-serif;font-size:10px;color:#f5a200;margin:0;font-weight:600;}
.pep-carousel-arrow{flex-shrink:0;width:36px;background:transparent;border:none;color:#f5a200;font-size:40px;cursor:pointer;padding:0;line-height:1;align-self:center;}.pep-carousel-arrow:hover{color:#f5a200;background:transparent;}
.pep-modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:99999;align-items:center;justify-content:center;}
.pep-modal-overlay.open{display:flex;}
.pep-modal-box{position:relative;width:90vw;max-width:960px;aspect-ratio:16/9;background:#000;border-radius:4px;overflow:hidden;}
.pep-modal-box iframe{width:100%;height:100%;border:0;}
.pep-modal-close{position:absolute;top:-40px;right:0;color:#fff;font-size:28px;cursor:pointer;font-family:sans-serif;line-height:1;background:none;border:none;padding:4px 8px;}
.pep-modal-close:hover{color:#f5a200;}
(function(){
var nudge=216;
function setupRow(wrapId,trackId,prevId,nextId){
var w=document.getElementById(wrapId),t=document.getElementById(trackId);
var prev=document.getElementById(prevId),next=document.getElementById(nextId);
if(!w||!t)return;
w.addEventListener(‘mouseenter’,function(){t.classList.add(‘paused’)});
w.addEventListener(‘mouseleave’,function(){t.classList.remove(‘paused’)});
if(prev)prev.addEventListener(‘click’,function(){
t.classList.add(‘paused’);
var cur=parseFloat(t.style.marginLeft||0);
t.style.transition=’margin-left .35s ease’;
t.style.marginLeft=Math.min(cur+nudge,0)+’px’;
setTimeout(function(){t.classList.remove(‘paused’)},400);
});
if(next)next.addEventListener(‘click’,function(){
t.classList.add(‘paused’);
var cur=parseFloat(t.style.marginLeft||0);
t.style.transition=’margin-left .35s ease’;
t.style.marginLeft=(cur-nudge)+’px’;
setTimeout(function(){t.classList.remove(‘paused’)},400);
});
}
setupRow(‘pepTrackWrapFilm’,’pepTrackFilm’,’pepFilmPrev’,’pepFilmNext’);
setupRow(‘pepTrackWrapTv’,’pepTrackTv’,’pepTvPrev’,’pepTvNext’);
document.querySelectorAll(‘.pep-slide’).forEach(function(s){
s.addEventListener(‘click’,function(){
var tr=this.getAttribute(‘data-trailer’),ht=this.getAttribute(‘data-has-trailer’)===’true’;
if(!ht||!tr)return;
var m=document.getElementById(‘pepModal’),i=document.getElementById(‘pepModalIframe’);
i.src=tr;m.classList.add(‘open’);
});
});
function closeModal(){document.getElementById(‘pepModal’).classList.remove(‘open’);document.getElementById(‘pepModalIframe’).src=”;}
document.getElementById(‘pepModalClose’).addEventListener(‘click’,closeModal);
document.getElementById(‘pepModal’).addEventListener(‘click’,function(e){if(e.target===this)closeModal()});
document.addEventListener(‘keydown’,function(e){if(e.key===’Escape’)closeModal()});
})();
Film
Television
