/* Same inline scene composition and four-tool layout as the approved CR-310 page. */
.mp-experience .mp-model-scene{display:block;width:100%;height:auto;max-width:100%;overflow:hidden;border-radius:inherit}
.mp-experience .mp-native-cover-photo{display:block;width:100%;height:auto;max-width:100%;overflow:hidden}
.mp-experience .mp-native-cover-tool{width:100%;overflow:hidden;align-items:center;justify-content:center}
.mp-experience .mp-native-cover-tool .mp-native-cover-photo{max-height:160px}
.mp-experience .mp-experience-story .mp-experience-tools{grid-template-columns:repeat(4,minmax(0,1fr))}
.mp-experience .mp-scene-banner{border-radius:18px;overflow:hidden}
.mp-experience .mp-scene-banner figcaption{padding-inline:4px}
.mp-experience .mp-story-kitchen{border-radius:0;overflow:hidden}
@media(max-width:767px){
 .mp-experience .mp-experience-story .mp-experience-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mp-experience .mp-experience-tools .mp-tool-whisk{grid-column:auto;display:flex;flex-direction:column;align-items:stretch}
 .mp-experience .mp-experience-tools .mp-tool-whisk .mp-experience-tool-image{height:130px;margin:0 0 14px}
 .mp-experience .mp-experience-tools .mp-tool-whisk .mp-experience-tool-image img{max-height:130px}
 .mp-experience .mp-native-cover-tool .mp-native-cover-photo{max-height:130px}
 .mp-experience .mp-scene-banner{border-radius:12px}
}
