/* A short-lived class from the head prevents a flash before the first font measurement. */
@media (prefers-reduced-motion: no-preference) {
  html.ck-opening :is(main h1, .home-hero p, .pd-hero > p, .pd-overview > p, .rh-intro, main section:first-child .si-lead),
  [data-ck-entrance="waiting"] { opacity: 0; }
}

::highlight(ck-reveal-source) { color: transparent; }
.ck-reveal-host { position: relative; }
.ck-reveal-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}
.ck-reveal-glyph {
  position: absolute;
  white-space: pre;
  animation: ck-letter-in 600ms cubic-bezier(0,0,.58,1) both;
}
@keyframes ck-letter-in {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  ::highlight(ck-reveal-source) { color: inherit; }
  .ck-reveal-overlay { display: none; }
}
@media print {
  [data-ck-entrance] { opacity: 1 !important; }
  .ck-reveal-overlay { display: none; }
  ::highlight(ck-reveal-source) { color: inherit; }
}