/* transitions/fx.css — branch fx/transitions */
.fx-push{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(255,236,200,.25),#000 60%);opacity:0}

/* kitchen sign hotspot */
.hs-kitchen-sign{border:0;background:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;
  filter:drop-shadow(0 6px 18px rgba(0,0,0,.6))}
.ks-board{display:flex;flex-direction:column;align-items:center;padding:8px 16px 7px;border-radius:10px;
  background:rgba(14,12,10,.78);border:2px solid #d4af6a;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  box-shadow:0 0 0 1px rgba(0,0,0,.4),0 0 18px rgba(212,175,106,.55),inset 0 0 12px rgba(212,175,106,.25);
  animation:ks-glow 2.4s ease-in-out infinite}
.ks-text{font:800 26px/1 "Big Shoulders Display","Arial Narrow",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#ffe6b0;
  text-shadow:0 0 6px rgba(255,200,110,.9),0 0 16px rgba(212,175,106,.7)}
.ks-sub{font:600 11px/1.2 "Public Sans",system-ui,sans-serif;color:#e8d9bb;letter-spacing:.08em;text-transform:uppercase;margin-top:3px}
.ks-arrow{width:34px;height:34px;stroke:#ffd88a;stroke-width:3.2;fill:none;stroke-linecap:round;stroke-linejoin:round;
  filter:drop-shadow(0 0 6px rgba(255,200,110,.9));animation:ks-bob 1.2s ease-in-out infinite}
.hs-kitchen-sign:hover .ks-board,.hs-kitchen-sign:focus-visible .ks-board{border-color:#ffe6b0;box-shadow:0 0 28px rgba(255,210,130,.85)}
@keyframes ks-glow{0%,100%{box-shadow:0 0 14px rgba(212,175,106,.45),inset 0 0 10px rgba(212,175,106,.2)}50%{box-shadow:0 0 26px rgba(212,175,106,.8),inset 0 0 14px rgba(212,175,106,.35)}}
@keyframes ks-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
@media (prefers-reduced-motion: reduce){.ks-board,.ks-arrow{animation:none}}
/* docked sign (entrance not verified): arrow points right, sits above the chapter bar */
.hs-kitchen-sign.docked{flex-direction:row;gap:8px}
.hs-kitchen-sign.docked .ks-arrow{transform:rotate(-90deg);animation:ks-nudge 1.4s ease-in-out infinite}
@keyframes ks-nudge{0%,100%{transform:rotate(-90deg) translateY(0)}50%{transform:rotate(-90deg) translateY(6px)}}
.hs-kitchen-sign.docked .ks-text{font-size:21px}
@media (max-width:560px){.hs-kitchen-sign.docked .ks-text{font-size:17px}.hs-kitchen-sign.docked .ks-board{padding:6px 10px}}
@media (prefers-reduced-motion: reduce){.hs-kitchen-sign.docked .ks-arrow{animation:none}}
/* wall-picture: glowing frame + label over the real menu boards */
.hs-wall-picture{border:0;background:none;padding:0;cursor:pointer;display:grid;justify-items:center;gap:8px}
.wp-frame{width:clamp(120px,18vw,240px);aspect-ratio:3/2;border:2px solid rgba(240,215,158,.85);border-radius:6px;
  box-shadow:0 0 0 1px rgba(0,0,0,.35),0 0 26px rgba(240,200,120,.55),inset 0 0 22px rgba(240,200,120,.25);animation:wp-breathe 2.6s ease-in-out infinite}
.wp-label{font:700 13px/1 "Public Sans",system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#1a1408;background:#d4af6a;padding:8px 12px;border-radius:999px;box-shadow:0 6px 18px rgba(0,0,0,.45)}
.hs-wall-picture:hover .wp-frame,.hs-wall-picture:focus-visible .wp-frame{border-color:#fff1cf;box-shadow:0 0 34px rgba(255,220,150,.85),inset 0 0 26px rgba(255,220,150,.35)}
@keyframes wp-breathe{0%,100%{opacity:.75}50%{opacity:1}}
@media (prefers-reduced-motion: reduce){.wp-frame{animation:none}}