.movie-showcase{padding:58px 0 42px;background:#080f20;color:#fff}.movie-heading-row{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}.movie-showcase .eyebrow{color:#b9d960;margin:0 0 10px}.movie-showcase h2{font-size:clamp(27px,3vw,42px);line-height:1.12;margin:0;letter-spacing:-.035em}.movie-intro{color:#aebbd1;font-size:14px;margin:12px 0 0}.movie-controls{display:flex;gap:9px;flex-shrink:0}.movie-controls button{width:44px;height:44px;border:1px solid #526078;border-radius:50%;background:#172238;color:white;font-size:23px;cursor:pointer}.movie-controls button:hover{background:#293c5f}.movie-controls button:disabled{opacity:.35;cursor:default}.movie-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#526078 #080f20;padding:3px 2px 18px;overscroll-behavior-x:contain}.movie-card{flex:0 0 calc((100% - 60px)/4);min-width:0;margin:0;scroll-snap-align:start}.movie-card img{display:block;width:100%;height:auto;aspect-ratio:684/1024;object-fit:cover;border-radius:12px;border:1px solid #ffffff20}.movie-card figcaption{padding:16px 1px 0}.movie-genre{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#b9d960}.movie-card h3{font-size:18px;line-height:1.2;margin:7px 0}.movie-card p{font-size:13px;line-height:1.6;color:#b8c3d6;margin:0}.movie-position{font-size:11px;color:#91a4c0;text-align:right;margin:14px 0 0}.movie-track:focus-visible,.movie-controls button:focus-visible{outline:2px solid #b9d960;outline-offset:4px}@media(max-width:1000px){.movie-card{flex-basis:calc((100% - 40px)/3)}}@media(max-width:700px){.movie-card{flex-basis:calc((100% - 20px)/2)}.movie-heading-row{align-items:center}.movie-showcase{padding:38px 0 30px}}@media(max-width:460px){.movie-card{flex-basis:80%}.movie-heading-row{flex-wrap:wrap}.movie-controls{margin-left:auto}.movie-track{gap:14px}}