/* Responsive choreography only. All palette, imagery and brand tokens remain upstream. */
#menu.is-menu-motion .menu-stage{min-height:0;overflow:visible;background:transparent}
#menu.is-menu-motion .menu-viewport{min-height:0;touch-action:pan-y pinch-zoom;overflow:hidden;overflow:clip}
#menu.is-menu-motion .menu-grid{display:flex;flex-wrap:nowrap;gap:0;height:100%}
#menu.is-menu-motion .product{flex:0 0 100%;min-width:100%;height:100%;min-height:0}
#menu.is-menu-motion .product>img{object-fit:contain;border-radius:0;transition:none}
#menu .menu-product-nav button:focus-visible{outline-offset:-3px}
#menu .menu-stage-bottom{flex-shrink:0}
#menu[data-motion-layout="compact"] .menu-stage{padding-block:10px 6px;justify-content:flex-start}
#menu[data-motion-layout="compact"] .menu-progress-heading{gap:12px}
#menu[data-motion-layout="compact"] .menu-progress-heading .eyebrow{font-size:9px;letter-spacing:1px}
#menu[data-motion-layout="compact"] .menu-product-nav{gap:6px;margin-top:8px}
#menu[data-motion-layout="compact"] .menu-product-nav button{flex:1;min-width:0;min-height:52px;padding:7px 1px;font-size:9px;line-height:1.35;overflow-wrap:normal;text-align:center}
#menu[data-motion-layout="compact"] .menu-viewport{flex:1;margin-top:10px}
#menu[data-motion-layout="compact"] .product{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:4px;align-items:stretch;padding:0 max(5.5vw,20px) 4px;overflow:hidden}
#menu[data-motion-layout="compact"] .product>img{position:relative;inset:auto;top:auto;left:auto;width:100%;height:100%;max-height:none;min-height:0;aspect-ratio:auto;transform:none;object-fit:contain;object-position:center}
#menu[data-motion-layout="compact"] .product>.product-info{position:relative;width:100%;max-width:580px;margin:0 auto;padding:0 4px;align-self:end}
#menu[data-motion-layout="compact"] .product .kind{margin:0;font-size:9px;line-height:1.5}
#menu[data-motion-layout="compact"] .product h3{font-size:clamp(27px,6.5vw,40px);line-height:1.12;letter-spacing:-.8px;margin:9px 0 12px}
#menu[data-motion-layout="compact"] .product p{font-size:13px;line-height:1.65;max-width:48ch;margin:0;min-height:6.6em}
#menu[data-motion-layout="compact"] .menu-stage-bottom{padding:10px 0 4px;gap:18px;min-height:36px}
#menu[data-motion-layout="compact"] #menu-planning .menu-invite{display:flex;min-height:0;padding:32px 0;margin-top:30px}
#menu[data-motion-layout="compact"] #menu-planning .menu-invite>p{margin:16px 0;max-width:42ch}
#menu[data-motion-layout="hybrid"] .product>img{left:0;width:62%;height:85%;top:50%;transform:translateY(-50%)}
#menu[data-motion-layout="hybrid"] .product>.product-info{width:34%;margin-left:61%;max-width:420px}
#menu[data-motion-layout="hybrid"] .product h3{font-size:clamp(30px,3.4vw,46px);margin:14px 0}
#menu[data-motion-layout="hybrid"] .product p{font-size:13px;line-height:1.7;margin-bottom:0}
#menu[data-motion-layout="hybrid"] .menu-viewport{margin-top:12px}
#menu[data-motion-layout="hybrid"] .menu-stage-bottom{padding-top:10px}
@media(max-width:1023px) and (prefers-reduced-motion:no-preference){
 .hero-visual img{transform:translateY(var(--parallax-y,0px)) scale(1.025)}
}
@media(prefers-reduced-motion:no-preference){
 .catalog-access{animation:none}
 .catalog-access.motion-enter{opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease}
 .catalog-access.motion-enter.is-visible{opacity:1;transform:none}
 #layanan .service-inclusions{transition:background .22s ease}
}
@media(prefers-reduced-motion:reduce){
 #menu .menu-grid{transform:none!important;will-change:auto}
 #menu .menu-scroll{height:auto!important}
 #menu .menu-stage{position:static!important;height:auto!important}
 .hero-visual img{transform:none!important}
}

@media(max-width:800px) and (max-height:650px){
 #menu[data-motion-layout="compact"] .menu-product-nav button{min-height:44px;font-size:9px}
 #menu[data-motion-layout="compact"] .menu-viewport{margin-top:4px}
 #menu[data-motion-layout="compact"] .product h3{font-size:26px;margin:5px 0 8px}
 #menu[data-motion-layout="compact"] .product p{font-size:12px;line-height:1.55;min-height:6.2em}
}