/* Full purpose-room composition; independent ambient motion. */
.continuous-photo[data-phase="4"],.continuous-photo[data-phase="5"]{background:#f4f1ec}
.continuous-photo[data-phase="4"]>img,.continuous-photo[data-phase="5"]>img{object-fit:contain!important;object-position:center;transform:none!important}
.service-columns .mini-room{animation:rp-hover 6.4s ease-in-out infinite;will-change:transform}
.floating-swatches img{animation:rp-swatch 4.8s ease-in-out infinite;will-change:transform}
.floating-swatches img:nth-child(2){animation-delay:-1.7s;animation-duration:5.7s}
.floating-swatches img:nth-child(3){animation-delay:-3s;animation-duration:6.3s}
.layered-room.rear{animation:rp-rear 8.1s ease-in-out infinite;will-change:transform}
.layered-room.front{animation:rp-front 6.7s ease-in-out infinite;animation-delay:-2s;will-change:transform}
.purpose-preview.kitchen{animation:rp-kitchen 7.3s ease-in-out infinite;will-change:transform}
.purpose-preview.bath{animation:rp-bath 6.1s ease-in-out infinite;animation-delay:-1.8s;will-change:transform}
.word-halo span{animation:rp-word 6s ease-in-out infinite alternate}.word-halo span:nth-child(2n){animation-delay:-3s}
.look-visual>img{animation:rp-hover 7s ease-in-out infinite}.look-triptych article:nth-child(2) .look-visual>img{animation-delay:-2.5s}.look-triptych article:nth-child(3) .look-visual>img{animation-delay:-4s}
@keyframes rp-hover{0%,100%{transform:translate3d(0,8px,0) rotate(-.7deg)}50%{transform:translate3d(0,-12px,0) rotate(.7deg)}}
@keyframes rp-swatch{0%,100%{transform:translate3d(0,5px,0) rotate(-4deg)}50%{transform:translate3d(3px,-16px,0) rotate(4deg)}}
@keyframes rp-rear{0%,100%{transform:translate3d(-3px,10px,0) rotate(-9deg)}50%{transform:translate3d(5px,-12px,0) rotate(-5deg)}}
@keyframes rp-front{0%,100%{transform:translate3d(4px,-10px,0) rotate(3deg)}50%{transform:translate3d(-4px,12px,0) rotate(7deg)}}
@keyframes rp-kitchen{0%,100%{transform:translate3d(-3px,9px,0) rotate(-1deg)}50%{transform:translate3d(4px,-13px,0) rotate(1deg)}}
@keyframes rp-bath{0%,100%{transform:translate3d(4px,-12px,0) rotate(1.5deg)}50%{transform:translate3d(-4px,10px,0) rotate(-1.5deg)}}
@keyframes rp-word{to{translate:0 -12px}}
@media(prefers-reduced-motion:reduce){.service-columns *, .look-visual>img,.word-halo span{animation:none!important}}

.continuous-photo[data-phase="4"],.continuous-photo[data-phase="5"]{top:92px;height:380px}.purpose-pick .ph-img{height:380px!important}.purpose-pick .tabsx{margin-top:10px}

/* Keep the captured-photo viewport invariant through every pick. */
.continuous-photo[data-phase]>img{object-fit:cover!important;object-position:center!important;transform:none!important}.cam .vf,.auto-scene .ph-img,.swatch-scene .ph-img,.compare-scene .ph-img,.look-pick-scene .ph-img,.save-img{height:380px!important;flex-shrink:0}