.pisces-entrance {
  position: fixed;
  z-index: 50;
  inset: 0;
  overflow: hidden;
  background: #020303;
  isolation: isolate;
}

.entrance-scene, .entrance-scene canvas, .entrance-scene svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.entrance-replay {
  position: absolute;
  right: var(--page-padding);
  bottom: max(18px, env(safe-area-inset-bottom));
  min-height: 44px;
  padding: 10px 0 10px 16px;
  border: 0;
  background: none;
  color: #89928f;
  font: inherit;
  font-size: 11px;
  cursor: pointer;
}
.entrance-replay span { margin-left: 8px; }
.entrance-replay:hover { color: #c9cfcb; }
.entrance-replay[aria-disabled="true"] { opacity: .35; cursor: default; }
.entrance-replay[hidden], .pisces-entrance[hidden] { display: none; }

@media (max-height: 500px) {
  .entrance-replay { bottom: 12px; }
}

.pisces-arrival {
  position: absolute;
  left: max(8vw, 24px);
  top: 40%;
  color: #e5e9e6;
  pointer-events: none;
}
.pisces-arrival[hidden] { display: none; }
.pisces-arrival__eyebrow { font-size: 9px; letter-spacing: .25em; color: #899ba6; }
.pisces-arrival h1 { margin: 20px 0 18px; font-size: clamp(34px, 5.5vw, 80px); font-weight: 300; letter-spacing: .22em; }
.pisces-arrival > p:last-child { font-size: clamp(11px, 1.2vw, 15px); font-weight: 300; color: #9eaeb7; }
@media (max-width: 600px) { .pisces-arrival { top: 34%; } }