/* Original inline statement and three-column service layout, in normal flow. */
#cijeli-posao.izj{height:auto;padding-block:clamp(80px,10vw,150px)}
#cijeli-posao .izj-lj{position:relative;height:auto;min-height:0}
#cijeli-posao .izj-t .w{color:var(--tinta)}
#cijeli-posao .ci{opacity:1;transform:none}
#cijeli-posao .mk::before{transform:scaleX(1)}
#sta-radimo.bn{padding-top:clamp(70px,8vw,120px)}

/* Photographs remain inside the sentence; only their inner frames move.
   The outer inline boxes reserve their space and provide stable scroll bounds. */
#cijeli-posao .ci{width:clamp(64px,7.3vw,120px);height:clamp(46px,5.2vw,86px);overflow:visible;background:transparent;will-change:auto;--ci-dir:1}
#cijeli-posao .ci:nth-of-type(even){--ci-dir:-1}
#cijeli-posao .ci-kadar{display:block;width:100%;height:100%;overflow:hidden;border-radius:10px;isolation:isolate;background:var(--krem);
  transform:translate3d(0,calc((.5 - var(--gr-p,.5)) * 22px),0) rotate(calc((var(--gr-p,.5) - .5) * -8deg * var(--ci-dir))) scale(calc(.94 + var(--gr-p,.5) * .08))}
#cijeli-posao .ci-kadar img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.1) translateY(calc((var(--gr-p,.5) - .5) * -6%))}
#cijeli-posao .ci--strategija img{object-position:50% 50%}
#cijeli-posao .ci--identitet img{object-position:50% 36%}
#cijeli-posao .ci--softver img{object-position:50% 60%}
#cijeli-posao .ci--ai img{object-position:48% 65%;transform:scale(1.4) translateY(calc(-9% + (var(--gr-p,.5) - .5) * -6%))}
#cijeli-posao .ci--rast img{object-position:50% 30%}
#cijeli-posao .ci.gr-active .ci-kadar,#cijeli-posao .ci.gr-active img{will-change:transform}
/* Scroll reveals inner frames; the inline slots keep the sentence stable. */
#cijeli-posao.izj-scroll .w{color:rgba(18,17,11,.16);transition:none}
#cijeli-posao.izj-scroll .ci-kadar{opacity:var(--ci-reveal,0);scale:calc(.68 + var(--ci-reveal,0) * .32);translate:0 calc((1 - var(--ci-reveal,0)) * 18px)}
#cijeli-posao.izj-scroll .mk::before{transform:scaleX(var(--ci-marker,0));transition:none}
@media(max-width:700px){
 #cijeli-posao .ci-kadar{border-radius:8px;transform:translate3d(0,calc((.5 - var(--gr-p,.5)) * 12px),0) rotate(calc((var(--gr-p,.5) - .5) * -5deg * var(--ci-dir)))}
}
@media(prefers-reduced-motion:reduce){
 #cijeli-posao.izj-scroll .w{color:var(--tinta)!important}
 #cijeli-posao.izj-scroll .ci-kadar{opacity:1;scale:none;translate:none}
 #cijeli-posao.izj-scroll .mk::before{transform:scaleX(1)}
 #cijeli-posao .ci-kadar,#cijeli-posao .ci-kadar img{transform:none}
 #cijeli-posao .ci--ai img{transform:scale(1.4) translateY(-9%)}
}