/* Real service photographs. Only the existing hero image layer changes.
   GroupHome has no photo attribute: its city video and poster remain intact. */
body main[data-stone-oak-hero-photo="capital-office"] > :is(.hero, .inner-hero) > :is(.hero-image, .inner-hero-image) {
  background-image: url("/assets/heroes/capital-office.webp");
  background-position: center;
}
body main[data-stone-oak-hero-photo="capital-multifamily"] > :is(.hero, .inner-hero) > :is(.hero-image, .inner-hero-image) {
  background-image: url("/assets/heroes/capital-multifamily.webp");
  background-position: center;
}
body main[data-stone-oak-hero-photo="valuation-analysis"] > :is(.hero, .inner-hero) > :is(.hero-image, .inner-hero-image) {
  background-image: url("/assets/heroes/valuation-analysis.webp");
  background-position: center bottom;
}
body main[data-stone-oak-hero-photo="valuation-inspection"] > :is(.hero, .inner-hero) > :is(.hero-image, .inner-hero-image) {
  background-image: url("/assets/heroes/valuation-inspection.webp");
  background-position: center top;
}
body main[data-stone-oak-hero-photo="valuation-market"] > :is(.hero, .inner-hero) > :is(.hero-image, .inner-hero-image) {
  background-image: url("/assets/heroes/valuation-market.webp");
  background-position: center;
}
body main[data-stone-oak-hero-photo="project-construction"] > :is(.hero, .inner-hero) > :is(.hero-image, .inner-hero-image) {
  background-image: url("/assets/heroes/project-construction.webp");
  background-position: center;
}
body main[data-stone-oak-hero-photo="project-planning"] > :is(.hero, .inner-hero) > :is(.hero-image, .inner-hero-image) {
  background-image: url("/assets/heroes/project-planning.webp");
  background-position: center top;
}
body main[data-stone-oak-hero-photo="project-structure"] > :is(.hero, .inner-hero) > :is(.hero-image, .inner-hero-image) {
  background-image: url("/assets/heroes/project-structure.webp");
  background-position: center;
}
body main[data-stone-oak-hero-photo="group-manhattan"] > :is(.hero, .inner-hero) > :is(.hero-image, .inner-hero-image) {
  background-image: url("/assets/heroes/group-manhattan.webp");
  background-position: center;
}

/* Commercial office property, replacing the inspection portrait on appraisal pages. */
body main[data-stone-oak-hero-photo="valuation-commercial-appraisal"] > :is(.hero, .inner-hero) > :is(.hero-image, .inner-hero-image) {
  background-image: url("/assets/heroes/valuation-commercial-appraisal.webp");
  background-position: center bottom;
}