/* ============================================================
   THE LIVING SURFACE (house/living.js)                          P, 19 October 2026
   Every photograph develops as it comes into view (a tintype's pale silver, then its blacks, then sharp),
   and lies under water the hand can move (one canvas laid over the photograph under the hand).
   ============================================================ */
.cp-water-img{ position:fixed; z-index:45; pointer-events:none; display:none; left:0; top:0; }
@media (prefers-reduced-motion:no-preference){
  img.cp-dev{
    filter:grayscale(1) sepia(.32) contrast(.5) brightness(1.32) blur(5px);
    opacity:.55;
    transition:filter 1.2s cubic-bezier(.18,.8,.24,1), opacity .8s cubic-bezier(.18,.8,.24,1);
  }
  img.cp-dev.cp-dev-up{ filter:none; opacity:1; }
}

/* ---------- A PICTURE DEVELOPS (house/develop-print.js, 20 October) ----------
   Held invisible until its bath: an element handed to CP.develop, or marked data-develop, before it is in view.
   The bath itself is written on the element's filter, frame by frame, so nothing here moves the layout. */
.cp-dp,
html.cp-dp-on [data-develop]:not(.cp-dp-done):not([data-develop="off"]){ filter:opacity(0); }