/* Gallery styles */
 .video-card {
     border: none;
     box-shadow: 0 10px 30px var(--black-08);
     cursor: pointer;
 }

 .video-card:hover {
     transform: translateY(-4px);
     box-shadow: 0 18px 40px var(--ink-16);
 }

 .video-thumb-wrapper {
     position: relative;
     overflow: hidden;
 }

 .video-thumb {
     width: 100%;
     height: 220px;
     object-fit: cover;
     display: block;
 }

 .video-overlay {
     position: absolute;
     inset: 0;
     background: linear-gradient(to top, var(--black-60), var(--black-10));
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: 0;
     transition: opacity .2s ease;
 }

 .video-card:hover .video-overlay {
     opacity: 1;
 }

 .play-btn {
     width: 64px;
     height: 64px;
     border-radius: 50%;
     background: var(--white-90);
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .play-btn i {
     margin-left: 3px;
     border-style: solid;
     border-width: 8px 0 8px 14px;
     border-color: transparent transparent transparent var(--black);
 }

 .video-duration {
     position: absolute;
     right: .75rem;
     bottom: .75rem;
     padding: .2rem .5rem;
     border-radius: 999px;
     background: var(--black-75);
     color: var(--white);
     font-size: .75rem;
 }

 .video-meta {
     font-size: .8rem;
     color: var(--gray-750);
 }