/* PROTEL "call setup" intro. Default (no JS / reduced motion) = final state.
   Animations only run when <html> has .pa-anim (set by an inline script that checks prefers-reduced-motion). */
.pa-grid{opacity:.28}
.pa-pulse,.pa-flash,.pa-latch{opacity:0}
.pa-rev{stroke-dasharray:100 100;stroke-dashoffset:0}
.pa-ahead{stroke-dasharray:100 100;stroke-dashoffset:0}
.pa-body{transform-box:view-box;transform-origin:134px 128px}

html.pa-anim .run .pa-grid{animation:pa-grid 2.6s ease-out both}
html.pa-anim .run .pa-rev-s{animation:pa-draw .42s cubic-bezier(.6,0,.4,1) .18s both}
html.pa-anim .run .pa-rev-b{animation:pa-draw .62s cubic-bezier(.5,0,.3,1) .58s both}
html.pa-anim .run .pa-pulse{stroke-dasharray:24 200}
html.pa-anim .run .pa-pulse-s{animation:pa-pulse .42s cubic-bezier(.6,0,.4,1) .18s both}
html.pa-anim .run .pa-pulse-b{animation:pa-pulse .62s cubic-bezier(.5,0,.3,1) .58s both}
html.pa-anim .run .pa-abar{transform-box:fill-box;transform-origin:left center;animation:pa-bar .2s cubic-bezier(.2,.8,.2,1) 1.2s both}
html.pa-anim .run .pa-ahead{animation:pa-draw .22s ease-out 1.34s both}
html.pa-anim .run .pa-flash{animation:pa-flash .55s ease-out 1.5s both}
html.pa-anim .run .pa-latch{animation:pa-latch 1.5s ease-out both}
html.pa-anim .run .pa-l0{animation-delay:.16s}
html.pa-anim .run .pa-l1{animation-delay:.56s}
html.pa-anim .run .pa-l2{animation-delay:.74s}
html.pa-anim .run .pa-l3{animation-delay:.9s}
html.pa-anim .run .pa-l4{animation-delay:1.04s}
html.pa-anim .run .pa-l5{animation-delay:1.16s}
html.pa-anim .run .pa-body{animation:pa-settle .9s cubic-bezier(.2,.8,.2,1) 1.5s both}
html.pa-anim .run .pa-arrow{animation:pa-lamp .7s steps(1,end) 1.5s both}

/* readout steps (HTML list under the mark) */
html.pa-anim .run .readout li{animation:pa-step .25s ease-out both}
html.pa-anim .run .readout li:nth-child(1){animation-delay:.2s}
html.pa-anim .run .readout li:nth-child(2){animation-delay:.62s}
html.pa-anim .run .readout li:nth-child(3){animation-delay:1.25s}
html.pa-anim .run .readout li:nth-child(4){animation-delay:1.7s}
/* headline signal underline */
html.pa-anim .run-h .amb::after{animation:pa-under .7s cubic-bezier(.6,0,.2,1) 1.0s both}

@keyframes pa-grid{0%{opacity:0}15%{opacity:.5}100%{opacity:.28}}
@keyframes pa-draw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes pa-pulse{0%{stroke-dashoffset:24;opacity:1}90%{opacity:1}100%{stroke-dashoffset:-100;opacity:0}}
@keyframes pa-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes pa-flash{0%{opacity:0}20%{opacity:.85}100%{opacity:0}}
@keyframes pa-latch{0%{opacity:0;}8%{opacity:1}55%{opacity:.9}100%{opacity:0}}
@keyframes pa-settle{0%{transform:scale(1.045)}100%{transform:scale(1)}}
@keyframes pa-lamp{0%{filter:brightness(1.8)}30%{filter:none}45%{filter:brightness(1.6)}60%{filter:none}}
@keyframes pa-step{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes pa-under{from{transform:scaleX(0)}to{transform:scaleX(1)}}

@media (prefers-reduced-motion:reduce){
  .pa-anim .run *,.pa-anim .run-h *,.pa-anim .run-h .amb::after{animation:none!important}
}