/* Higher Self - build 1323. Paralaxa legata direct de derulare (animation-timeline).
   [stated] La derulare rapida in jos fundalul "sarea" putin: JS-ul il muta dupa ce pagina se miscase deja,
   deci ramanea in urma un cadru si apoi recupera. Aici browserul calculeaza miscarea odata cu derularea.
   Se aplica doar unde browserul stie (html.hsSDA, pus de js/79); altfel ramane varianta veche din JS.
   Aceleasi viteze ca inainte: fundalul urca cu 25% din derulare; poza uneltei ramane in urma cu 30% si creste cu 10%. */
html.hsSDA .heroBg{animation:hsParBg linear both; animation-timeline:scroll(root block)}
@keyframes hsParBg{from{translate:0 0} to{translate:0 calc(var(--hsMax,0px) * -.25)}}
html.hsSDA .thHero:not(#fvHero){view-timeline:--hsTh block; container-type:inline-size}
html.hsSDA .thHero:not(#fvHero) .thPic{animation:hsParPic linear both; animation-timeline:--hsTh; animation-range:exit 0% exit 100%}
/* cusatura merge lipita de poza: inaltimea pozei e 149% din latime, deci 30% din ea = 44.7cqw */
html.hsSDA .thHero:not(#fvHero) .thSeamWrap{animation:hsParSeam linear both; animation-timeline:--hsTh; animation-range:exit 0% exit 100%}
@keyframes hsParPic{from{transform:translateY(0) scale(1)} to{transform:translateY(30%) scale(1.1)}}
@keyframes hsParSeam{from{transform:translateY(0) scale(1)} to{transform:translateY(44.7cqw) scale(1.1)}}