.filter-nav{border-bottom:1px solid #eee;padding-bottom:10px}.filter-list{gap:10px;margin:0;padding:0;list-style:none;display:flex}.filter-list li{flex:none}.filter-list button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;padding:8px 20px;font-size:.9rem;transition:all .2s}.filter-list li.active button,.filter-list button:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.videos-grid-2-col{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.video-post-item{background:#fff;border:1px solid #eee;border-radius:8px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 15px #00000008}.video-post-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000014}.post-video{background:#000;position:relative;overflow:hidden}.video-thumbnail-link{width:100%;height:300px;display:block;position:relative;overflow:hidden}.thumbnail-container{width:100%;height:100%;position:relative}.video-thumbnail-img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,1,.5,1)}.video-thumbnail-link:hover .video-thumbnail-img{transform:scale(1.05)}.play-overlay{background:#00000059;flex-direction:column;justify-content:center;align-items:center;transition:background-color .3s;display:flex;position:absolute;inset:0}.video-thumbnail-link:hover .play-overlay{background:#00000026}.play-button-circle{background:#fffffff2;border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;transition:all .3s cubic-bezier(.25,1,.5,1);display:flex;box-shadow:0 6px 20px #0000004d}.play-icon-svg{color:#111;width:26px;height:26px;margin-left:4px;transition:color .3s}.video-thumbnail-link:hover .play-button-circle{background:red;transform:scale(1.1);box-shadow:0 8px 25px #ff000080}.video-thumbnail-link:hover .play-icon-svg{color:#fff}.play-tooltip{color:#fff;letter-spacing:.5px;opacity:0;background:#000c;border-radius:20px;margin-top:12px;padding:5px 14px;font-size:.8rem;font-weight:600;transition:all .3s cubic-bezier(.25,1,.5,1);transform:translateY(5px)}.video-thumbnail-link:hover .play-tooltip{opacity:1;transform:translateY(0)}.post-meta-categoryss{background:var(--color-primary);color:#fff;pointer-events:none;z-index:10;border-radius:3px;padding:4px 10px;font-size:.75rem;font-weight:600;position:absolute;top:15px;right:15px}@media (max-width:576px){.video-thumbnail-link{height:200px}.play-button-circle{width:50px;height:50px}.play-icon-svg{width:20px;height:20px;margin-left:3px}}.post-item-description{padding:25px}.post-meta-date{color:#999;margin-bottom:10px;font-size:.85rem;display:block}.post-item-description h2{margin-top:0;margin-bottom:15px;font-size:1.25rem}.post-item-description h2 a{color:#333;text-decoration:none;transition:color .2s}.post-item-description h2 a:hover{color:var(--color-primary)}.post-item-description p{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:20px;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.item-link{color:var(--color-primary);font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s}.item-link:hover{color:#4ab474}.loading-state{text-align:center;color:#666;padding:60px 0}@media (max-width:768px){.videos-grid-2-col{grid-template-columns:1fr}}