:root{--red:#7e392b;--ink:#25301a;--cream:#eee1c5;--yellow:#c39a58}
body{background:#eee1c5}header{background:#243017;color:#eee1c5;border-color:#ac956145}.logo,.logo small{color:#eee1c5}nav a:hover{color:#d9b981}.nav>.btn{background:#e2c696;color:#263019}.mobile-menu{color:#eee1c5;border-color:#a18b60}nav{background:#243017}.demo{background:#1c2514;color:#d9c7a7}.ticker{background:#29351b;color:#e8d6b2;padding:20px}.ticker span{color:#ba774a}footer{background:#253017}.events{background:#ded0b0}.event{background:#79432f}.event:nth-child(2){background:#bd9d68}.dish-image{border-radius:3px}.tab.active{background:#394424}.btn{border-radius:3px}.btn:hover{background:#5b2c23}.btn.outline:hover{background:#dac9a8}.tag{background:#d9c393;color:#253017}.price{color:#79432f}
.motion-hero{padding:0;background:#263218;color:#eee1c5;position:relative;overflow:hidden}.art-wrap{position:relative;width:100%;max-width:1920px;margin:auto;line-height:0;isolation:isolate;touch-action:pan-y}.art-wrap>img{width:100%;height:auto;display:block}.art-wrap canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .6s}.art-wrap canvas.ready{opacity:1}.art-wrap:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -16px 25px -15px #263218}
.art-hotspot{position:absolute;z-index:2;border:0;background:transparent;padding:0;border-radius:8px;transition:background .25s;cursor:pointer}.art-hotspot:hover,.art-hotspot:focus-visible{background:#eacb7b1a;outline:1px dashed #e2c48a}.art-hotspot span{position:absolute;white-space:nowrap;bottom:100%;left:50%;transform:translateX(-50%) translateY(-8px);background:#233016ed;color:#f0dfbc;padding:10px 13px;border-radius:4px;font-size:11px;line-height:1.4;opacity:0;pointer-events:none;transition:opacity .2s}.art-hotspot:hover span,.art-hotspot:focus-visible span{opacity:1}.hot-toast{left:35%;top:55%;width:23%;height:21%}.hot-speaker{left:19%;top:18%;width:12%;height:15%}.hot-screen{left:68%;top:56%;width:18%;height:25%}
.callout{position:absolute;left:25%;top:29%;z-index:3;color:#f2ddb1;font-size:clamp(10px,1.45vw,26px);font-weight:900;letter-spacing:1px;line-height:1;pointer-events:none;white-space:nowrap;opacity:0;text-shadow:0 2px 8px #15200d;animation:announcement 8s ease-out infinite}.callout:nth-of-type(2){animation-delay:4s}.motion-paused .callout{animation-play-state:paused}.callout.burst{animation:none}.callout.burst.active{animation:announcement 2.6s ease-out 1}@keyframes announcement{0%,62%{opacity:0;transform:translate(0,0) rotate(-8deg) scale(.65)}70%{opacity:.85}90%{opacity:.65}100%{opacity:0;transform:translate(40px,-70px) rotate(2deg) scale(1.12)}}
.scene-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;max-width:1400px;padding:18px 5%;margin:auto;border-top:1px solid #c2aa7533;font-size:11px;line-height:1.7}.scene-hint{color:#c2b590}.motion-controls{display:flex;align-items:center;gap:10px}.motion-btn{border:1px solid #c2aa7566;background:#1d2814;color:#e7d6b1;padding:8px 12px;font-size:11px;white-space:nowrap}.motion-btn:hover{background:#394725}.hero-intro{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:42px 7vw;background:#e8dab9;color:#29331c}.hero-intro .eyebrow{margin:0 0 12px;font-size:10px}.hero-intro h1{font-size:clamp(22px,3vw,40px);font-weight:900;letter-spacing:-1.4px;margin:0}.hero-intro .hero-actions{flex-shrink:0}.toast-status{position:absolute;bottom:4%;left:50%;transform:translateX(-50%);z-index:4;font-size:12px;line-height:1.5;background:#223019eb;color:#f3dfb7;padding:11px 20px;border:1px solid #bb9c5c88;border-radius:30px;opacity:0;transition:opacity .3s;pointer-events:none}.toast-status.show{opacity:1}
@media(max-width:700px){.hero-intro{display:block;padding:30px 6vw}.hero-intro .hero-actions{margin-top:22px}.scene-tools{align-items:flex-start;padding:12px 5%}.scene-hint{max-width:180px;font-size:10px}.motion-controls{flex-wrap:wrap;justify-content:flex-end}.motion-btn{padding:7px 9px;font-size:10px}.art-wrap.is-zoomed{width:210%;max-width:none;transform-origin:top left}.art-pan{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#9b875a #263218}.toast-status{font-size:9px;padding:5px 12px}.callout{font-size:11px}.art-hotspot span{display:none}.motion-btn:focus-visible{outline:2px solid #e8d4aa}}
.art-pan{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#9b875a #263218}.art-wrap.is-zoomed{width:140%;max-width:none}
.speaker-ripple{position:absolute;left:23.5%;top:24%;width:5%;aspect-ratio:1;pointer-events:none;z-index:1}.speaker-ripple i{position:absolute;inset:0;border:1.5px solid #e8d0a4;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;animation:soundwave 2.5s ease-out infinite;opacity:0}.speaker-ripple i:nth-child(2){animation-delay:.8s}.speaker-ripple i:nth-child(3){animation-delay:1.6s}@keyframes soundwave{0%{transform:translate(0,0) scale(.55) rotate(32deg);opacity:0}20%{opacity:.55}100%{transform:translate(60%,-30%) scale(2) rotate(32deg);opacity:0}}
.beer-bubbles{position:absolute;left:44%;top:62%;width:8%;height:8%;pointer-events:none;z-index:1}.beer-bubbles i{position:absolute;width:4px;height:4px;border:1px solid #efe0b6;border-radius:50%;animation:beerfloat 3.5s ease-out infinite;opacity:0;left:10%}.beer-bubbles i:nth-child(2){left:35%;animation-delay:.9s}.beer-bubbles i:nth-child(3){left:65%;animation-delay:1.8s}.beer-bubbles i:nth-child(4){left:85%;animation-delay:2.6s}@keyframes beerfloat{0%{transform:translateY(8px) scale(.6);opacity:0}25%{opacity:.65}100%{transform:translate(4px,-22px) scale(1.2);opacity:0}}
.motion-paused .speaker-ripple i,.motion-paused .beer-bubbles i{animation-play-state:paused;opacity:0}.callout:not(.burst){animation-duration:5s}
@media(max-width:700px){.art-wrap.is-zoomed{width:210%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.callout{animation:none;display:none}*{transition-duration:.01ms!important}.motion-running .callout:not(.burst){display:block;animation:announcement 8s ease-out infinite}.motion-running .callout.burst.active{display:block;animation:announcement 2.6s ease-out 1}}