/* The photo moves within its existing frame; captions and layout stay still. */
[data-scroll-photo] [data-photo-image]{transform:translate3d(var(--photo-shift-x,0px),var(--photo-shift-y,0px),0) scale(var(--photo-zoom,1.1));transform-origin:50% 50%;transition:none}
[data-scroll-photo][data-photo-active] [data-photo-image]{will-change:transform}
.w5-team-photo>.photo-scroll-window{height:100%;overflow:hidden}
.w5-team-photo>.photo-scroll-window>img{width:100%;height:100%;object-fit:cover;object-position:50% 38%}
/* Three floating photographs take different paths around the stationary title. */
[data-photo-collage]{--collage-progress:.5}
[data-photo-collage] .photo-commerce{transform:translate3d(calc((var(--collage-progress) - .5)*90px),calc((var(--collage-progress) - .5)*-170px),0) rotate(calc(-8deg + (var(--collage-progress) - .5)*9deg)) scale(calc(.98 + var(--collage-progress)*.04))}
[data-photo-collage] .photo-work{transform:translate3d(calc((var(--collage-progress) - .5)*-90px),calc((var(--collage-progress) - .5)*160px),0) rotate(calc(9deg - (var(--collage-progress) - .5)*8deg)) scale(calc(1.02 - var(--collage-progress)*.04))}
[data-photo-collage] .photo-browse{transform:translate3d(calc((var(--collage-progress) - .5)*70px),calc((var(--collage-progress) - .5)*-100px),0) rotate(calc(-4deg + (var(--collage-progress) - .5)*7deg)) scale(calc(.98 + var(--collage-progress)*.04))}
[data-photo-collage] .billboard-photo img{transform:scale(calc(1.04 + var(--collage-progress)*.10))}
[data-photo-collage] .billboard-title{transform:none}
[data-photo-collage][data-photo-active] .billboard-photo{will-change:transform}
@media(max-width:760px){
 .w5-team-photo>.photo-scroll-window{height:auto;aspect-ratio:1400/753}
 [data-photo-collage] .photo-commerce{transform:translate3d(calc((var(--collage-progress) - .5)*60px),calc((var(--collage-progress) - .5)*-90px),0) rotate(calc(-6deg + (var(--collage-progress) - .5)*6deg))}
 [data-photo-collage] .photo-work{transform:translate3d(calc((var(--collage-progress) - .5)*-64px),calc((var(--collage-progress) - .5)*100px),0) rotate(calc(6deg - (var(--collage-progress) - .5)*6deg))}
 [data-photo-collage] .photo-browse{transform:translate3d(calc((var(--collage-progress) - .5)*52px),calc((var(--collage-progress) - .5)*-60px),0) rotate(calc(-4deg + (var(--collage-progress) - .5)*4deg))}
}
.reduce-motion [data-scroll-photo] [data-photo-image],.reduce-motion [data-photo-collage] .billboard-photo,.reduce-motion [data-photo-collage] .billboard-photo img{transform:none!important;will-change:auto}
@media(prefers-reduced-motion:reduce){
 [data-scroll-photo] [data-photo-image],[data-photo-collage] .billboard-photo,[data-photo-collage] .billboard-photo img{transform:none!important;will-change:auto}
}
@media print{[data-scroll-photo] [data-photo-image],[data-photo-collage] .billboard-photo,[data-photo-collage] .billboard-photo img{transform:none!important}}