.prelude .prototype-scene {
  transition-duration: 0.95s, 1.2s;
}

.prelude[data-pace="highlight"] .prototype-scene {
  transition-duration: 0.5s, 0.7s;
}

.prelude .prototype-photo img {
  animation-duration: 10s;
}

.prelude-signature {
  position: absolute;
  z-index: 8;
  top: 4.2vh;
  left: 50%;
  display: flex;
  align-items: center;
  gap: 1.1rem;
  color: rgba(242, 232, 217, 0.54);
  font: 700 clamp(0.54rem, 0.62vw, 0.72rem)/1 Arial, sans-serif;
  letter-spacing: 0.5em;
  opacity: 0;
  transform: translateX(-50%);
  transition: opacity 1.2s ease 1s;
}

.prelude.is-playing .prelude-signature { opacity: 1; }
.prelude-signature i { color: #b99a68; font-family: Georgia, serif; font-weight: 400; }

.prelude .prototype-gate h1 {
  font-size: clamp(3.1rem, 7.2vw, 8.2rem);
  line-height: 1.15;
}

.prelude .prototype-gate h1 span {
  color: var(--cream);
  font-style: normal;
  font-size: 0.62em;
  letter-spacing: 0.16em;
}

.prelude .prototype-gate__sub { margin-top: 1.7rem; }

.prelude .prototype-scene[data-layout-id="round4-01"] .prototype-photo:nth-child(2) {
  top: 9vh;
  right: 0;
  bottom: 13vh;
  left: auto;
  width: 34vw;
  z-index: 3;
  transform: none;
}

.prelude .prototype-scene[data-layout-id="round4-01"] .prototype-photo:nth-child(3) {
  top: 2vh;
  right: auto;
  bottom: 2vh;
  left: 50%;
  width: 38vw;
  z-index: 4;
  transform: translateX(-50%);
}

.prelude .prototype-scene[data-layout-id="round4-01"] .prototype-photo:nth-child(3) img {
  object-fit: contain;
  object-position: center;
}

@media (max-aspect-ratio: 4 / 3) {
  .prelude-signature { top: 2.6vh; }
}