/* A visible surface handover and one ordered product story. Existing world tokens stay intact. */
.journey-refined #marketing .m-tine .m-stage{background:#e3eadb}
.m-on .journey-refined #marketing .m-tine{height:260svh}
.m-on .coherence-marketing-window{position:absolute;inset:0;background:#cf8b50;isolation:isolate;overflow:hidden}
.m-on .journey-refined #marketing .m-tine-product>p:last-child{font-size:16px;line-height:1.5;max-width:36ch;margin-top:18px}
.m-on .journey-refined #marketing .m-tine-product .m-display{font-size:clamp(38px,4.4vw,68px)}
html:not(.m-on) .coherence-marketing-window{display:contents}
@media(max-width:700px){
 .m-on .journey-refined #marketing .m-tine{height:240svh}
 .m-on .journey-refined #marketing .m-tine-product .m-display{font-size:42px;line-height:1.05}
 .m-on .journey-refined #marketing .m-tine-product>p:last-child{font-size:15px;line-height:1.45;margin-top:14px}
}
@media(min-width:701px) and (max-height:680px){
 .m-on .journey-refined #marketing .m-tine-product .m-display{font-size:40px}
 .m-on .journey-refined #marketing .m-tine-product>p:last-child{font-size:15px;line-height:1.4;margin-top:14px}
}
/* The new wrapper needs the same complete non-animated flow as direct stage children. */
html:not(.m-on) .journey-refined #marketing .m-tine .m-stage{background:#cf8b50}
html:not(.m-on) .coherence-marketing-window>*{position:relative;inset:auto;width:100%;height:auto;transform:none!important;opacity:1!important;clip-path:none!important}
html:not(.m-on) .coherence-marketing-window .m-tine-ugc{max-width:100%}
html:not(.m-on) .coherence-marketing-window .m-tine-ugc img{height:auto;object-fit:contain!important}