/* GENERATED by scripts/build-images.sh — do not edit by hand.
   Re-run the script after adding or replacing a photo. */

/* Baseline: JPEG, understood everywhere. */
.p-city-street { --photo: url('../img/photos/city-street-w.jpg'); --tint: 1; }
.p-city-market { --photo: url('../img/photos/city-market-w.jpg'); --tint: 1; }
.p-city-station { --photo: url('../img/photos/city-station-w.jpg'); --tint: 1; }
.p-harar-gate { --photo: url('../img/photos/harar-gate-w.jpg'); --tint: 1; }
.p-harar-hyena { --photo: url('../img/photos/harar-hyena-w.jpg'); --tint: 1; }
.p-khat-market { --photo: url('../img/photos/khat-market-w.jpg'); --tint: 1; }
.p-coffee-ceremony { --photo: url('../img/photos/coffee-ceremony-w.jpg'); --tint: 1; }

/* WebP where image-set() can negotiate format (~30% smaller). */
@supports (background-image: image-set(url('a.webp') type('image/webp'))) {
  .p-city-street { --photo: image-set(url('../img/photos/city-street-w.webp') type('image/webp'), url('../img/photos/city-street-w.jpg') type('image/jpeg')); }
  .p-city-market { --photo: image-set(url('../img/photos/city-market-w.webp') type('image/webp'), url('../img/photos/city-market-w.jpg') type('image/jpeg')); }
  .p-city-station { --photo: image-set(url('../img/photos/city-station-w.webp') type('image/webp'), url('../img/photos/city-station-w.jpg') type('image/jpeg')); }
  .p-harar-gate { --photo: image-set(url('../img/photos/harar-gate-w.webp') type('image/webp'), url('../img/photos/harar-gate-w.jpg') type('image/jpeg')); }
  .p-harar-hyena { --photo: image-set(url('../img/photos/harar-hyena-w.webp') type('image/webp'), url('../img/photos/harar-hyena-w.jpg') type('image/jpeg')); }
  .p-khat-market { --photo: image-set(url('../img/photos/khat-market-w.webp') type('image/webp'), url('../img/photos/khat-market-w.jpg') type('image/jpeg')); }
  .p-coffee-ceremony { --photo: image-set(url('../img/photos/coffee-ceremony-w.webp') type('image/webp'), url('../img/photos/coffee-ceremony-w.jpg') type('image/jpeg')); }
}

/* Phones get the narrow cut — roughly a quarter of the bytes. */
@media (max-width: 700px) {
  .p-city-street { --photo: url('../img/photos/city-street-n.jpg'); }
  .p-city-market { --photo: url('../img/photos/city-market-n.jpg'); }
  .p-city-station { --photo: url('../img/photos/city-station-n.jpg'); }
  .p-harar-gate { --photo: url('../img/photos/harar-gate-n.jpg'); }
  .p-harar-hyena { --photo: url('../img/photos/harar-hyena-n.jpg'); }
  .p-khat-market { --photo: url('../img/photos/khat-market-n.jpg'); }
  .p-coffee-ceremony { --photo: url('../img/photos/coffee-ceremony-n.jpg'); }
}
@media (max-width: 700px) {
  @supports (background-image: image-set(url('a.webp') type('image/webp'))) {
    .p-city-street { --photo: image-set(url('../img/photos/city-street-n.webp') type('image/webp'), url('../img/photos/city-street-n.jpg') type('image/jpeg')); }
    .p-city-market { --photo: image-set(url('../img/photos/city-market-n.webp') type('image/webp'), url('../img/photos/city-market-n.jpg') type('image/jpeg')); }
    .p-city-station { --photo: image-set(url('../img/photos/city-station-n.webp') type('image/webp'), url('../img/photos/city-station-n.jpg') type('image/jpeg')); }
    .p-harar-gate { --photo: image-set(url('../img/photos/harar-gate-n.webp') type('image/webp'), url('../img/photos/harar-gate-n.jpg') type('image/jpeg')); }
    .p-harar-hyena { --photo: image-set(url('../img/photos/harar-hyena-n.webp') type('image/webp'), url('../img/photos/harar-hyena-n.jpg') type('image/jpeg')); }
    .p-khat-market { --photo: image-set(url('../img/photos/khat-market-n.webp') type('image/webp'), url('../img/photos/khat-market-n.jpg') type('image/jpeg')); }
    .p-coffee-ceremony { --photo: image-set(url('../img/photos/coffee-ceremony-n.webp') type('image/webp'), url('../img/photos/coffee-ceremony-n.jpg') type('image/jpeg')); }
  }
}