/* Cinema v36 — titles that form out of points of light, the longer manifesto timeline, and the
   new scene films. Static-first: without body.cinema-v36-on every title is plain text. */

/* ---------- one fixed canvas for every forming title ---------- */
.cinema-v36-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:44;pointer-events:none}
.cinema-v36-canvas.is-idle{visibility:hidden}
body:not(.cinema-v36-on) .cinema-v36-canvas{display:none}

/* While the points travel the real title waits; it takes over once they sit on its letters. */
body.cinema-v36-on .cv36-unit{opacity:var(--t36,1)!important}
body.cinema-v36-on .cv36-unit.cv36-landed{animation:cv36-land .95s ease-out}
@keyframes cv36-land{0%{text-shadow:0 0 26px #e6cf9fb3,0 0 3px #fff8}100%{text-shadow:0 0 0 #e6cf9f00}}

/* ---------- manifesto: the two lines form one after the other over the walking film ---------- */
body.cinema-v36-on.film-v32-on .film-v32{height:320vh}
body.cinema-v36-on #manifesto .film-v32-line{opacity:var(--t36,0)!important;transform:translate3d(0,calc((1 - var(--t36,0)) * 26px),0)!important;filter:blur(calc((1 - var(--t36,0)) * 6px))!important}
body.cinema-v36-on #film-title>.film-v32-line{transform:none!important;filter:none!important}

/* ---------- new scene films (Higgsfield clips cut for the site) ---------- */
.scene-image video,.authority-story-portrait video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 38%;background:#0b0f0d}
.cover-story .scene-image video{transform:scale(var(--cover-image-scale,1.07));transform-origin:50% 40%}
.people .authority-story-portrait video{object-position:50% 42%}

@media (max-width:767px){
  body.cinema-v36-on.film-v32-on .film-v32{height:270vh}
  .cover-story .scene-image video{object-position:50% 30%;transform:none}
}
@media (prefers-reduced-motion:reduce){
  .cinema-v36-canvas{display:none}
  .cv36-unit{animation:none!important}
}
body.no-motion .cinema-v36-canvas{display:none}