/* One authored phrase crosses the visible homepage at a time. */
.word-flight-viewport {
  position: fixed;
  inset: 0;
  z-index: 12;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}
.word-flight-position {
  position: absolute;
  width: var(--flight-width, min(520px,68vw));
  transform: translate(-50%,-50%);
  perspective: 800px;
  perspective-origin: 50% 50%;
  pointer-events: none;
}
.word-flight-word {
  display: block;
  color: var(--flight-color, var(--turquoise));
  font: 600 clamp(1.75rem,3.6vw,3.4rem)/1.12 var(--serif);
  letter-spacing: -.018em;
  text-align: center;
  text-wrap: balance;
  overflow-wrap: normal;
  opacity: 0;
  transform-origin: 50% 50%;
  backface-visibility: hidden;
  text-shadow: .025em .035em 0 var(--flight-edge), .065em .09em .14em var(--flight-shadow);
  will-change: transform,opacity;
}
.word-flight-word.is-long { font-size: clamp(1.625rem,3vw,2.7rem); }
.word-flight-dot {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--flight-color, var(--turquoise));
  opacity: 0;
  pointer-events: none;
}
.motion-paused .word-flight-viewport,
.document-hidden .word-flight-viewport,
.dialog-open .word-flight-viewport,
.menu-open .word-flight-viewport { display: none; }
@media (max-width:650px), (pointer:coarse) {
  .word-flight-word { font-size: clamp(1.75rem,6vw,2.4rem); }
  .word-flight-word.is-long { font-size: clamp(1.625rem,5.5vw,2.1rem); }
}
@media (prefers-reduced-motion:reduce), (forced-colors:active) {
  .word-flight-viewport { display: none; }
}