/* Pattern B: horizontal story motion is controlled independently of layout transforms. */
.brand-story,.brand-story.is-current{transition:none!important}
@media(prefers-reduced-motion:reduce){.brand-story{translate:none!important}}

.brand-movie-open .brand-movie-still{display:block;width:100%;height:100%;object-fit:cover;object-position:inherit}

/* Align the pot body (excluding its handle) with the photo boundary. */
@media(min-width:768px){
 .brand-fixed-product img{transform:translate(-43%,-50%)}
 .brand-soup-story{background:#ebcb29 url('sp/16516-7460-imgTextSet.webp') left bottom/128.7% auto no-repeat;background-blend-mode:normal}
}