/* «Как проходит пилот» (/seo, /de/seo): 3D-слои в первых трёх карточках, сборка при прокрутке. Скрипт: /assets/js/pilot-art.js.
   Стили и позиции слоёв перенесены из утверждённого образца (картинки-пилот/layers/src.html). */
.pg .jr-art.pa{position:relative;aspect-ratio:4/3;background:radial-gradient(circle at 50% 55%,#22225a,#14143a 65%);border:1px solid #2a2a5c;border-radius:22px;overflow:hidden}
.jr-art.pa .L{position:absolute;display:block;height:auto;will-change:transform,opacity;transform-origin:50% 50%}
/* ЦБ 12, З: у слоя атрибут поворота data-r совпадает с селектором появления .mo .pg [data-r] (pages.css: transition transform 1s, opacity .5s).
   Из-за этого слои догоняли прокрутку с опозданием на секунду и собирались, только если остановиться. Слоем управляет только pilot-art.js. */
.mo .pg .jr-art.pa .L{transition:none}
.jr-art.pa .bar{transform-origin:50% 100%}
.jr-art.pa .ok{filter:saturate(.85) drop-shadow(0 0 12px rgba(34,197,94,.55))}
.jr-art.pa .pillbtn{border-radius:999px;background:linear-gradient(180deg,#7c7ff8,#4f46e5);box-shadow:0 0 14px rgba(99,102,241,.7),inset 0 1px 0 rgba(255,255,255,.35)}
.jr-art.pa .glow{filter:drop-shadow(0 0 18px rgba(94,234,212,.75)) brightness(1.15)}