/* Artwork retains its own alpha/mask; decorative containers must not crop it.
   Phone screens, carousel viewports and illustrated demo panels retain their
   intentional boundaries. Card borders remain, with artwork free to overlap. */
:is(html[data-studio-project="consumer"],html[data-studio-project="website"]) img {
  background-color: transparent;
}
html[data-studio-project="consumer"] .photo-slot.has-photo {
  background: transparent !important;
  overflow: visible;
}
html[data-studio-project="consumer"] .photo-slot.has-photo::before,
html[data-studio-project="consumer"] .photo-slot.has-photo::after {
  content: none;
}
html[data-studio-project="consumer"] .service-grid .service-card {
  overflow: visible;
}
html[data-studio-project="website"] :is(.tile-art,.stage-art-illustration,.profile-avatar,.market-visual,.id-visual) {
  background: transparent;
  overflow: visible;
}
html[data-studio-project="website"] :is(.feature-card,.service-tile) {
  overflow: visible;
}
html[data-studio-project="website"] :is(img.scan-face,img.id-twin-art) {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
}