/* Photo-free mockup: preserve the original composition, branding, and controls. */
body.pc-style img:not(.brand img):not(.site-logo img),
body.pc-style video,
body.pc-style iframe[src*="youtube"],
body.pc-style iframe[src*="vimeo"] {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.pc-style :is(.stage-images, .desk-image, .film-slot, .material-view,
  .finish-visual, .editorial-frames, .desk-view, .project-cover) {
  background: #CBD5BC !important;
}

body.pc-style :is(.film-hero, .experience-hero)::after {
  content: "";
  position: absolute;
  inset: 0 0 0 60%;
  background: #CBD5BC;
  border-left: 1px solid var(--pc-hair);
  pointer-events: none;
  z-index: 0;
}

body.pc-style .kitchen-film-section {
  background: #CBD5BC !important;
}

body.pc-style :is(.kitchen-film-caption, .desk-image > span) {
  color: var(--pc-muted) !important;
  text-shadow: none !important;
}

body.pc-style :is(#hero-film-toggle, #kitchen-film-toggle, .film-slot .film-play) {
  display: none !important;
}

body.pc-style .desk-image > span { display: none; }

body.pc-style .pc-photo-placeholder-host{position:relative}
body.pc-style .pc-photo-placeholder{display:flex!important;position:absolute;left:20px;top:20px;right:20px;max-width:360px;z-index:1;flex-direction:column;gap:9px;color:var(--pc-ink)!important;padding:15px;border:1px solid var(--pc-hair);background:#DCE3CDEB;pointer-events:none;font:10px/1.7 "IBM Plex Mono",monospace;letter-spacing:0}
body.pc-style .pc-photo-placeholder strong{font-size:8px;text-transform:uppercase;letter-spacing:.14em;color:var(--pc-blue)}
body.pc-style .pc-photo-placeholder span{color:var(--pc-muted)}

@media (max-width: 760px) {
  body.pc-style :is(.film-hero, .experience-hero)::after {
    inset: 60% 0 0;
    border-left: 0;
    border-top: 1px solid var(--pc-hair);
  }
}

@media (max-width: 760px) and (max-height: 700px) {
  body.pc-style :is(.film-hero, .experience-hero)::after {
    display: none;
  }
}