/* ROUND 212 — Plan page title: the Gallery title's entrance (inc/round212.php).
   The Gallery title's entrance is three parts: (1) its block is hidden from the first paint (r152.css), (2) r63.js
   puts .sh-fadeup on the block and, two frames later, sh-r63-ready on <html>, which fades it 0 to 1 over 1s and
   lifts it 10px over 1.1s on --ease-lux (r63.css), with the heading's own .reveal neutralised inside it, and (3)
   home.js rises each word .5em over .95s, 45ms apart. The plan title already had (3) but neither (1) nor (2): it was
   painted at rest, then its words dropped and rose, with a .reveal opacity flicker on top. These rules give it (1)
   and (2) with the same values and the same trigger (sh-r63-ready). The lift uses the CSS translate property, not
   transform, because r77.css pins the title's transform to none (it once travelled on scroll); translate:0 10px
   renders the same 10px as translateY(10px). The title's .reveal and its inline stagger delay are neutralised, as
   inside the Gallery block. Reduced motion: none of this applies. */
@keyframes sh-r212-safe{to{opacity:1;translate:none}}
@media (prefers-reduced-motion: no-preference){
  /* (1) hidden from the first paint until the entry starts; shown after 3s if the scripts never run (as r152) */
  html:not(.sh-r63-ready) body.sh-r63 .pd--r63 .pd__name--travel{
    opacity:0;translate:0 10px;transition:none;
    animation:sh-r212-safe 0s linear 3s forwards;
  }
  /* (2) the fade-up, on the same class and with r63.css's .sh-fadeup values */
  html.js.sh-r63-ready body.sh-r63 .pd--r63 .pd__name--travel{
    opacity:1;translate:none;
    transition:opacity 1s var(--ease-lux),translate 1.1s var(--ease-lux) !important;transition-delay:0s !important;
  }
}