.poster-archive{overflow:hidden}
.orbit-gallery{height:min(760px,78vh);min-height:590px;position:relative;perspective:1100px;transform-style:preserve-3d;touch-action:pan-y;cursor:grab}
.orbit-gallery:active{cursor:grabbing}
.orbit-ring{width:83%;height:49%;position:absolute;left:50%;top:50%;border:1px solid rgba(242,240,233,.24);border-radius:50%;transform:translate(-50%,-50%) rotate(-4deg);box-shadow:0 0 60px rgba(255,255,255,.035);pointer-events:none}
.orbit-ring::before,.orbit-ring::after{content:"";position:absolute;inset:12%;border:1px solid rgba(242,240,233,.1);border-radius:50%}.orbit-ring::after{inset:28%;border-color:rgba(242,240,233,.06)}
.orbit-gallery .poster-tile{width:clamp(125px,13vw,205px);height:clamp(205px,21vw,330px);margin:0;padding:0;position:absolute;left:50%;top:47%;display:block;border:0;color:#fff;background:transparent;text-align:left;cursor:zoom-in;will-change:transform,opacity,filter;transition:filter .25s ease;transform-origin:center}
.orbit-gallery .poster-tile img{width:100%;height:calc(100% - 30px);display:block;object-fit:cover;border:1px solid rgba(255,255,255,.35);box-shadow:0 24px 50px rgba(0,0,0,.58);pointer-events:none}
.orbit-gallery .poster-tile span{height:30px;padding-top:8px;display:block;font-size:9px;white-space:nowrap;pointer-events:none}
.orbit-gallery .poster-tile:hover img{border-color:#fff;box-shadow:0 30px 65px rgba(0,0,0,.7)}
.orbit-current{position:absolute;left:50%;top:50%;z-index:1;transform:translate(-50%,-50%);font:800 clamp(54px,8vw,118px)/1 "Barlow Condensed",sans-serif;color:rgba(255,255,255,.055);pointer-events:none}
@media(max-width:700px){.poster-archive{padding-left:12px;padding-right:12px}.orbit-gallery{height:68vh;min-height:500px}.orbit-ring{width:92%;height:39%}.orbit-gallery .poster-tile{width:104px;height:174px}.orbit-current{font-size:56px}}
@media(prefers-reduced-motion:reduce){.orbit-gallery .poster-tile{will-change:auto}}