/* ═══════════ Одна поставленная сцена при загрузке ═══════════
   Брони проявляются слева направо — прибор проходит период.
   Задержка берётся из той же переменной, что и позиция.       */
@keyframes bk-in{from{opacity:0;transform:translateY(5px)}}
@keyframes now-in{from{transform:scaleY(0)}}
@keyframes band-in{from{opacity:0}}

.bk{
  animation:bk-in .38s cubic-bezier(.2,.8,.3,1) backwards;
  animation-delay:calc(var(--d,0) * 45ms + var(--h,0) * 6ms + 60ms);
}
.nowline,.r-now{
  transform-origin:top;
  animation:now-in .5s cubic-bezier(.2,.8,.3,1) backwards .34s;
}
.r-hours,.d-hours{animation:band-in .5s ease backwards .18s}

/* При повторной сборке уже видимой ленты элементы не проявляются заново. */
.grid-page.no-entrance .bk,
.grid-page.no-entrance .nowline,
.grid-page.no-entrance .r-now,
.grid-page.no-entrance .r-hours,
.grid-page.no-entrance .d-hours{animation:none}

@media (prefers-reduced-motion:reduce){
  .bk,.nowline,.r-now,.r-hours,.d-hours{animation:none}
  /* Псевдоэлементы названы отдельно: `*` до них не достаёт, и переходы
     на них шли полным ходом при выключенном движении. Так ехала плита
     под язычками разделов (§8.5) — она нарисована на `::before`. */
  *,*::before,*::after{transition-duration:.01ms !important}
}