.poster-wall{--wall-h:9.5cqw;--wall-gap:1cqw;--wall-rx:24deg;--wall-ry:-30deg;--wall-rz:7deg;--wall-persp:70cqw;--wall-x:-6cqw;--wall-y:0cqh;--wall-scale:1;position:absolute;inset:0;overflow:hidden;container-type:size;background:#000;perspective:var(--wall-persp);perspective-origin:50% 50%}.poster-wall[data-variant=login]{--wall-ry:-34deg;--wall-rz:5deg}.poster-wall[data-variant=showcase]{--wall-ry:-40deg;--wall-rz:7deg}.poster-wall__plane{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;gap:var(--wall-gap);width:-moz-max-content;width:max-content;transform-style:preserve-3d;transform:translate(-50%,-50%) translate(var(--wall-x),var(--wall-y)) rotateX(var(--wall-rx)) rotateY(var(--wall-ry)) rotate(var(--wall-rz)) scale(var(--wall-scale))}.poster-wall__row{display:flex;flex-shrink:0;gap:var(--wall-gap);margin-inline-start:calc(var(--shift) * -7cqw)}.poster-wall__tile{display:block;flex-shrink:0;width:calc(var(--wall-h) * 2 / 3);height:var(--wall-h);overflow:hidden;border-radius:.5cqw;background:#161616}.poster-wall__tile--wide{width:calc(var(--wall-h) * 16 / 9)}.poster-wall__tile img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}