:root{--video-radius:12px;--video-shadow:0 10px 25px rgba(0,0,0,0.15);--video-ratio:16/9}.video-item{position:relative;overflow:hidden;border-radius:var(--video-radius);box-shadow:var(--video-shadow);cursor:pointer}.video-item img{width:100%;height:100%;object-fit:cover;aspect-ratio:var(--video-ratio);display:block}.video-item::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.6),transparent);opacity:0;transition:0.3s}.video-item .title{position:absolute;bottom:0;left:0;width:100%;padding:15px;color:#fff;transform:translateY(100%);transition:0.3s;z-index:2}.video-item:hover::after{opacity:1}.video-item:hover .title{transform:translateY(0)}.video-item .play-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2}.video-item .play-btn::before{content:"►";font-size:40px;color:var(--c1);border:1px solid;border-radius:50px;display:block;aspect-ratio:1;line-height:1.1;text-align:center;font-family:Arial;padding-inline-start:7px}.video-main-player{width:100%;aspect-ratio:16/9;box-shadow:0 5px 20px #0000004a;margin-bottom:40px}.video-main-player iframe,.video-main-player video{width:100%;height:100%;border:0;display:block}