@keyframes posterMarquee{to{transform:translate3d(-50%,0,0)}}
.poster-carousel{position:relative;overflow:hidden;padding:34px 0 40px;background:linear-gradient(180deg,#020b19,#03152f);border-top:1px solid rgba(101,181,224,.12);border-bottom:1px solid rgba(101,181,224,.12)}
.poster-carousel h2{margin:0 0 22px;text-align:center;color:#f4f9fd;font-size:clamp(22px,2.3vw,31px);line-height:1.15;letter-spacing:-.025em}
.poster-viewport{width:100%;overflow:hidden;pointer-events:none;user-select:none;-webkit-user-select:none;touch-action:pan-y;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.poster-track{display:flex;width:max-content;will-change:transform;animation:posterMarquee 72s linear infinite}
.poster-group{display:flex;flex:none;gap:14px;padding-right:14px}
.poster-group img{display:block;flex:none;width:174px;height:260px;object-fit:cover;border-radius:8px;border:1px solid rgba(98,184,229,.2);box-shadow:0 12px 28px rgba(0,5,18,.28);background:#061f3f}
@media(max-width:700px){.poster-carousel{padding:28px 0 32px}.poster-carousel h2{margin-bottom:18px}.poster-track{animation-duration:58s}.poster-group{gap:10px;padding-right:10px}.poster-group img{width:132px;height:198px;border-radius:7px}}
@media(prefers-reduced-motion:reduce){.poster-viewport{overflow-x:auto;mask-image:none;-webkit-mask-image:none;scrollbar-width:thin}.poster-track{animation:none}.poster-group[aria-hidden="true"]{display:none}}