.masonry-section{margin:5rem auto;padding:0 10rem}.list,.masonry-section{width:100%;position:relative}.list{height:100%;transition:height .6s ease}.item-wrapper{position:absolute;will-change:transform,width,height,opacity;padding:6px;cursor:pointer;top:0;left:0}.item-wrapper>.item-img{position:relative;background-size:cover;background-position:50%;width:100%;height:100%;text-transform:uppercase;font-size:10px;line-height:10px;border-radius:10px;box-shadow:0 10px 50px -10px rgba(0,0,0,.2)}.masonry-video-thumb .item-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.35));border-radius:inherit;pointer-events:none}.masonry-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.masonry-play-button{width:64px;height:64px;background:rgba(0,0,0,.55);border-radius:50%;position:relative;box-shadow:0 8px 25px -6px rgba(0,0,0,.5);pointer-events:none}.masonry-play-button:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-40%,-50%);width:0;height:0;border-left:22px solid #fff;border-top:14px solid transparent;border-bottom:14px solid transparent}.item-wrapper:hover .masonry-play-button{background:rgba(0,0,0,.7);transition:background .3s ease}.masonry-video-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;padding:2rem 1rem}.masonry-video-close{position:absolute;top:1.2rem;right:1.2rem;background:rgba(255,255,255,.15);border:none;color:#fff;font-size:1.4rem;line-height:1;cursor:pointer;padding:.5rem .8rem;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .25s ease}.masonry-video-close:hover{background:rgba(255,255,255,.3)}.masonry-video-frame-wrapper{width:min(100%,960px);aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px -10px rgba(0,0,0,.6);position:relative}.masonry-video-frame-wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:0}@media (max-width:1200px){.masonry-section{padding:0 5rem}}@media (max-width:768px){.masonry-section{padding:0 2rem}}@media (max-width:480px){.masonry-section{padding:0 1rem}}