/* MIKE: Nov 14, 2026: the gallery videos that replaced the six huge GIFs (index.html + CreativeTilingIdeas.html).
   Same box, crop and hover as the photos/GIFs they replaced. Script: js/gallery-video.js */
.gallery-grid video.example-image,
#featured-projects .fp-card video.example-image {
  width: 100%; height: auto; aspect-ratio: 647 / 861; object-fit: cover; display: block; background: #e5e5e5;
}
.gallery-grid:hover video.example-image {
  -webkit-filter: grayscale(100%);
  transition: all 300ms !important;
  -webkit-transition: all 300ms !important;
}
/* the viewer (Lightbox) plays the video on top of its poster photo; taps still reach the arrows underneath */
.lightbox .lb-video {
  position: absolute; z-index: 5; pointer-events: none; object-fit: cover; display: block;
  border-radius: 3px; background: transparent;
}