/* index2: slightly higher copy, then natural eyes opening before the red light. */
.gateway-copy { --copy-lift: 20px; top: calc(-1 * var(--copy-lift)); }
@media (orientation: portrait) { .gateway-copy { --copy-lift: 16px; } }
@media (max-width: 599px), (orientation: landscape) and (max-height: 599px) {
  .gateway-copy { --copy-lift: 12px; }
}

.seer-eye-aperture {
  transform-box: fill-box; transform-origin: center;
  animation: seerEyesOpen var(--orb-cycle) ease-in-out infinite both;
}
.seer-eye-power { animation-name: seerEyesAfterOpening; }
@keyframes seerEyesOpen {
  0%, 8% { transform: scaleY(0); }
  16%, 90% { transform: scaleY(1); }
  97%, 100% { transform: scaleY(0); }
}
@keyframes seerEyesAfterOpening {
  0%, 24%, 88%, 100% { opacity: 0; }
  34%, 52% { opacity: 1; }
  70% { opacity: .85; }
  80% { opacity: .4; }
}
@media (prefers-reduced-motion: reduce) {
  .seer-eye-open-patch { display: none; }
  .seer-eye-aperture { animation: none; }
}