/* Photographic detail comes from source pixels, never a sharpening/filter trick.
   The gallery must select Retina density just like the existing paper boards. */
.surf-gallery{
 background-image:url('assets/fast/sand-board.webp');
 background-image:-webkit-image-set(url('assets/fast/sand-board.webp') 1x,url('assets/fast/sand-board@1.5x.webp') 1.5x);
 background-image:image-set(url('assets/fast/sand-board.webp') 1x,url('assets/fast/sand-board@1.5x.webp') 1.5x);
}
/* The tall phone gallery needs a portrait source, otherwise cover magnifies the
   short desktop crop. Both densities come directly from the camera master. */
@media(max-width:640px){
 .surf-gallery{
  background-image:url('assets/fast/sand-portrait.webp');
  background-image:-webkit-image-set(url('assets/fast/sand-portrait.webp') 1x,url('assets/fast/sand-portrait@1.5x.webp') 1.5x);
  background-image:image-set(url('assets/fast/sand-portrait.webp') 1x,url('assets/fast/sand-portrait@1.5x.webp') 1.5x);
 }
}