/* Оживление страниц о фильмах про людей, версия Б (26.10.2026) — точно по приёмам сайта Ю&Ю, в цветах VG.
   Было в версии А (откат 26.10 по слову Pavel «не плавное, не как у Насти»): поздний старт, задержки до 0,5 с, анимация полей анкеты.
   Здесь как у Ю&Ю: блок начинает проявляться, как только показался край (5 %), задержка между соседями не больше 0,11 с,
   видимое при загрузке не анимируется, поля анкеты не двигаются. Без скрипта и при «уменьшить движение» — всё сразу на месте. */
@media (prefers-reduced-motion: no-preference) {
  .vgm-ready .vgm-r:not(.vgm-in) { opacity: 0; transform: translateY(12px); }
  .vgm-ready .vgm-r.vgm-in { transition: opacity .5s cubic-bezier(.22,1,.36,1), transform .5s cubic-bezier(.22,1,.36,1); transition-delay: var(--vgm-d, 0ms); }
  .vgm-ready .vgm-r.vgm-now { transition: none; }
}
/* Тонкая линия по верху карточки — «приходит» слева (line-arrive Ю&Ю) */
.vgm-l { position: relative; }
.vgm-l::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: #d9d9d9; transform-origin: left center; pointer-events: none; transition: background .25s ease; }
.vgm-l-red::before { background: #e81a2e; }
.vgm-l-pad { padding-top: 16px; }
@media (hover: hover) { .vgm-l:hover::before { background: #e81a2e; } }
@keyframes vgm-line-arrive { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@media (prefers-reduced-motion: no-preference) {
  .vgm-ready .vgm-l:not(.vgm-in)::before { transform: scaleX(0); }
  .vgm-ready .vgm-l.vgm-in::before { animation: vgm-line-arrive .45s ease-out both; animation-delay: calc(var(--vgm-d, 0ms) + 120ms); }
  .vgm-ready .vgm-l.vgm-now::before { animation: none; }
}
/* Концовка: две тонкие линии сходятся к красному квадрату */
.vgm-seal { display: flex; align-items: center; justify-content: center; margin: 0 auto 22px; width: min(260px, 70%); height: 12px; }
.vgm-seal-l, .vgm-seal-r { flex: 1; height: 1px; background: rgba(255,255,255,.38); }
.vgm-seal-light .vgm-seal-l, .vgm-seal-light .vgm-seal-r { background: #d9d9d9; }
.vgm-seal-l { transform-origin: left center; }
.vgm-seal-r { transform-origin: right center; }
.vgm-seal-m { width: 9px; height: 9px; background: #e81a2e; margin: 0 10px; flex: none; }
@media (prefers-reduced-motion: no-preference) {
  .vgm-ready .vgm-seal:not(.vgm-in) .vgm-seal-l, .vgm-ready .vgm-seal:not(.vgm-in) .vgm-seal-r { transform: scaleX(0); }
  .vgm-ready .vgm-seal:not(.vgm-in) .vgm-seal-m { opacity: 0; }
  .vgm-ready .vgm-seal.vgm-in .vgm-seal-l, .vgm-ready .vgm-seal.vgm-in .vgm-seal-r { transition: transform .9s cubic-bezier(.22,1,.36,1); }
  .vgm-ready .vgm-seal.vgm-in .vgm-seal-m { transition: opacity .4s ease .7s; }
}
div.group-head.vgm-l { padding-top: 20px; }
@media print { .vgm-r { opacity: 1 !important; transform: none !important; } .vgm-l::before, .vgm-seal-l, .vgm-seal-r { transform: none !important; animation: none !important; } }