/* Transparent owner-supplied artwork, with no extra photo frame. */
.menu-grid .menu-art-visual{height:390px;min-height:390px;padding:24px 2px 18px;display:grid;place-items:center;overflow:visible}
.menu-art-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:100%;height:100%;padding:0;border:0;background:none;color:inherit;perspective:900px;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.menu-art-tilt{display:block;width:100%;height:calc(100% - 26px);min-height:0;transform:rotateX(var(--art-rx,0deg)) rotateY(var(--art-ry,0deg));transition:transform .3s ease-out}
.menu-art-flight{display:block;width:100%;height:100%;transform-origin:50% 70%}
.menu-art-stage .menu-art-flight>img{display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;object-fit:contain;filter:drop-shadow(6px 13px 9px #38231936);transform-origin:50% 65%}
.menu-art-hint{display:block;font-size:10px;letter-spacing:.8px;line-height:1.8;margin-top:8px;opacity:.6}
.menu-art-stage:hover .menu-art-hint,.menu-art-stage:focus-visible .menu-art-hint{opacity:1}
.menu-art-stage.is-playing.menu-art-memories .menu-art-flight{animation:menu-paper-arrive 1.2s cubic-bezier(.2,.7,.25,1) both}
.menu-art-stage.is-playing.menu-art-memories img{animation:menu-paper-drift 6.4s 1.2s ease-in-out infinite}
.menu-art-stage.is-playing.menu-art-cafe .menu-art-flight{animation:menu-sweet-pop 1.15s cubic-bezier(.2,.65,.3,1) both}
.menu-art-stage.is-playing.menu-art-cafe img{animation:menu-sweet-sway 5.2s 1.15s ease-in-out infinite}
.menu-art-stage.is-paused .menu-art-flight,.menu-art-stage.is-paused img{animation-play-state:paused!important}
@keyframes menu-paper-arrive{0%{opacity:0;transform:translate3d(0,48px,-100px) rotateZ(-7deg) rotateX(10deg) scale(.87)}65%{opacity:1;transform:translate3d(0,-7px,0) rotateZ(1.5deg) scale(1.025)}100%{opacity:1;transform:translate3d(0,0,0) rotateZ(0) scale(1)}}
@keyframes menu-paper-drift{0%,100%{transform:translateY(0) rotate(-.65deg)}50%{transform:translateY(-8px) rotate(.65deg)}}
@keyframes menu-sweet-pop{0%{opacity:0;transform:translateY(32px) rotate(-5deg) scale(.78)}55%{opacity:1;transform:translateY(-9px) rotate(2deg) scale(1.045)}78%{transform:translateY(3px) rotate(-1deg) scale(.99)}100%{opacity:1;transform:translateY(0) rotate(0) scale(1)}}
@keyframes menu-sweet-sway{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}
@media(min-width:761px) and (max-width:1100px){.menu-grid .menu-art-visual{height:350px;min-height:350px}}
@media(max-width:760px){.menu-grid .menu-art-visual{height:350px;min-height:350px;padding:22px 0 15px}.menu-art-hint{font-size:9px}}
@media(max-width:360px){.menu-grid .menu-art-visual{height:300px;min-height:300px;padding-top:20px}}
@media(prefers-reduced-motion:reduce){.menu-art-stage .menu-art-tilt{transform:none;transition:none}.menu-art-hint{display:none}.menu-art-tilt{height:100%}}
/* Keep intrinsic PNG dimensions inside the reserved visual area. */
.menu-grid .menu-art-visual{position:relative;padding:0;display:block}
.menu-art-visual>.menu-art-stage{position:absolute;inset:24px 2px 18px;width:auto;height:auto;min-height:0}
.menu-art-stage .menu-art-tilt{flex:1 1 0;height:auto;min-height:0}
.menu-art-stage .menu-art-flight>img{position:absolute;inset:0;min-height:0}
.menu-art-stage .menu-art-hint{flex:0 0 auto}
@media(max-width:760px){.menu-art-visual>.menu-art-stage{inset:22px 0 15px}}

/* Warm star glints aligned to the supplied illustration, within its image area. */
.cafe-sparkles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;fill:#fff8c6;filter:drop-shadow(0 0 4px #fff3a955)}
.cafe-twinkle{opacity:.4;transform-box:fill-box;transform-origin:center}
.menu-art-cafe.is-playing .cafe-twinkle{animation:cafe-star-glimmer 3.6s ease-in-out infinite}
.menu-art-cafe.is-playing .twinkle-2{animation-delay:.9s}.menu-art-cafe.is-playing .twinkle-3{animation-delay:1.8s}.menu-art-cafe.is-playing .twinkle-4{animation-delay:2.7s}
@keyframes cafe-star-glimmer{0%,100%{opacity:.15;transform:scale(.5) rotate(-10deg)}45%{opacity:1;transform:scale(1.15) rotate(8deg)}65%{opacity:.65;transform:scale(.85) rotate(0)}}
.menu-art-stage.is-paused .cafe-twinkle{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.menu-art-cafe.is-playing .cafe-twinkle{animation:none;opacity:.6}}