.atelier-stage.is-tirage-hovered { cursor: pointer; }

/* The chosen image and its place in the register share one quiet accent. */
.atelier-ending[data-atelier-active='0'] .atelier-register a[data-form='0'],
.atelier-ending[data-atelier-active='1'] .atelier-register a[data-form='1'],
.atelier-ending[data-atelier-active='2'] .atelier-register a[data-form='2'] { border-color: #a45840; }
.atelier-ending[data-atelier-active='0'] .atelier-register a[data-form='0'] strong,
.atelier-ending[data-atelier-active='1'] .atelier-register a[data-form='1'] strong,
.atelier-ending[data-atelier-active='2'] .atelier-register a[data-form='2'] strong { color: #a45840; }

.atelier-hit-marker {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.atelier-inspection {
  position: absolute;
  z-index: 4;
  width: min(238px, calc(100vw - 28px));
  padding: 12px 13px 12px 17px;
  color: #25483c;
  background: linear-gradient(90deg, #f2f5eeed, #f2f5eede 82%, #f2f5ee00);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 160ms ease, visibility 160ms;
}

.atelier-inspection::before {
  content: '';
  position: absolute;
  top: 13px;
  bottom: 13px;
  left: 0;
  width: 1px;
  background: #a45840;
}

.atelier-inspection[data-visible='true'] { opacity: 1; visibility: visible; }
.atelier-inspection > span { display: block; }
.atelier-inspection [data-inspection-name] {
  font-family: var(--serif);
  font-size: 28px;
  line-height: 1.05;
  letter-spacing: -.018em;
}
.atelier-inspection [data-inspection-place] {
  font-family: var(--mono);
  font-size: 9px;
  line-height: 1.5;
  margin-top: 5px;
  color: #52665a;
}
.atelier-inspection [data-inspection-action] {
  font-family: var(--sans);
  font-size: 10px;
  line-height: 1.5;
  margin-top: 13px;
  color: #9a533d;
}

.atelier-touch-note {
  display: none;
  position: absolute;
  z-index: 3;
  top: 53%;
  left: var(--space);
  font-family: var(--mono);
  font-size: 9px;
  line-height: 1.5;
  color: #596d5e;
  pointer-events: none;
  opacity: 0;
  transition: opacity 180ms;
}
.atelier-ending[data-atelier-interactive='true'] .atelier-touch-note { opacity: .85; }

@media (hover: none), (pointer: coarse) {
  .atelier-inspection { display: none; }
  .atelier-stage.is-tirage-hovered { cursor: auto; }
  .atelier-touch-note { display: block; }
}
@media (min-width: 681px) { .atelier-touch-note { left: 45%; top: auto; bottom: 135px; } }
@media (max-height: 680px) { .atelier-touch-note { display: none; } }
@media (prefers-reduced-motion: reduce) {
  .atelier-inspection { display: none; }
  .atelier-touch-note { transition: none; }
}

@media (max-width: 720px) { .atelier-inspection { display: none; } }
@media (max-width: 680px) and (min-height: 681px) { .atelier-touch-note { top: 12.6%; } }