/* The still version: for visitors who asked for less motion, and without JavaScript. One poster, then the words. */
.stage { position: relative; inset: auto; height: 78svh; min-height: 420px; }
.logo { opacity: 1; animation: none; }
.msg { opacity: 1; }
.sol, .ink, .hud, .hint { display: none; }
.bot { left: calc(50% + min(24vw, 290px)); top: 58%; }
.plan[data-plan] { height: auto; }
.phrase { position: static; width: auto; height: auto; overflow: visible; clip-path: none; white-space: normal; max-width: 14ch; margin: 0 auto; padding: 10vh var(--gutter) 4vh; text-align: center; font-size: clamp(2.4rem, 6.4vw, 5.6rem); line-height: 0.98; letter-spacing: -0.055em; color: var(--accent); }
.finale { position: static; opacity: 1; visibility: visible; padding: 8vh var(--gutter) 16vh; pointer-events: auto; }
.rb-sm { position: absolute; }
.leader-sweep, .rb-rec::after, .ticket, .cr-perso, .cr-perso ellipse { animation: none; }
.credits { height: auto; }
.credits-pin { position: static; height: auto; overflow: visible; padding: 14vh 0 6vh; }
.credits-roll { position: static; transform: none; }
.cr-end { position: static; opacity: 1; padding: 14vh var(--gutter) 10vh; }
.cr-end-big span, .cr-end-big span + span { transform: none; }
.bobine, .cr-post { display: none; }
.tenue { display: none; }
.son { position: fixed; }
.son.is-live .son-barres i { animation: none; height: 8px; }