/* grid.css, 2026-10-14 (rev 2)
   Photo wall: a wide, manually-scrolled masonry. Every frame keeps its NATIVE
   aspect ratio (no crop) so vertical images stay vertical and horizontal stay
   horizontal. No auto-scroll, no edge fade. Shared by the car galleries
   (Concorso, ICE St. Moritz) so both read identically. Progressive enhancement
   over .gal (no-JS = plain set of links); gallery.js adds the lightbox.
   GPU-light: no filters, no continuous animation. Breaks out of the narrow
   .fo-sub text column to a wide wall (the page header stays in the column). */
.gal.gal-grid {
  columns: clamp(190px, 16vw, 270px);   /* masonry column-width; browser sets the count */
  column-gap: clamp(7px, 0.7vw, 12px);
  width: 92vw;
  max-width: 1640px;
  margin-left: 50%;
  transform: translateX(-50%);          /* centre the wide wall on the viewport */
  padding-top: clamp(20px, 4vh, 48px);
  padding-bottom: clamp(40px, 8vh, 96px);
}
.gal-grid .gal-item {
  margin: 0 0 clamp(7px, 0.7vw, 12px);
  width: 100%;
  display: block;
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
}
.gal-grid .gal-item picture { display: block; }
.gal-grid .gal-item img {
  width: 100%;
  height: auto;                         /* native aspect ratio, never cropped */
  display: block;
}
@media (max-width: 640px) {
  .gal.gal-grid {
    width: 94vw;
    columns: clamp(140px, 44vw, 180px);
  }
}