/* Kelley's city video on service area pages (tools/add_city_video.py) */
.city-video-frame {
  max-width: 1000px; margin: 0 auto; border-radius: 20px; overflow: hidden;
  aspect-ratio: 16 / 9; background: #002A42; box-shadow: 0 7px 19.6px rgba(0, 0, 0, .12);
}
.city-video-poster { display: block; width: 100%; height: 100%; padding: 0; border: 0; background: none; cursor: pointer; }
.city-video-poster img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
.city-video-poster:hover img, .city-video-poster:focus-visible img { transform: scale(1.02); }
.city-video-poster:focus-visible { outline: 3px solid #08B0DD; outline-offset: -3px; }
.city-video-frame video { width: 100%; height: 100%; display: block; background: #000; }