/* Edge alpha only: existing product images, geometry, position and colour untouched. */
#menu .product>img{-webkit-mask-image:url('masks/product-soft-v34.svg');mask-image:url('masks/product-soft-v34.svg')}
@media(max-width:800px){#menu .product>img{-webkit-mask-image:url('masks/product-soft-mobile-v34.svg');mask-image:url('masks/product-soft-mobile-v34.svg')}}
/* All stories share one grid cell, so the tallest translation sets a stable height. */
#menu .cup-preview{display:grid;max-width:400px;min-height:0}
#menu .cup-preview-panel{grid-area:1 / 1;align-self:start;min-width:0;animation:none;transition:opacity .22s ease;opacity:1;visibility:visible}
#menu .cup-preview-panel[hidden]{display:flex!important;flex-direction:column;align-items:center;visibility:hidden;opacity:0;pointer-events:none}
#menu .cup-preview-panel>.cup-story{max-width:39ch;width:100%;margin:17px 0 0;text-align:left;font-style:normal;font-size:12px;line-height:1.85;color:var(--canvas-muted);text-wrap:pretty}
#menu .cup-preview-caption{margin-top:2px}
@media(max-width:560px){#menu .menu-extras>div:first-child{display:block}#menu .cup-preview{margin:8px auto 0;max-width:360px}#menu .cup-preview-panel>.cup-story{max-width:100%;font-size:12px}#menu .cup-large-illustration{height:190px}}
@media(prefers-reduced-motion:reduce){#menu .cup-preview-panel{transition:none}}
#tentang .about-scene.story-type>.about-context{-webkit-mask-image:url('masks/about-lifestyle-soft-v34.svg');mask-image:url('masks/about-lifestyle-soft-v34.svg')}
@media(max-width:800px){#tentang .about-scene.story-type>.about-context{-webkit-mask-image:url('masks/product-soft-mobile-v34.svg');mask-image:url('masks/product-soft-mobile-v34.svg')}}