/* Сцена 4: установки → осознание → посильный шаг → обход при изменениях.
   Конечные позы — базовые стили. Такт 0 ведёт по исходной ветви,
   такт 1 сохраняет прогресс и меняет только затронутый участок графа. */
.jr-stage--picture { --copy-top: 12.2; --copy-w: 29.5; --body-w: 27; --title-size: 3.1; }
.jr-stage--picture .jr-copy__body { font-size: max(13px,calc(1.2 * var(--su))); font-weight: 550; color: var(--jr-ink); }
.jr-stage--picture .jr-copy__quote { display: block; margin-top: calc(1 * var(--su)); color: var(--jr-body); font-size: .91em; font-weight: 400; line-height: 1.55; }
.jr-route-graph { inset: 0; z-index: 6; pointer-events: none; }
.jr-route-caption { position: absolute; left: calc(38 * var(--su)); top: calc(5.5 * var(--su)); max-width: calc(31 * var(--su)); margin: 0; color: #dfd4bc; font: 500 calc(.94 * var(--su))/1.4 var(--mono); letter-spacing: .09em; animation: jr-fade 1.4s ease 1.1s backwards; }
.jr-route { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.jr-route path { fill: none; stroke-linecap: round; }
.jr-route__line { stroke: #ffe7aa; stroke-width: .8; opacity: .09; stroke-dasharray: 1; }
.jr-route__approach { stroke: #fbe1a6; stroke-width: .15; stroke-dasharray: 1; filter: drop-shadow(0 0 .3px #f9cc75); animation: jr-draw 4s ease .6s backwards; }
.jr-route-edge__rail { stroke: #ebd5a142; stroke-width: .12; }
.jr-route-edge__light { stroke: #dfc689; stroke-width: .16; stroke-dasharray: 1; filter: drop-shadow(0 0 .3px #f8ce7f88); }
.jr-route-edge--shared .jr-route-edge__light { stroke: #8de3c5; }
.jr-stage--picture[data-beat="0"] .jr-route-edge--shared .jr-route-edge__light { animation: jr-draw 2.8s ease 5.1s backwards; }
.jr-stage--picture[data-beat="0"] .jr-route-edge--original .jr-route-edge__light { opacity: .75; animation: jr-draw 2s ease 2.5s backwards; }
.jr-route-edge--goal .jr-route-edge__light { opacity: .45; stroke-dasharray: .06 .04; }
.jr-route-edge--detour .jr-route-edge__light { stroke: #b8a6e8; opacity: .28; stroke-dasharray: .04 .05; }
.jr-stage--picture[data-beat="1"] .jr-route-edge--original .jr-route-edge__light { stroke: #eb9584; opacity: .3; stroke-dasharray: .04 .07; transition: stroke 1s ease, opacity 1s ease; }
.jr-stage--picture[data-beat="1"] .jr-route-edge--detour .jr-route-edge__light { stroke: #97e4cb; opacity: 1; stroke-width: .22; stroke-dasharray: 1; animation: jr-draw 3s cubic-bezier(.2,.7,.2,1) 1.2s backwards; filter: drop-shadow(0 0 .4px #96eadb88); }
.jr-route-guide { transform: translate(61px,29px); }
.jr-route-guide__halo { fill: #ffe3a722; }
.jr-route-guide__ring { fill: none; stroke: #ffe6ad; stroke-width: .11; opacity: .6; transform-box: fill-box; transform-origin: center; animation: jr-guide-breathe 5s ease-in-out infinite; }
.jr-route-guide__core { fill: #fff9e8; filter: drop-shadow(0 0 .4px #fff0b8); }
.jr-stage--picture[data-beat="0"] .jr-route-guide { animation: jr-guide-first 8.3s linear backwards; }
.jr-stage--picture[data-beat="1"] .jr-route-guide { transform: translate(87px,33px); animation: jr-guide-detour 7.2s linear backwards; }
@keyframes jr-guide-first {
  0%,40% { transform: translate(36px,42px); opacity: 0; }
  44% { transform: translate(36px,42px); opacity: 1; }
  50% { transform: translate(41px,38.5px); }
  60%,64% { transform: translate(46px,35px); }
  72% { transform: translate(49.7px,34.4px); }
  82% { transform: translate(53.5px,32px); }
  92% { transform: translate(57.3px,29.6px); }
  100% { transform: translate(61px,29px); }
}
@keyframes jr-guide-detour {
  0%,16% { transform: translate(61px,29px); }
  26% { transform: translate(63.7px,30.5px); }
  37% { transform: translate(66.5px,34px); }
  47% { transform: translate(69.3px,37.5px); }
  53%,58% { transform: translate(72px,39px); }
  69% { transform: translate(75.8px,38.4px); }
  80% { transform: translate(79.5px,36px); }
  91% { transform: translate(83.2px,33.6px); }
  100% { transform: translate(87px,33px); }
}
@keyframes jr-guide-breathe { 0%,100% { opacity: .35; scale: 1; } 50% { opacity: .85; scale: 1.3; } }

/* Преграды лабиринта: расколотая стена, замкнутый круг, внешние ворота.
   Слова остаются на месте, свет и раскрывающиеся грани показывают опору. */
.jr-barriers { position: absolute; inset: 0; z-index: 5; }
.jr-barrier { --barrier-ink: #b7a1e1; --open-at: 5s; position: absolute; left: calc((var(--x) - 9) * var(--su)); top: calc((var(--y) - 5) * var(--su)); width: calc(18 * var(--su)); height: calc(12.4 * var(--su)); color: #eee9f6; }
.jr-barrier[data-k="1"] { --barrier-ink: #e6b88e; --open-at: 8.3s; }
.jr-barrier[data-k="2"] { --barrier-ink: #9db7ce; --open-at: 3.9s; }
.jr-barrier__art { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.jr-barrier__shadow { fill: #030715aa; }
.jr-barrier__face { fill: #161a2cf2; stroke: var(--barrier-ink); stroke-width: .65; stroke-linejoin: round; transform-origin: 110px 140px; }
.jr-barrier__face--right { fill: #25273cec; }
.jr-barrier__etch { fill: none; stroke: var(--barrier-ink); stroke-width: .7; opacity: .25; }
.jr-barrier__foot { fill: none; stroke: var(--barrier-ink); stroke-width: .6; opacity: .35; }
.jr-barrier__light { fill: none; stroke: #98e6ce; stroke-width: 5; opacity: 0; filter: drop-shadow(0 0 9px #81eed2); }
.jr-barrier__symbol { position: absolute; left: calc(7.6 * var(--su)); top: calc(-.4 * var(--su)); display: grid; place-items: center; width: calc(2.8 * var(--su)); height: calc(2.8 * var(--su)); border: 1px solid var(--barrier-ink); border-radius: 50%; color: var(--barrier-ink); background: #101524; box-shadow: 0 0 calc(1.3 * var(--su)) #090b1e; }
.jr-barrier__symbol .jr-glyph { width: 57%; height: 57%; }
.jr-barrier__copy { position: absolute; inset: calc(3 * var(--su)) calc(1.3 * var(--su)) auto; text-align: center; }
.jr-barrier[data-k="1"] .jr-barrier__copy { left: calc(3.4 * var(--su)); right: calc(3.4 * var(--su)); }
.jr-barrier__kind { color: var(--barrier-ink); font: 400 calc(.67 * var(--su))/1.4 var(--mono); letter-spacing: .09em; text-transform: uppercase; }
.jr-barrier__thought { margin: calc(.7 * var(--su)) 0 0; font: 500 calc(1.3 * var(--su))/1.3 var(--font); text-wrap: balance; }
.jr-barrier__response { position: absolute; left: calc(.7 * var(--su)); right: calc(.7 * var(--su)); top: calc(8.5 * var(--su)); display: flex; gap: calc(.4 * var(--su)); align-items: center; justify-content: center; margin: 0; padding: calc(.5 * var(--su)) calc(.25 * var(--su)); border-top: 1px solid #a3e6cd44; color: #b0f1db; background: linear-gradient(90deg,transparent,#10202bed,transparent); font: 450 calc(.99 * var(--su))/1.4 var(--font); text-align: center; opacity: 0; }
.jr-barrier__response .jr-glyph { flex: none; width: calc(1.05 * var(--su)); height: calc(1.05 * var(--su)); }
.jr-barrier:is([data-k="0"],[data-k="1"]) .jr-barrier__response,
.jr-stage--picture[data-beat="1"] [data-k="2"] .jr-barrier__response { opacity: 1; }
.jr-barrier:is([data-k="0"],[data-k="1"]) .jr-barrier__light,
.jr-stage--picture[data-beat="1"] [data-k="2"] .jr-barrier__light { opacity: .65; }
.jr-barrier:is([data-k="0"],[data-k="1"]) .jr-barrier__face--left,
.jr-stage--picture[data-beat="1"] [data-k="2"] .jr-barrier__face--left { transform: translate(-6px,-3px) rotate(-2deg); }
.jr-barrier:is([data-k="0"],[data-k="1"]) .jr-barrier__face--right,
.jr-stage--picture[data-beat="1"] [data-k="2"] .jr-barrier__face--right { transform: translate(6px,-3px) rotate(2deg); }
.jr-stage--picture[data-beat="0"] .jr-barrier { animation: jr-barrier-arrive 2s cubic-bezier(.16,1,.3,1) calc(.6s + var(--i) * .2s) backwards; }
.jr-stage--picture[data-beat="0"] .jr-barrier:is([data-k="0"],[data-k="1"]) :is(.jr-barrier__face--left,.jr-barrier__face--right),
.jr-stage--picture[data-beat="1"] [data-k="2"] .jr-barrier__face { animation: jr-barrier-open 1.8s cubic-bezier(.2,.7,.2,1) var(--open-at) backwards; }
.jr-stage--picture[data-beat="0"] .jr-barrier:is([data-k="0"],[data-k="1"]) :is(.jr-barrier__response,.jr-barrier__light),
.jr-stage--picture[data-beat="1"] [data-k="2"] :is(.jr-barrier__response,.jr-barrier__light) { animation: jr-fade 1.2s ease var(--open-at) backwards; }
@keyframes jr-barrier-arrive { from { opacity: 0; transform: translateY(calc(6 * var(--su))) scaleY(.45); } }
@keyframes jr-barrier-open { from { transform: none; } }

/* Стены на полу связывают преграды с настоящими проходами графа. */
.jr-labyrinth { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.jr-labyrinth__floor { fill: #080f1d33; stroke: #b7b9d118; stroke-width: .15; }
.jr-maze-wall,.jr-maze-gate { animation: jr-maze-rise 2s ease calc(1.1s + var(--i,0) * .075s) backwards; }
.jr-maze-wall path,.jr-maze-gate path { fill: none; stroke-linejoin: bevel; stroke-linecap: square; }
.jr-maze-wall__shadow { stroke: #030817b3; stroke-width: 3.4; transform: translate(.5px,.5px); }
.jr-maze-wall__face { stroke: #364153d9; stroke-width: 1.9; transform: translate(-.35px,-.8px); }
.jr-maze-wall__rim { stroke: #969aae99; stroke-width: .19; transform: translate(-.7px,-1.75px); }
.jr-maze-gate { transform-origin: 67px 31px; }
.jr-maze-gate .jr-maze-wall__rim { stroke: #e1b183; stroke-width: .25; }
.jr-stage--picture[data-beat="1"] .jr-maze-gate { transform: rotate(-78deg); animation: jr-maze-open 2.4s cubic-bezier(.2,.7,.2,1) .9s backwards; }
.jr-stage--picture[data-beat="1"] .jr-maze-gate .jr-maze-wall__rim { stroke: #9de7cc; }
@keyframes jr-maze-rise { from { opacity: 0; transform: translateY(1.8px); } }
@keyframes jr-maze-open { from { transform: rotate(0deg); } }

/* Четыре вопроса СПИН становятся внутренним диалогом в двух тактах.
   Вопрос и ответ читаются одной парой; буквы методики в кадр не выводятся. */
.jr-spin { margin-top: calc(1.8 * var(--su)); max-width: calc(27 * var(--su)); padding-left: calc(1.1 * var(--su)); border-left: 1px solid #bbabe877; }
.jr-spin__label { display: flex; align-items: center; gap: calc(.6 * var(--su)); color: #baa8df; font: 450 calc(.7 * var(--su))/1.4 var(--mono); letter-spacing: .11em; text-transform: uppercase; }
.jr-spin__label > span { width: calc(.4 * var(--su)); height: calc(.4 * var(--su)); background: #bba8e9; transform: rotate(45deg); }
.jr-spin__sequence { position: relative; height: calc(8.2 * var(--su)); margin-top: calc(.7 * var(--su)); }
.jr-spin__turn { position: absolute; inset: 0; opacity: 0; }
.jr-spin__question { margin: 0; color: #f2eaf9; font: 500 max(13px,calc(1.22 * var(--su)))/1.4 var(--font); text-wrap: balance; }
.jr-spin__answer { margin: calc(.7 * var(--su)) 0 0; color: #b2d8ce; font: 400 max(12px,calc(1.03 * var(--su)))/1.45 var(--font); }
.jr-stage--picture[data-beat="1"] .jr-spin__turn:not([data-spin="3"]),
.jr-stage--picture[data-beat="0"] [data-spin="3"] { display: none; animation: none; }
.jr-stage--picture[data-beat="0"] [data-spin="2"],
.jr-stage--picture[data-beat="1"] [data-spin="3"] { opacity: 1; }
.jr-stage--picture[data-beat="0"] [data-spin="0"] { animation: jr-spin-situation 13s linear both; }
.jr-stage--picture[data-beat="0"] [data-spin="1"] { animation: jr-spin-problem 13s linear both; }
.jr-stage--picture[data-beat="0"] [data-spin="2"] { animation: jr-spin-implication 13s linear both; }
.jr-stage--picture[data-beat="1"] [data-spin="3"] { animation: jr-fade 1.1s ease .2s backwards; }
@keyframes jr-spin-situation { 0%,3% { opacity: 0; } 7%,25% { opacity: 1; } 30%,100% { opacity: 0; } }
@keyframes jr-spin-problem { 0%,30% { opacity: 0; } 34%,59% { opacity: 1; } 64%,100% { opacity: 0; } }
@keyframes jr-spin-implication { 0%,64% { opacity: 0; } 68%,100% { opacity: 1; } }

/* Диски, подписи и подтверждение достижения — отдельные слои:
   свет не размывает текст, состояние различается значком и словом. */
.jr-checkpoints { position: absolute; inset: 0; z-index: 6; }
.jr-checkpoint { position: absolute; left: calc((var(--x) - 7) * var(--su)); top: calc((var(--y) - 1.4) * var(--su)); width: calc(14 * var(--su)); text-align: center; color: #f4ead5; }
.jr-checkpoint__disc { position: relative; display: grid; place-items: center; margin: 0 auto; width: calc(2.8 * var(--su)); height: calc(2.8 * var(--su)); border: 1px solid #b9af9966; border-radius: 50%; background: #101323; color: #b8b6c7; font: 500 calc(.96 * var(--su))/1 var(--mono); }
.jr-checkpoint__number { opacity: 1; }
.jr-checkpoint__tick,.jr-checkpoint__blocked,.jr-checkpoint__flag { position: absolute; inset: 17%; display: grid; place-items: center; opacity: 0; }
.jr-checkpoint__disc .jr-glyph { width: 100%; height: 100%; }
.jr-checkpoint__caption { margin-top: calc(.55 * var(--su)); padding: calc(.3 * var(--su)); border-radius: calc(.35 * var(--su)); background: radial-gradient(ellipse,#090e1ad9,transparent 78%); }
.jr-checkpoint[data-checkpoint="0"] .jr-checkpoint__caption { width: calc(9 * var(--su)); margin-left: auto; margin-right: auto; translate: calc(.7 * var(--su)) 0; }
.jr-checkpoint__caption > b { font: 550 calc(1 * var(--su))/1.35 var(--font); }
.jr-checkpoint__state { position: relative; min-height: calc(1.35 * var(--su)); margin-top: calc(.35 * var(--su)); font: 400 calc(.78 * var(--su))/1.3 var(--mono); }
.jr-checkpoint__state > span { position: absolute; inset: 0; opacity: 0; }
.jr-checkpoint__state--pending { color: #979bb2; }
.jr-checkpoint .jr-checkpoint__state--pending { opacity: 1; }
.jr-checkpoint__state--done { color: #95e4ca; }
.jr-checkpoint__state--current { color: #f4d292; }
.jr-checkpoint__state--blocked { color: #efa294; }
.jr-stage--picture[data-beat="0"] .jr-checkpoint { animation: jr-fade 1.2s ease calc(1.9s + var(--i) * .12s) backwards; }
.jr-checkpoint:is([data-checkpoint="0"],[data-checkpoint="1"]) { --reached: calc(5s + var(--i) * 3.3s); }
.jr-checkpoint:is([data-checkpoint="0"],[data-checkpoint="1"]) .jr-checkpoint__disc,
.jr-stage--picture[data-beat="1"] [data-checkpoint="3"] .jr-checkpoint__disc { border-color: #96e0c0; background: #122b2b; color: #9be8cc; box-shadow: 0 0 calc(1 * var(--su)) #85e0c02b; }
.jr-checkpoint:is([data-checkpoint="0"],[data-checkpoint="1"]) :is(.jr-checkpoint__tick,.jr-checkpoint__state--done),
.jr-stage--picture[data-beat="1"] [data-checkpoint="3"] :is(.jr-checkpoint__tick,.jr-checkpoint__state--done) { opacity: 1; }
.jr-checkpoint:is([data-checkpoint="0"],[data-checkpoint="1"]) :is(.jr-checkpoint__number,.jr-checkpoint__state--pending),
.jr-stage--picture[data-beat="1"] [data-checkpoint="3"] :is(.jr-checkpoint__number,.jr-checkpoint__state--pending) { opacity: 0; }
.jr-stage--picture[data-beat="0"] .jr-checkpoint:is([data-checkpoint="0"],[data-checkpoint="1"]) .jr-checkpoint__disc,
.jr-stage--picture[data-beat="1"] [data-checkpoint="3"] .jr-checkpoint__disc { animation: jr-checkpoint-hit .9s ease var(--reached) backwards; }
.jr-stage--picture[data-beat="0"] .jr-checkpoint:is([data-checkpoint="0"],[data-checkpoint="1"]) :is(.jr-checkpoint__tick,.jr-checkpoint__state--done),
.jr-stage--picture[data-beat="1"] [data-checkpoint="3"] :is(.jr-checkpoint__tick,.jr-checkpoint__state--done) { animation: jr-fade .7s ease var(--reached) backwards; }
.jr-stage--picture[data-beat="0"] .jr-checkpoint:is([data-checkpoint="0"],[data-checkpoint="1"]) :is(.jr-checkpoint__number,.jr-checkpoint__state--pending),
.jr-stage--picture[data-beat="1"] [data-checkpoint="3"] :is(.jr-checkpoint__number,.jr-checkpoint__state--pending) { animation: jr-checkpoint-number .7s ease var(--reached) backwards; }
@keyframes jr-checkpoint-number { from { opacity: 1; } to { opacity: 0; } }
@keyframes jr-checkpoint-hit { 0% { background: #101323; color: #b8b6c7; border-color: #b9af9966; box-shadow: none; } 40% { transform: scale(1.16); } 100% { transform: scale(1); } }
.jr-stage--picture[data-beat="1"] [data-checkpoint="3"] { --reached: 3.9s; }
.jr-stage--picture[data-beat="0"] [data-checkpoint="2"] .jr-checkpoint__disc,
.jr-stage--picture[data-beat="1"] [data-checkpoint="4"] .jr-checkpoint__disc { border-color: #ffe1a0; color: #ffe1a0; background: #312819; box-shadow: 0 0 calc(1.4 * var(--su)) #f5c66c33; }
.jr-stage--picture[data-beat="0"] [data-checkpoint="2"] .jr-checkpoint__state--current,
.jr-stage--picture[data-beat="1"] [data-checkpoint="4"] .jr-checkpoint__state--current { opacity: 1; }
.jr-stage--picture[data-beat="0"] [data-checkpoint="2"] .jr-checkpoint__state--pending,
.jr-stage--picture[data-beat="1"] [data-checkpoint="4"] .jr-checkpoint__state--pending { opacity: 0; }
.jr-stage--picture[data-beat="1"] [data-checkpoint="2"] .jr-checkpoint__disc { border-color: #ed9c8a; color: #efa696; background: #2e1c24; transition: border-color 1s ease, background 1s ease; }
.jr-stage--picture[data-beat="1"] [data-checkpoint="2"] :is(.jr-checkpoint__number,.jr-checkpoint__state--pending) { opacity: 0; }
.jr-stage--picture[data-beat="1"] [data-checkpoint="2"] :is(.jr-checkpoint__blocked,.jr-checkpoint__state--blocked) { opacity: 1; }
.jr-checkpoint[data-checkpoint="5"] { width: calc(9 * var(--su)); left: calc((var(--x) - 4.5) * var(--su)); }
.jr-checkpoint[data-checkpoint="5"] .jr-checkpoint__number { opacity: 0; }
.jr-checkpoint[data-checkpoint="5"] .jr-checkpoint__flag { opacity: 1; }
.jr-checkpoint[data-checkpoint="5"] .jr-checkpoint__disc { border-color: #fbe6b2bb; color: #fff2d1; background: #2c2720; }
.jr-checkpoint[data-checkpoint="5"] .jr-checkpoint__state { display: none; }

/* Изменение приходит извне. Пройденный участок не перерисовывается. */
.jr-route-event { position: absolute; left: calc(73 * var(--su)); top: calc(5 * var(--su)); width: calc(23 * var(--su)); min-height: calc(2.7 * var(--su)); display: flex; gap: calc(.6 * var(--su)); align-items: center; padding: calc(.5 * var(--su)) calc(.8 * var(--su)); border: 1px solid #ea9c8b77; border-radius: calc(.4 * var(--su)); color: #ffd7ca; background: #301d28f2; font: 500 calc(.9 * var(--su))/1.4 var(--font); opacity: 0; }
.jr-route-event .jr-glyph { flex: none; width: calc(1.6 * var(--su)); height: calc(1.6 * var(--su)); }
.jr-stage--picture[data-beat="1"] .jr-route-event { opacity: 1; animation: jr-event-arrive 1.2s cubic-bezier(.16,1,.3,1) .2s backwards; }
@keyframes jr-event-arrive { from { opacity: 0; transform: translateY(calc(-2 * var(--su))) scale(.9); } }
.jr-route-message { position: absolute; left: calc(45.5 * var(--su)); top: calc(46.5 * var(--su)); width: calc(21 * var(--su)); padding: calc(.5 * var(--su)) calc(.7 * var(--su)); border-left: 1px solid #96dfc777; background: linear-gradient(90deg,#080d1beb,#080d1b55); color: #d4d0e2; font: 400 calc(.93 * var(--su))/1.55 var(--font); }
.jr-route-message > span { display: block; }
.jr-route-message__adapts { color: #a5e5d0; }
.jr-stage--picture[data-beat="0"] .jr-route-message__adapts,
.jr-stage--picture[data-beat="1"] .jr-route-message__live { display: none; }
.jr-route-message { animation: jr-fade 1.5s ease 3s backwards; }
.jr-node--next { position: absolute; display: flex; align-items: center; gap: calc(.8 * var(--su)); left: calc(68 * var(--su)); top: calc(46 * var(--su)); width: calc(29 * var(--su)); min-height: calc(5.5 * var(--su)); padding: calc(.7 * var(--su)); border-left: 2px solid #e7c17d; background: linear-gradient(90deg,#352b20ed,#141627f2); color: #f6ecd9; }
.jr-next-step__symbol { display: grid; place-items: center; flex: none; width: calc(3.2 * var(--su)); height: calc(3.2 * var(--su)); border: 1px solid #e9c78a66; border-radius: 50%; color: #efcc8c; }
.jr-next-step__symbol .jr-glyph { width: 65%; height: 65%; }
.jr-node__head { color: #d7b981; font: 450 calc(.77 * var(--su))/1.4 var(--mono); letter-spacing: .05em; text-transform: uppercase; }
.jr-node__detail { margin: calc(.45 * var(--su)) 0 0; font: 450 calc(1.05 * var(--su))/1.45 var(--font); text-wrap: balance; }
.jr-node--next > .jr-glyph { margin-left: auto; width: calc(1.6 * var(--su)); height: calc(1.6 * var(--su)); flex: none; color: #f6d698; }
.jr-stage--picture[data-beat="0"] .jr-node--next { opacity: 0; }
.jr-stage--picture[data-beat="1"] .jr-node--next { animation: jr-event-arrive 1.4s ease 4.7s backwards; }
.jr-stage--picture .ex-connections,
.jr-stage--picture .ex-sparks { z-index: 5; }
.jr-stage--picture .ex-flow__wire { opacity: .12; }
.jr-stage--picture .ex-sparks { opacity: .5; }

/* Ручной переход на паузе и reduced motion всегда дают читаемую позу.
   Общая оболочка останавливает все циклы также при скрытой вкладке. */
.journey .jr-stage--picture[data-settled="true"] .jr-route-graph,
.journey .jr-stage--picture[data-settled="true"] .jr-route-graph *,
.journey .jr-stage--picture[data-settled="true"] .jr-spin * { animation: none !important; transition: none !important; }
/* В узкой колонке место остаётся внутреннему диалогу; брендовый девиз
   уже представлен общей подписью под логотипом. */
@media (min-width: 761px) and (max-width: 1120px) {
  .jr-stage--picture .jr-mottos { display: none; }
}
@media (max-width: 760px) {
  .jr-stage--picture .jr-copy__body { font-size: 15px; }
  .jr-stage--picture .jr-copy__quote { font-size: 14px; }
  .jr-stage--picture .jr-mottos { margin-top: 475px; }
  .jr-spin { max-width: none; margin-top: 18px; padding-left: 12px; }
  .jr-spin__label { font-size: 10px; }
  .jr-spin__label > span { width: 4px; height: 4px; }
  .jr-spin__sequence { height: 112px; margin-top: 8px; }
  .jr-spin__question { font-size: 16px; }
  .jr-spin__answer { font-size: 14px; margin-top: 8px; }
  .journey .jr-node--next .jr-node__head { font-size: calc(.77 * var(--su)); }
}