[data-img]::before,
[data-img]::after,
[data-img] > .shape,
.dr-ph[data-img] > span {
  display: var(--demo-placeholder-display, revert);
}

[data-img="cafe-bakery"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/cafe-bakery.webp");
  --demo-placeholder-display: none;
}

[data-img="cafe-breakfast"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/cafe-breakfast.webp");
  --demo-placeholder-display: none;
}

[data-img="cafe-coffee"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/cafe-coffee.webp");
  --demo-placeholder-display: none;
}

[data-img="cafe-hero"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/cafe-hero.webp");
  --demo-placeholder-display: none;
}

[data-img="cafe-lunch"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/cafe-lunch.webp");
  --demo-placeholder-display: none;
}

[data-img="clay-1"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/clay-1.webp");
  --demo-placeholder-display: none;
}

[data-img="clay-1-detail"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/clay-1-detail.webp");
  --demo-placeholder-display: none;
}

[data-img="clay-10"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/clay-10.webp");
  --demo-placeholder-display: none;
}

[data-img="clay-10-detail"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/clay-10-detail.webp");
  --demo-placeholder-display: none;
}

[data-img="clay-11"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/clay-11.webp");
  --demo-placeholder-display: none;
}

[data-img="clay-11-detail"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/clay-11-detail.webp");
  --demo-placeholder-display: none;
}

[data-img="clay-12"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/clay-12.webp");
  --demo-placeholder-display: none;
}

[data-img="clay-12-detail"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/clay-12-detail.webp");
  --demo-placeholder-display: none;
}

[data-img="clay-2"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/clay-2.webp");
  --demo-placeholder-display: none;
}

[data-img="clay-2-detail"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/clay-2-detail.webp");
  --demo-placeholder-display: none;
}

[data-img="clay-3"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/clay-3.webp");
  --demo-placeholder-display: none;
}

[data-img="clay-3-detail"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/clay-3-detail.webp");
  --demo-placeholder-display: none;
}

[data-img="clay-4"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/clay-4.webp");
  --demo-placeholder-display: none;
}

[data-img="clay-4-detail"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/clay-4-detail.webp");
  --demo-placeholder-display: none;
}

[data-img="clay-5"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/clay-5.webp");
  --demo-placeholder-display: none;
}

[data-img="clay-5-detail"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/clay-5-detail.webp");
  --demo-placeholder-display: none;
}

[data-img="clay-6"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/clay-6.webp");
  --demo-placeholder-display: none;
}

[data-img="clay-6-detail"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/clay-6-detail.webp");
  --demo-placeholder-display: none;
}

[data-img="clay-7"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/clay-7.webp");
  --demo-placeholder-display: none;
}

[data-img="clay-7-detail"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/clay-7-detail.webp");
  --demo-placeholder-display: none;
}

[data-img="clay-8"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/clay-8.webp");
  --demo-placeholder-display: none;
}

[data-img="clay-8-detail"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/clay-8-detail.webp");
  --demo-placeholder-display: none;
}

[data-img="clay-9"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/clay-9.webp");
  --demo-placeholder-display: none;
}

[data-img="clay-9-detail"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/clay-9-detail.webp");
  --demo-placeholder-display: none;
}

[data-img="clay-studio"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/clay-studio.webp");
  --demo-placeholder-display: none;
}

[data-img="fitness-conditioning"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/fitness-conditioning.webp");
  --demo-placeholder-display: none;
}

[data-img="fitness-mobility"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/fitness-mobility.webp");
  --demo-placeholder-display: none;
}

[data-img="fitness-strength"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/fitness-strength.webp");
  --demo-placeholder-display: none;
}

[data-img="inn-area-fall"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/inn-area-fall.webp");
  --demo-placeholder-display: none;
}

[data-img="inn-area-summer"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/inn-area-summer.webp");
  --demo-placeholder-display: none;
}

[data-img="inn-area-winter"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/inn-area-winter.webp");
  --demo-placeholder-display: none;
}

[data-img="inn-hero"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/inn-hero.webp");
  --demo-placeholder-display: none;
}

[data-img="inn-room-aspen"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/inn-room-aspen.webp");
  --demo-placeholder-display: none;
}

[data-img="inn-room-bunkhouse"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/inn-room-bunkhouse.webp");
  --demo-placeholder-display: none;
}

[data-img="inn-room-creekside"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/inn-room-creekside.webp");
  --demo-placeholder-display: none;
}

[data-img="inn-room-larkspur"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/inn-room-larkspur.webp");
  --demo-placeholder-display: none;
}

[data-img="inn-room-summit"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/inn-room-summit.webp");
  --demo-placeholder-display: none;
}

[data-img="trades-chester-park-bath-after"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/trades-chester-park-bath-after.webp");
  --demo-placeholder-display: none;
}

[data-img="trades-chester-park-bath-before"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/trades-chester-park-bath-before.webp");
  --demo-placeholder-display: none;
}

[data-img="trades-congdon-kitchen-after"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/trades-congdon-kitchen-after.webp");
  --demo-placeholder-display: none;
}

[data-img="trades-congdon-kitchen-before"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/trades-congdon-kitchen-before.webp");
  --demo-placeholder-display: none;
}

[data-img="trades-endion-whole-house-after"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/trades-endion-whole-house-after.webp");
  --demo-placeholder-display: none;
}

[data-img="trades-endion-whole-house-before"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/trades-endion-whole-house-before.webp");
  --demo-placeholder-display: none;
}

[data-img="trades-hero"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/trades-hero.webp");
  --demo-placeholder-display: none;
}

[data-img="trades-hunters-park-bath-after"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/trades-hunters-park-bath-after.webp");
  --demo-placeholder-display: none;
}

[data-img="trades-hunters-park-bath-before"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/trades-hunters-park-bath-before.webp");
  --demo-placeholder-display: none;
}

[data-img="trades-lakeside-kitchen-after"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/trades-lakeside-kitchen-after.webp");
  --demo-placeholder-display: none;
}

[data-img="trades-lakeside-kitchen-before"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/trades-lakeside-kitchen-before.webp");
  --demo-placeholder-display: none;
}

[data-img="trades-lakeside-porch-after"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/trades-lakeside-porch-after.webp");
  --demo-placeholder-display: none;
}

[data-img="trades-lakeside-porch-before"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/trades-lakeside-porch-before.webp");
  --demo-placeholder-display: none;
}

[data-img="trades-piedmont-basement-after"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/trades-piedmont-basement-after.webp");
  --demo-placeholder-display: none;
}

[data-img="trades-piedmont-basement-before"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/trades-piedmont-basement-before.webp");
  --demo-placeholder-display: none;
}

[data-img="trades-woodland-addition-after"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/trades-woodland-addition-after.webp");
  --demo-placeholder-display: none;
}

[data-img="trades-woodland-addition-before"]:is(.ph, .img, .dr-ph) {
  background: center / cover no-repeat url("img/trades-woodland-addition-before.webp");
  --demo-placeholder-display: none;
}