.posterMat{--mat:18px;--radius:30px;--innerRadius:18px}@media (max-width:768px){.posterMat{--mat:14px}}@media (max-width:480px){.posterMat{--mat:10px;--radius:20px;--innerRadius:10px}}.posterMat{position:relative;display:inline-block;padding:var(--mat);border-radius:var(--radius);isolation:isolate;background:linear-gradient(145deg,#1c1c1c,#0d0d0d);transform:perspective(1800px) rotateY(7deg) rotateX(4deg) rotate(-1deg);transform-style:preserve-3d;transition:transform .4s cubic-bezier(.25,.46,.45,.94);box-shadow:inset 1px 1px 1px rgba(255,255,255,.3),inset 2px 2px 4px rgba(255,255,255,.1),inset -2px -2px 4px rgba(0,0,0,.9),0 0 0 1px #000,20px 30px 50px rgba(0,0,0,.7)}.posterMat:hover{transform:perspective(1800px) rotateY(0deg) rotateX(0deg) scale(1.02);box-shadow:inset 1px 1px 1px rgba(255,255,255,.3),inset 2px 2px 4px rgba(255,255,255,.1),inset -2px -2px 4px rgba(0,0,0,.9),0 0 0 1px #000,0 40px 80px rgba(0,0,0,.6)}.posterMat:before{content:"";position:absolute;inset:20px;z-index:-1;transform:translateZ(-30px);background:rgba(80,150,255,.15);filter:blur(40px);opacity:.6;transition:opacity .4s ease}.posterMat:after{content:"";position:absolute;inset:var(--mat);z-index:10;pointer-events:none;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E"),linear-gradient(125deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.12) 40%,rgba(255,255,255,.04) 42%,rgba(255,255,255,0) 50%),radial-gradient(circle at 0 0,rgba(255,255,255,.08) 0,transparent 40%),radial-gradient(circle at 100% 100%,rgba(0,0,0,.2) 0,transparent 50%);box-shadow:inset 2px 2px 5px rgba(0,0,0,.3),inset -1px -1px 2px rgba(255,255,255,.1);mix-blend-mode:overlay}.posterMat:after,.posterMat>img{border-radius:var(--innerRadius)}.posterMat>img{display:block;width:min(720px,98vw);height:auto;filter:brightness(1) contrast(1.05) saturate(1.1)}.posterDownload{position:absolute;bottom:24px;right:24px;width:48px;height:48px;background:rgba(96,96,96,.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(10px) translateZ(20px);transition:all .3s cubic-bezier(.2,.8,.2,1);cursor:pointer;z-index:20;box-shadow:0 4px 12px rgba(0,0,0,.3)}.posterMat:hover .posterDownload{opacity:1;transform:translateY(0) translateZ(20px)}.posterDownload:hover{background:rgba(255,255,255,.2);transform:scale(1.05) translateZ(25px);box-shadow:0 6px 16px rgba(0,0,0,.4)}.posterDownload .icon{display:block;width:20px;height:20px;background-color:rgba(255,255,255,.9);-webkit-mask:url(/assets/icons/download.svg) no-repeat center;mask:url(/assets/icons/download.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;transition:background-color .2s ease}.posterDownload:hover .icon{background-color:#fff}