/* Temporary Unsplash stock photos - replace with local WebP over time */
.photo-ph {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.15), rgba(0,0,0,0.45)),
    url("https://images.unsplash.com/photo-1558904541-efa843a96f01?auto=format&fit=crop&w=1200&q=80") !important;
}

.ph-1 {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.12), rgba(0,0,0,0.5)),
    url("https://images.unsplash.com/photo-1558904541-efa843a96f01?auto=format&fit=crop&w=1200&q=80") !important;
  background-size: cover !important;
  background-position: center !important;
}

.ph-2 {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.12), rgba(0,0,0,0.5)),
    url("https://images.unsplash.com/photo-1416879595882-3373a0480b5b?auto=format&fit=crop&w=1200&q=80") !important;
  background-size: cover !important;
  background-position: center !important;
}

.ph-3 {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.12), rgba(0,0,0,0.5)),
    url("https://images.unsplash.com/photo-1585320806297-9794b3e4eeae?auto=format&fit=crop&w=1200&q=80") !important;
  background-size: cover !important;
  background-position: center !important;
}

.ph-4 {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.12), rgba(0,0,0,0.5)),
    url("https://images.unsplash.com/photo-1558618666-fcd25c85cd64?auto=format&fit=crop&w=1200&q=80") !important;
  background-size: cover !important;
  background-position: center !important;
}

.ph-5 {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.12), rgba(0,0,0,0.5)),
    url("https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1200&q=80") !important;
  background-size: cover !important;
  background-position: center !important;
}

.ph-6 {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.12), rgba(0,0,0,0.5)),
    url("https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1200&q=80") !important;
  background-size: cover !important;
  background-position: center !important;
}

.ph-7 {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.12), rgba(0,0,0,0.5)),
    url("https://images.unsplash.com/photo-1598902108854-10e335adac99?auto=format&fit=crop&w=1200&q=80") !important;
  background-size: cover !important;
  background-position: center !important;
}

.ph-8 {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.12), rgba(0,0,0,0.5)),
    url("https://images.unsplash.com/photo-1466692476866-aef1dfb1e735?auto=format&fit=crop&w=1200&q=80") !important;
  background-size: cover !important;
  background-position: center !important;
}

.ph-9 {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.12), rgba(0,0,0,0.5)),
    url("https://images.unsplash.com/photo-1470075801209-17f9ec0cada6?auto=format&fit=crop&w=1200&q=80") !important;
  background-size: cover !important;
  background-position: center !important;
}

.photo-ph .ph-graphic { opacity: 0.15; }
.ph-hero {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.12), rgba(0,0,0,0.5)),
    url("https://images.unsplash.com/photo-1558904541-efa843a96f01?auto=format&fit=crop&w=1600&q=80") !important;
  background-size: cover !important;
  background-position: center !important;
}

@media (max-width: 800px) {
  img, video { max-width: 100%; height: auto; }
}