/* Complete photographic scenes, with the same broad editorial composition as the approved event/partnership panels. */
#menu .menu-grid{grid-template-columns:1fr;gap:56px}
#menu .product{position:relative;display:flex;align-items:center;isolation:isolate;min-height:clamp(420px,48vw,700px);overflow:visible;padding:0}
#menu .product>img{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center;filter:none;transform:none;border:0;border-radius:0;-webkit-mask-image:url('masks/menu-scene.svg');mask-image:url('masks/menu-scene.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;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
#menu .product>.product-info{position:relative;z-index:1;width:35%;margin-left:61%;padding:0;max-width:440px}
#menu.is-menu-motion .menu-grid{gap:0}
#menu.is-menu-motion .product{min-height:0;height:100%;flex:0 0 100%}
#menu .product-info p{max-width:400px}
/* Wide context around the bajaj, anchored to the complete About section. */
#tentang{position:relative;isolation:isolate;overflow:visible}
#tentang>div{position:relative;z-index:2}
#tentang .story-type{position:relative;min-height:660px;padding:55px 0 55px 90px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;overflow:visible;isolation:isolate;border:0;font-size:clamp(98px,8.6vw,128px);line-height:1.02}
#tentang .story-type>.about-context{position:absolute;left:-40%;bottom:-35px;width:220%;height:auto;max-width:none;max-height:none;aspect-ratio:1672/941;object-fit:contain;z-index:0;margin:0;-webkit-mask-image:url('masks/about-scene.svg');mask-image:url('masks/about-scene.svg');-webkit-mask-size:100% 100%;mask-size:100% 100%;filter:none;transform:translate3d(var(--story-travel,0px),var(--story-rise,0px),0)}
#tentang .story-type>.story-word{z-index:1;position:relative;mix-blend-mode:normal;color:#302a27;line-height:1.02;letter-spacing:-4px}
#tentang .story-type>.story-word:nth-of-type(2){padding:5px 0 10px;letter-spacing:-4px}
#tentang .story-type>.story-word:nth-of-type(3){letter-spacing:-4px}
@media(min-width:801px) and (max-width:1100px){#tentang .story-type{padding-left:45px;font-size:100px;min-height:610px}#tentang .story-type>.about-context{left:-46%;width:240%;bottom:-15px}}
@media(max-width:800px){
 #menu .menu-grid{grid-template-columns:1fr;gap:48px}
 #menu .product{display:flex;flex-direction:column;align-items:stretch;min-height:0;gap:0}
 #menu .product>img{position:relative;inset:auto;flex:none;width:100%;height:auto;aspect-ratio:1.18/1;object-fit:cover;object-position:24% center;-webkit-mask-image:url('masks/scene-mobile.svg');mask-image:url('masks/scene-mobile.svg');-webkit-mask-size:100% 100%;mask-size:100% 100%;max-height:none}
 #menu .product>.product-info{width:100%;max-width:none;margin:18px 0 0;padding:0 6px}
 #menu .product-info p{max-width:520px}
 #tentang .story-type{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:490px;padding:45px 0 45px 26px;gap:0;font-size:clamp(70px,11vw,94px)}
 #tentang .story-type>.story-word{letter-spacing:-2.5px}
 #tentang .story-type>.story-word:nth-of-type(2){padding:2px 0 8px;letter-spacing:-2.5px}
 #tentang .story-type>.story-word:nth-of-type(3){letter-spacing:-2.5px}
 #tentang .story-type>.about-context{left:-35%;width:190%;bottom:-15px;max-height:none}
}
@media(max-width:480px){#tentang .story-type{min-height:440px;font-size:72px;padding-left:20px}#tentang .story-type>.about-context{left:-37%;width:210%;bottom:0}#menu .product-info h3{margin-top:18px}}
@media(prefers-reduced-motion:reduce){#tentang .story-type>.about-context{transform:none;will-change:auto}}
/* Clip only excess horizontal scenery; clip does not create a scrolling container for sticky stages. */
main{overflow-x:clip}