/* The actual paper and text travel with the document, including during scroll. */
@supports (overflow-x: clip) {
  html { overflow-x: clip; }
}

/* No hidden state is present in the generated HTML; no-JS remains readable. */
html.origami-reveal-ready [data-origami-reveal-state="waiting"] {
  opacity: 0;
}

html.origami-reveal-ready [data-origami-reveal-state="running"] {
  will-change: transform, opacity;
}

.origami-reveal-glyph {
  display: inline-block;
  font: inherit;
  letter-spacing: inherit;
  color: inherit;
  transform-origin: 50% 72%;
  backface-visibility: hidden;
}

[data-origami-reveal-state="running"] .origami-reveal-glyph,
[data-origami-reveal-state="running"] .hero-phrase {
  will-change: transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  html.origami-reveal-ready [data-origami-reveal-state],
  .origami-reveal-glyph,
  [data-origami-reveal-state] .hero-phrase {
    opacity: 1 !important;
    transform: none !important;
    will-change: auto !important;
  }
}

@media print {
  html.origami-reveal-ready [data-origami-reveal-state],
  .origami-reveal-glyph,
  [data-origami-reveal-state] .hero-phrase {
    opacity: 1 !important;
    transform: none !important;
    will-change: auto !important;
  }
}