/* v14 — компьютер (html[data-mode=d]): слева титры сцен на высоту окна, справа
   липкая 3D-сцена на всю высоту; камера переезжает между «станциями» по сценам. */
html[data-mode="d"] .bar { padding: 0 28px; gap: 18px; background: color-mix(in srgb, var(--bg) 70%, transparent); }
html[data-mode="d"] .film { display: grid; grid-template-columns: minmax(440px, 44%) 1fr; }
html[data-mode="d"] .film { padding-top: 52px; }
html[data-mode="d"] .stage { order: 2; position: sticky; top: 52px; height: calc(100vh - 52px); }
html[data-mode="d"] .stage .pill { top: 16px; left: 20px; }
html[data-mode="d"] .scenes { order: 1; padding: 0 48px 0 clamp(28px, 5vw, 80px); }
html[data-mode="d"] .sc { min-height: calc(100vh - 52px); display: flex; flex-direction: column; justify-content: center; padding: 56px 0 56px; max-width: 600px; }
html[data-mode="d"] .hero { padding-top: 40px; }
html[data-mode="d"] h1 { font-size: clamp(54px, 5.6vw, 92px); }
html[data-mode="d"] h2 { font-size: clamp(38px, 3.6vw, 56px); }
html[data-mode="d"] .lead { font-size: 18px; }
html[data-mode="d"] .hero-go { margin: 28px 0 0; }
html[data-mode="d"] .hint-m { display: none; }
html[data-mode="d"] .picks li { width: 150px; }
html[data-mode="d"] .final { justify-content: flex-start; padding-top: 22vh; }
/* крупный номер сцены — кинетический фон колонки титров */
html[data-mode="d"] .sc::before { content: "0" attr(data-sc); position: absolute; top: 14vh; right: 0; font-size: 18vh; line-height: 1;
  font-weight: 800; letter-spacing: -.05em; color: transparent; -webkit-text-stroke: 1.5px var(--line); pointer-events: none; z-index: -1;
  transform: translateY(calc((0.5 - var(--p, 0)) * 40vh)); }
html[data-mode="d"] .sc { position: relative; isolation: isolate; }
html.rm[data-mode="d"] .sc::before { transform: none; }
html[data-mode="d"] .pour { min-height: 170vh; justify-content: flex-start; }
html[data-mode="d"] .pour .pin { position: sticky; top: 30vh; }