@import "https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700;800&display=swap";:root{color:#f8edce;background:#100907;font-family:Pixelify Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}.site-shell{background:#100907 url(/assets/restaurant-interior-pixel.png) 50%/cover fixed;min-height:100vh}.restaurant{background:0 0;flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.brand-sign{z-index:6;width:min(900px,62vw);margin:clamp(20px,4vh,44px) auto 14px;line-height:0;position:relative}.brand-sign img{object-fit:fill;width:100%;height:clamp(130px,16vh,170px);image-rendering:pixelated;filter:drop-shadow(0 7px #160806aa);display:block}.hero{isolation:isolate;background:0 0;flex:1;grid-template-columns:minmax(0,1fr) minmax(520px,.96fr);align-items:start;gap:clamp(24px,3vw,52px);width:min(1500px,100% - clamp(36px,5vw,96px));min-height:0;margin:0 auto;display:grid;position:relative}.chef-stage{background:0 0;height:100%;min-height:0;position:relative;overflow:visible}.chef-stage:before{content:"";opacity:.2;background-image:linear-gradient(#e8a05622 1px,#0000 1px),linear-gradient(90deg,#e8a05622 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.window{display:none}.window:after,.window:before{content:"";background:#9c5530;position:absolute}.window:before{width:6px;height:100%;left:50%}.window:after{width:100%;height:6px;top:50%}.window i{background:#ffe290;width:5px;height:5px;position:absolute;top:24px;left:24px;box-shadow:28px 22px #ffe290,88px 34px #ffe290}.shelf{display:none}.chef{z-index:2;object-fit:contain;object-position:bottom;width:min(155%,940px);max-height:min(84vh,880px);image-rendering:pixelated;filter:drop-shadow(9px 10px #150906aa);animation:3s ease-in-out infinite breathe;position:absolute;bottom:-34px;left:51%;transform:translate(-50%)}@keyframes breathe{50%{transform:translate(-50%)translateY(-7px)}}.speech-bubble{z-index:5;isolation:isolate;color:#472017;clip-path:polygon(8px 0,calc(100% - 8px) 0,calc(100% - 8px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 4px) calc(100% - 8px),calc(100% - 4px) calc(100% - 4px),calc(100% - 8px) calc(100% - 4px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 4px),4px calc(100% - 4px),4px calc(100% - 8px),0 calc(100% - 8px),0 8px,4px 8px,4px 4px,8px 4px);filter:drop-shadow(8px 8px #160806);background:#2a100b;width:min(76%,520px);padding:28px 20px 14px;display:grid;position:absolute;bottom:clamp(150px,17vh,190px);left:12px;right:auto}.speech-bubble:before,.speech-bubble:after{content:"";pointer-events:none;position:absolute}.speech-bubble:before{z-index:-2;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);background:#aa4d26;inset:4px}.speech-bubble:after{z-index:-1;clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px);background-color:#ffedbf;background-image:linear-gradient(90deg,#a8641d12 1px,#0000 1px),linear-gradient(#a8641d0d 1px,#0000 1px),repeating-linear-gradient(135deg,#fff8d82b 0 2px,#0000 2px 7px);background-size:12px 12px,12px 12px,9px 9px;inset:8px;box-shadow:inset 0 3px #ffe8a6,inset 3px 0 #f5ce7a,inset 0 -2px #d28b42,inset -2px 0 #d28b42}.bubble-label{z-index:2;color:#ffe2a0;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);text-transform:uppercase;letter-spacing:.11em;background:#6d271b;border:3px solid #2a100b;padding:5px 11px 6px;font-size:.72rem;line-height:1;position:absolute;top:-1px;left:18px;box-shadow:inset 0 2px #b65a31,3px 3px #1c0a07}.speech-bubble p{max-width:43ch;min-height:0;margin:4px 0 7px;padding:0;font-size:clamp(1rem,1.1vw,1.12rem);line-height:1.35}.continue{cursor:pointer;color:#762a1b;text-shadow:1px 1px #ffd98b;background:0 0;border:0;justify-self:end;margin:0;padding:3px 4px;font-size:.82rem;font-weight:700;line-height:1;position:static}.continue:hover,.continue:focus-visible{color:#a03b21;outline-offset:1px;outline:2px solid #a64d29}.menu-panel{z-index:4;color:#4b2315;background:#f8e6b5 url(/assets/menu/menu-parchment.png) 50%/100% 100% no-repeat;place-self:start stretch;width:100%;min-width:0;min-height:min(63vh,680px);padding:clamp(30px,4vh,46px) clamp(30px,3vw,52px);position:relative}.menu-panel.is-menu{flex-direction:column;justify-content:center;display:flex}.menu-panel.is-menu nav{width:100%;margin:0}.bar-overlay{z-index:3;object-fit:fill;width:100vw;max-width:none;height:clamp(120px,17vh,180px);image-rendering:pixelated;pointer-events:none;position:fixed;bottom:0;left:50%;transform:translate(-50%)}nav{margin-top:8px}.menu-item{cursor:pointer;text-align:left;width:100%;color:inherit;background:0 0;border:0;border-bottom:2px dashed #c99d4b;grid-template-columns:76px 1fr 30px;align-items:center;gap:14px;padding:4px 5px;transition:transform .18s,background .18s,box-shadow .18s;display:grid}.menu-item:hover,.menu-item:focus-visible{outline-offset:-2px;background:#f0cf8c99;outline:2px solid #9f4a28;transform:translate(7px);box-shadow:inset 5px 0 #7d2d1c}.course-icon{place-items:center;height:58px;display:grid}.course-icon img{object-fit:contain;width:72px;height:58px;image-rendering:pixelated}.course-copy strong{color:#355c2a;font-family:Pixelify Sans,sans-serif;font-size:1.68rem;line-height:1;display:block}.course-arrow{place-items:center;display:grid}.course-arrow img{object-fit:contain;width:25px;height:32px;image-rendering:pixelated}.course-detail{text-align:left;scrollbar-color:#9b4c29 #efd193;scrollbar-width:thin;background:#f4d78f88;border:2px solid #b77d35;height:clamp(330px,100svh - 370px,480px);min-height:0;margin-top:12px;padding:18px 20px 22px;overflow-y:auto}.back-button{cursor:pointer;color:#642d1c;font:inherit;background:#fff0c4;border:2px solid #a6542c;border-radius:4px;align-items:center;margin-bottom:14px;padding:8px 12px;font-size:.8rem;display:inline-flex}.back-button:hover,.back-button:focus-visible{color:#fff0c4;outline-offset:2px;background:#84351f;outline:2px solid #6d2e1b}.detail-icon{float:right;object-fit:contain;width:108px;height:92px;image-rendering:pixelated;margin:0 0 10px 18px}.course-detail>span{color:#78331f;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;display:block}.course-detail h2{color:#355c2a;margin:4px 0 12px;font-family:Pixelify Sans,sans-serif;font-size:clamp(1.65rem,2.4vw,2.1rem);line-height:1}.detail-list{clear:both;gap:0;margin:15px 0 0;padding:0;list-style:none;display:grid}.detail-list li{border-bottom:1px dashed #b77d35}.detail-list li:last-child{border-bottom:0}.detail-list a,.detail-entry{color:#47281e;gap:2px;padding:8px 9px;text-decoration:none;display:grid}.detail-list a{transition:color .16s,background .16s,transform .16s}.detail-list a:hover,.detail-list a:focus-visible{color:#742918;outline-offset:-2px;background:#edc978a8;outline:2px solid #9e4b29;transform:translate(3px)}.detail-list strong{color:#315526;font-family:Pixelify Sans,sans-serif;font-size:1.04rem;line-height:1.1}.detail-list span span,.detail-list a span{color:#55382b;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.75rem;font-weight:650;line-height:1.3}footer{z-index:7;color:#e4bd76;background:0 0;justify-content:flex-end;align-items:center;gap:20px;min-height:48px;padding:10px 30px;font-size:.68rem;display:flex;position:absolute;bottom:0;left:0;right:0}.resume-button{cursor:pointer;color:#ffe4a1;background:#592018;border:2px solid #b1582d;border-radius:4px;padding:8px 12px;text-decoration:none}.resume-button:hover{background:#783021}.resume-button b{color:#e2ae52}@media (width>=981px){.restaurant{height:100svh;min-height:700px}.menu-panel{max-height:calc(100svh - 205px)}}@media (width>=981px) and (width<=1400px){.brand-sign{width:min(760px,62vw);margin-top:20px}.hero{grid-template-columns:minmax(0,1fr) minmax(500px,.96fr);gap:26px;width:calc(100% - 48px)}.chef{width:min(150%,780px);left:49%}.speech-bubble{width:min(82%,480px)}.menu-panel{padding:28px 32px}.menu-item{grid-template-columns:64px 1fr 26px;gap:9px;padding:3px}.course-icon{height:51px}.course-icon img{width:60px;height:49px}.course-copy strong{font-size:1.42rem}.course-arrow img{width:22px;height:29px}}@media (width<=980px){.site-shell{background-attachment:scroll}.restaurant{min-height:100svh;overflow:visible}.brand-sign{width:min(680px,100% - 28px);margin-top:12px}.brand-sign img{height:clamp(112px,18vw,142px)}.hero{width:min(660px,100% - 40px);margin-top:clamp(12px,2.4vh,24px);padding-bottom:0;display:block}.chef-stage,.bar-overlay{display:none}.menu-panel{width:100%;min-height:0;padding:34px 28px}.course-detail{height:auto;max-height:none;overflow:visible}footer{min-height:62px;padding:10px max(18px,50% - 340px);position:static}}@media (width<=460px){.brand-sign{width:calc(100% - 14px)}.brand-sign img{height:108px}.hero{width:calc(100% - 32px)}.menu-panel{padding:30px 18px}.menu-item{grid-template-columns:52px 1fr 20px;gap:7px}.course-icon{height:46px}.course-icon img{width:48px;height:44px}.course-copy strong{font-size:1.2rem}.course-detail{padding:18px 14px}.detail-icon{width:84px;height:72px}footer{padding:12px 16px}}@media (width<=350px){.menu-panel{padding-inline:14px}.menu-item{grid-template-columns:46px 1fr 18px;gap:5px}.course-icon img{width:44px;height:42px}.course-copy strong{font-size:1.08rem}.course-arrow img{width:20px;height:27px}}