.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:var(--grid-gap)}.video-wrapper{position:relative;overflow:hidden;aspect-ratio:16 / 9;border-radius:var(--border-radius);cursor:pointer}.video-wrapper video{width:100%;height:100%}.video-overlay{position:absolute;inset:0;background:#000000b3;color:var(--color-light);display:flex;align-items:center;justify-content:center;text-align:center;opacity:0;transition:opacity .3s ease}.video-wrapper:hover .video-overlay{opacity:1}@media (hover: none){.video-wrapper .video-overlay{opacity:1}}