/* Each passage carries a real print or drawing; the page itself stays still. */
@view-transition { navigation: none; }

html.place-arrival-pending::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 2147483600;
  pointer-events: none;
  background-color: var(--place-handoff-paper, #eef3ed);
  background-image: var(--place-handoff-image);
  background-repeat: no-repeat;
  background-position: var(--place-handoff-position, 50% 50%);
  background-size: var(--place-handoff-fit, cover);
}

html.place-arrival-landing,
html.place-arrival-landing * {
  scroll-behavior: auto !important;
}

.place-carrier {
  position: fixed;
  z-index: 2147483601;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  pointer-events: none;
  isolation: isolate;
  contain: layout paint;
  background: #eef3ed;
  transform-origin: 50% 50%;
  will-change: left, top, width, height, transform;
}

.place-carrier--drawing { background: #f5f2e6; }

.place-carrier > img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  object-fit: cover;
  object-position: 50% 50%;
  transform-origin: 50% 50%;
}

.place-carrier--drawing > img { object-fit: contain; }

/* As a physical print takes the eye's frame, its labels and the page edge
   withdraw from that space instead of covering the approaching photograph. */
html.place-atelier-focusing .atelier-copy,
html.place-atelier-focusing .atelier-register,
html.place-atelier-focusing .atelier-coda,
html.place-atelier-focusing .site-footer,
html.place-atelier-focusing .site-header {
  opacity: 0;
  transition: opacity 220ms ease-out;
}

.place-transition-running { cursor: progress; }
.place-transition-running .pointer-label { opacity: 0; }

@media (prefers-reduced-motion: reduce) {
  html.place-arrival-pending::before { content: none; }
  .place-carrier { display: none; }
}