/* Photographic integration only. All page colour, type, grid and motion stay upstream. */
#menu .product>img{filter:none;-webkit-mask-image:url('editorial-v29/product.svg');mask-image:url('editorial-v29/product.svg')}
#tentang .story-type>.about-context,.service-journey .service>.service-context,.road-stage .road-screen{-webkit-mask-image:url('editorial-v29/scene.svg');mask-image:url('editorial-v29/scene.svg')}
#public-events .context-image>img{-webkit-mask-image:url('editorial-v29/public.svg');mask-image:url('editorial-v29/public.svg')}
#partnerships .context-image>img{-webkit-mask-image:url('editorial-v29/partnership.svg');mask-image:url('editorial-v29/partnership.svg')}
#public-events .context-image>img,#partnerships .context-image>img,.service-journey .service>.service-context,#tentang .story-type>.about-context{filter:none!important;border:0;border-radius:0;box-shadow:none;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
@media(max-width:800px){
 /* Fit the full scene inside the existing image slot; no product/prop/hand crop. */
 #menu .product>img{object-fit:contain;object-position:center;-webkit-mask-image:url('editorial-v29/mobile.svg');mask-image:url('editorial-v29/mobile.svg');-webkit-mask-size:var(--product-mask-width,100%) var(--product-mask-height,100%);mask-size:var(--product-mask-width,100%) var(--product-mask-height,100%);-webkit-mask-position:center;mask-position:center}
 #public-events .context-image>img,#partnerships .context-image>img,.service-journey .service>.service-context{-webkit-mask-image:url('editorial-v29/mobile.svg');mask-image:url('editorial-v29/mobile.svg');object-fit:contain;object-position:center}
}