/* ==========================================================================
   Photography backgrounds - GENERATED, do not edit by hand.
   Rebuild with scratchpad/gen_photocss.py after changing the photo set.

   Each class sets only a background image, at a size appropriate to the
   viewport. Layout, scrim and fixed-attachment behaviour live in site.css.
   ========================================================================== */

/* reception-signage - The firm's reception, with the Prescott's Family Law seal on the timber wall */
.bg-reception-signage { background-color: #7f706b; }
.bg-reception-signage { background-image: image-set(url("../assets/photos/reception-signage-768.webp") type("image/webp"),
             url("../assets/photos/reception-signage-768.jpg") type("image/jpeg")); }
@media (min-width: 560px) { .bg-reception-signage { background-image: image-set(url("../assets/photos/reception-signage-1200.webp") type("image/webp"),
             url("../assets/photos/reception-signage-1200.jpg") type("image/jpeg")); } }
@media (min-width: 1000px) { .bg-reception-signage { background-image: image-set(url("../assets/photos/reception-signage-1600.webp") type("image/webp"),
             url("../assets/photos/reception-signage-1600.jpg") type("image/jpeg")); } }
@media (min-width: 1500px) { .bg-reception-signage { background-image: image-set(url("../assets/photos/reception-signage-2400.webp") type("image/webp"),
             url("../assets/photos/reception-signage-2400.jpg") type("image/jpeg")); } }

/* reception-desk - Reception desk beneath the Prescott's Family Law seal */
.bg-reception-desk { background-color: #998576; }
.bg-reception-desk { background-image: image-set(url("../assets/photos/reception-desk-768.webp") type("image/webp"),
             url("../assets/photos/reception-desk-768.jpg") type("image/jpeg")); }
@media (min-width: 560px) { .bg-reception-desk { background-image: image-set(url("../assets/photos/reception-desk-1200.webp") type("image/webp"),
             url("../assets/photos/reception-desk-1200.jpg") type("image/jpeg")); } }
@media (min-width: 1000px) { .bg-reception-desk { background-image: image-set(url("../assets/photos/reception-desk-1600.webp") type("image/webp"),
             url("../assets/photos/reception-desk-1600.jpg") type("image/jpeg")); } }
@media (min-width: 1500px) { .bg-reception-desk { background-image: image-set(url("../assets/photos/reception-desk-2400.webp") type("image/webp"),
             url("../assets/photos/reception-desk-2400.jpg") type("image/jpeg")); } }

/* lobby-stair - The building lobby and staircase leading to the firm's reception */
.bg-lobby-stair { background-color: #8e837f; }
.bg-lobby-stair { background-image: image-set(url("../assets/photos/lobby-stair-768.webp") type("image/webp"),
             url("../assets/photos/lobby-stair-768.jpg") type("image/jpeg")); }
@media (min-width: 560px) { .bg-lobby-stair { background-image: image-set(url("../assets/photos/lobby-stair-1200.webp") type("image/webp"),
             url("../assets/photos/lobby-stair-1200.jpg") type("image/jpeg")); } }
@media (min-width: 1000px) { .bg-lobby-stair { background-image: image-set(url("../assets/photos/lobby-stair-1600.webp") type("image/webp"),
             url("../assets/photos/lobby-stair-1600.jpg") type("image/jpeg")); } }
@media (min-width: 1500px) { .bg-lobby-stair { background-image: image-set(url("../assets/photos/lobby-stair-2400.webp") type("image/webp"),
             url("../assets/photos/lobby-stair-2400.jpg") type("image/jpeg")); } }

/* boardroom - The firm's boardroom, set for a meeting */
.bg-boardroom { background-color: #746a64; }
.bg-boardroom { background-image: image-set(url("../assets/photos/boardroom-768.webp") type("image/webp"),
             url("../assets/photos/boardroom-768.jpg") type("image/jpeg")); }
@media (min-width: 560px) { .bg-boardroom { background-image: image-set(url("../assets/photos/boardroom-1200.webp") type("image/webp"),
             url("../assets/photos/boardroom-1200.jpg") type("image/jpeg")); } }
@media (min-width: 1000px) { .bg-boardroom { background-image: image-set(url("../assets/photos/boardroom-1600.webp") type("image/webp"),
             url("../assets/photos/boardroom-1600.jpg") type("image/jpeg")); } }

/* lounge - A quiet lounge area used for informal meetings */
.bg-lounge { background-color: #8c7d6a; }
.bg-lounge { background-image: image-set(url("../assets/photos/lounge-768.webp") type("image/webp"),
             url("../assets/photos/lounge-768.jpg") type("image/jpeg")); }
@media (min-width: 560px) { .bg-lounge { background-image: image-set(url("../assets/photos/lounge-1200.webp") type("image/webp"),
             url("../assets/photos/lounge-1200.jpg") type("image/jpeg")); } }
@media (min-width: 1000px) { .bg-lounge { background-image: image-set(url("../assets/photos/lounge-1600.webp") type("image/webp"),
             url("../assets/photos/lounge-1600.jpg") type("image/jpeg")); } }

/* long-room - A long meeting room with seating along the window wall */
.bg-long-room { background-color: #655952; }
.bg-long-room { background-image: image-set(url("../assets/photos/long-room-768.webp") type("image/webp"),
             url("../assets/photos/long-room-768.jpg") type("image/jpeg")); }
@media (min-width: 560px) { .bg-long-room { background-image: image-set(url("../assets/photos/long-room-1200.webp") type("image/webp"),
             url("../assets/photos/long-room-1200.jpg") type("image/jpeg")); } }
@media (min-width: 1000px) { .bg-long-room { background-image: image-set(url("../assets/photos/long-room-1600.webp") type("image/webp"),
             url("../assets/photos/long-room-1600.jpg") type("image/jpeg")); } }

/* private-office - A private office with seating for confidential conversations */
.bg-private-office { background-color: #9c9187; }
.bg-private-office { background-image: image-set(url("../assets/photos/private-office-768.webp") type("image/webp"),
             url("../assets/photos/private-office-768.jpg") type("image/jpeg")); }
@media (min-width: 560px) { .bg-private-office { background-image: image-set(url("../assets/photos/private-office-1200.webp") type("image/webp"),
             url("../assets/photos/private-office-1200.jpg") type("image/jpeg")); } }
@media (min-width: 1000px) { .bg-private-office { background-image: image-set(url("../assets/photos/private-office-1600.webp") type("image/webp"),
             url("../assets/photos/private-office-1600.jpg") type("image/jpeg")); } }

/* kitchen - The office kitchen and informal meeting space */
.bg-kitchen { background-color: #79777a; }
.bg-kitchen { background-image: image-set(url("../assets/photos/kitchen-768.webp") type("image/webp"),
             url("../assets/photos/kitchen-768.jpg") type("image/jpeg")); }
@media (min-width: 560px) { .bg-kitchen { background-image: image-set(url("../assets/photos/kitchen-1200.webp") type("image/webp"),
             url("../assets/photos/kitchen-1200.jpg") type("image/jpeg")); } }

/* reception-portrait - Reception, photographed in portrait */
.bg-reception-portrait { background-color: #888181; }
.bg-reception-portrait { background-image: image-set(url("../assets/photos/reception-portrait-768.webp") type("image/webp"),
             url("../assets/photos/reception-portrait-768.jpg") type("image/jpeg")); }
@media (min-width: 560px) { .bg-reception-portrait { background-image: image-set(url("../assets/photos/reception-portrait-1200.webp") type("image/webp"),
             url("../assets/photos/reception-portrait-1200.jpg") type("image/jpeg")); } }
@media (min-width: 1000px) { .bg-reception-portrait { background-image: image-set(url("../assets/photos/reception-portrait-1600.webp") type("image/webp"),
             url("../assets/photos/reception-portrait-1600.jpg") type("image/jpeg")); } }
@media (min-width: 1500px) { .bg-reception-portrait { background-image: image-set(url("../assets/photos/reception-portrait-2400.webp") type("image/webp"),
             url("../assets/photos/reception-portrait-2400.jpg") type("image/jpeg")); } }

/* conference-detail - Detail of the conference room table and seating */
.bg-conference-detail { background-color: #8a806f; }
.bg-conference-detail { background-image: image-set(url("../assets/photos/conference-detail-768.webp") type("image/webp"),
             url("../assets/photos/conference-detail-768.jpg") type("image/jpeg")); }
@media (min-width: 560px) { .bg-conference-detail { background-image: image-set(url("../assets/photos/conference-detail-1200.webp") type("image/webp"),
             url("../assets/photos/conference-detail-1200.jpg") type("image/jpeg")); } }
@media (min-width: 1000px) { .bg-conference-detail { background-image: image-set(url("../assets/photos/conference-detail-1600.webp") type("image/webp"),
             url("../assets/photos/conference-detail-1600.jpg") type("image/jpeg")); } }