.col-pile{aspect-ratio:1/1.08;position:relative}.col-pile>.col-pile-poster{aspect-ratio:2/3;background:var(--base-2);width:62%;transition:transform var(--dur-base) var(--ease-stamp);position:absolute;top:4%;left:19%;overflow:hidden;box-shadow:0 12px 32px -8px #0009}.col-pile>.col-pile-poster>img{object-fit:cover;width:100%;height:100%}.col-pile>.col-pile-poster:first-child{transform:rotate(-9deg)translate(-22%)}.col-pile>.col-pile-poster:nth-child(2){transform:rotate(8deg)translate(22%)}.group:hover .col-pile>.col-pile-poster:first-child,.group:focus-visible .col-pile>.col-pile-poster:first-child{transform:rotate(-13deg)translate(-34%)}.group:hover .col-pile>.col-pile-poster:nth-child(2),.group:focus-visible .col-pile>.col-pile-poster:nth-child(2){transform:rotate(12deg)translate(34%)}.group:hover .col-pile>.col-pile-poster:nth-child(3),.group:focus-visible .col-pile>.col-pile-poster:nth-child(3){transform:translateY(-8px)}@media (prefers-reduced-motion:reduce){.col-pile>.col-pile-poster{transition:none}}.col-dragging{opacity:.35}.col-drop-target{outline:2px dashed var(--accent);outline-offset:4px}
