/* «Венера · Кино» — дополнения к vitrina.css (черновик 24.10.2026; плеер — kino-venera.js, живой слой — sloi.js).
   Цвета — токены vitrina.css; чисел цвета вне токенов здесь только оттенки света восхода. */

/* ── Слои фона: фильм и живой слой — на месте прежней 3D-планеты, под виньеткой и текстом ── */
#kino,#sloi{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:block;pointer-events:none}
html.kino #nebo,html.kino .planeta-zapas{display:none}
html.kino.kino-net .planeta-zapas{display:block}          /* фильм не загрузился — запасная планета из CSS */
/* Прежняя виньетка — только полоса под шапкой: края и низ затемняет сам холст по сценам (kino-venera.js, vual) */
html.kino .vin{background:linear-gradient(180deg,rgba(5,3,11,.55) 0,rgba(5,3,11,.3) 6%,rgba(5,3,11,.1) 11%,rgba(5,3,11,0) 15%)}

/* ── Обложка: восход подсвечивает буквы «ВЕНЕРА» (прозрачность слоя — из плеера, --zarya 0..1) ── */
html.kino .titul-slovo{position:relative}
html.kino .titul-slovo::after{content:'ВЕНЕРА';position:absolute;left:0;top:0;pointer-events:none;
  background:linear-gradient(180deg,#ffe2b0 0%,#ffc27a 34%,rgba(255,194,122,0) 78%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  opacity:var(--zarya,0);will-change:opacity}

/* Строка «Выпуск 2.0» над буквами стоит на яркой кромке планеты — тёмная подложка-тень, как у подписей в кино */
html.kino .vypusk{color:var(--tekst-2);text-shadow:0 1px 3px rgba(5,3,11,.95),0 0 14px rgba(5,3,11,.85)}

/* ── Шкала пути: 44 деления = 44 урока; корабль идёт к Венере по мере прокрутки (--p из плеера) ── */
.put{position:fixed;z-index:3;right:clamp(10px,1.5vw,22px);top:50%;height:58vh;width:16px;
  transform:translateY(-50%);pointer-events:none;opacity:0;--p:0}
.put-liniya{position:absolute;left:7px;top:0;bottom:0;width:1px;background:var(--liniya)}
.put-liniya::before{content:'';position:absolute;left:-3px;width:7px;top:0;bottom:0;
  background:repeating-linear-gradient(180deg,var(--liniya-2) 0 1px,transparent 1px calc(100% / 43))}
.put-proshli{position:absolute;left:0;top:0;width:1px;height:calc(var(--p)*100%);
  background:linear-gradient(180deg,rgba(255,138,43,0),var(--venera))}
.put-korabl{position:absolute;left:-3px;top:calc(var(--p)*100%);width:7px;height:7px;margin-top:-3.5px;border-radius:50%;
  background:var(--rassvet);box-shadow:0 0 0 3px rgba(255,138,43,.18),0 0 14px 2px rgba(255,138,43,.55)}
.put-cel{position:absolute;left:-5px;bottom:-6px;width:11px;height:11px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,var(--rassvet),var(--venera) 45%,var(--ugol));
  box-shadow:0 0 16px 3px rgba(255,138,43,.45)}
.put-podpis{position:absolute;right:16px;bottom:0;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;
  font:500 10.5px/1 var(--shrift-zag);letter-spacing:.16em;text-transform:uppercase;color:var(--tekst-3)}
.put-km{color:var(--rassvet);font-variant-numeric:tabular-nums lining-nums}
.put-urok{display:inline-block;margin-top:18px;color:var(--tekst-3)}
@media (max-width:760px){.put{display:none}}
@media (prefers-reduced-motion:reduce){.put-korabl{transition:none}}

/* 26.10.2026, по критику образа. Люди на обложке гаснут до вспышки восхода: иначе низ фигур, растворённый маской
   «туман», висит полупрозрачным серым силуэтом поверх солнца (компьютер, прокрутка 0,15–0,45). На телефоне люди
   в потоке страницы и уходят вверх сами; «меньше движения» — кадры стоят, вспышки нет. */
@media (min-width:761px){
  html.kino .lyudi{opacity:clamp(0,calc(1 - var(--p,0)*4.5),1)}
}
@media (prefers-reduced-motion:reduce){html.kino .lyudi{opacity:1}}
/* Подпись шкалы пути — читается и на светлой планете (тарифы, финал). */
.put-podpis{text-shadow:0 1px 3px rgba(5,3,11,.95),0 0 12px rgba(5,3,11,.85),0 0 22px rgba(5,3,11,.6)}