/* The Cameras page's wall, laid over the shared place.css: each state's cameras four across at about a third of their
   old width, three on a narrow window and two on a phone, so a state is a screen or two rather than a long column.
   At that size a camera's burned-in caption (PhenoCam's and USGS's run across the top, under a tenth of the frame)
   cannot be read, so a 4:3 frame is shown at 16:10 and held to its foot, which takes off its top sixth; the day and
   the hour stay in the caption under each picture, and the stories below keep their whole frames. Checked by eye on every
   camera's newest frame on 15 October (guide/cameras/frame-text.json): eight river gauges run their station line along the
   bottom, so they keep their whole frame; and a frame wider than 16:10 loses nothing to the crop, so it is enlarged from its
   foot by a fifth, which takes off its top sixth and the text there with it. The five 9:16 river gauges, held to their foot,
   showed only their bottom third, mostly grass and the gauge's own kit; held a quarter of the way down they show the band from
   16% to 51% of their height, the far bank's trees and the water, with the frame's middle line in view and their burned-in
   text, which reaches 15% at most (Cobleskill Creek's black mask), still above the crop. */
.place-page .camera-wall{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 20px}
.place-page .camera-wall .camera-card img{aspect-ratio:16/10;object-fit:cover;object-position:50% 100%}
.place-page .camera-wall .camera-card .camera-frame-whole img{aspect-ratio:auto;object-fit:contain}
.place-page .camera-wall .camera-card .camera-frame-wide{overflow:hidden}
.place-page .camera-wall .camera-card .camera-frame-wide img{transform:scale(1.2);transform-origin:50% 100%}
.place-page .camera-wall .camera-card .camera-frame-portrait img{object-position:50% 25%}
.place-page .camera-wall .camera-card h4,.place-page .camera-wall .camera-card h5{font-size:20px;margin:10px 0 6px}
@media(max-width:1000px){.place-page .camera-wall{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.place-page .camera-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.place-page .camera-wall .camera-card h4,.place-page .camera-wall .camera-card h5{font-size:17px}}