.video-grid-header h3{font-size:20px}.video-grid-header p{font-size:14px}.video-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.video-thumbnail{position:relative;display:block;width:100%;padding:0;overflow:hidden;aspect-ratio:1/1.4;cursor:pointer;background:#111;border:0;border-radius:8px}.video-thumbnail img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:opacity 250ms ease,-webkit-transform 250ms ease;transition:opacity 250ms ease,-webkit-transform 250ms ease;transition:transform 250ms ease,opacity 250ms ease;transition:transform 250ms ease,opacity 250ms ease,-webkit-transform 250ms ease}.video-thumbnail:hover img,.video-thumbnail:focus-visible img{-webkit-transform:scale(1.04);-ms-transform:scale(1.04);transform:scale(1.04);opacity:.8}.video-thumbnail__play{position:absolute;top:50%;left:50%;display:grid;width:64px;height:64px;place-items:center;color:#fff;font-size:24px;background:rgb(0 0 0 / .65);border-radius:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none}.video-popup{width:min(960px,100% - 32px);max-width:none;padding:0;overflow:visible;background:#fff0;border:0}.video-popup::-ms-backdrop{background:rgb(0 0 0 / .85)}.video-popup::backdrop{background:rgb(0 0 0 / .85)}.video-popup__content{position:relative;overflow:hidden;background:#000;border-radius:8px}.video-popup video{display:block;width:100%;aspect-ratio:16/9;background:#000}.video-popup__close{position:absolute;top:-46px;right:0;z-index:2;padding:0;color:#fff;font-size:40px;line-height:1;cursor:pointer;background:#fff0;border:0}@media(max-width:500px){.video-gallery{gap:14px}.video-popup video{aspect-ratio:9/16}}