/* ImageGen produced opaque RGB PNGs. The original alpha images are used only
   as CSS masks so the revised screen content can retain the source cutouts.
   contain matches the source landing's object-fit: contain image presentation. */
img[src="/brand/demo-phone.png"],
img[src="/brand/demo-artist.png"] {
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-mode: alpha;
}

img[src="/brand/demo-phone.png"] {
  -webkit-mask-image: url('/reference/phone.webp');
  mask-image: url('/reference/phone.webp');
}

img[src="/brand/demo-artist.png"] {
  -webkit-mask-image: url('/reference/3q2h1ocrmks7i9je.png');
  mask-image: url('/reference/3q2h1ocrmks7i9je.png');
}