@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--paper:#faf5e9;--ink:#31261f;--orange:#bd572f;--camera-x:0%}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #e38a4e;outline-offset:5px}header{display:flex;justify-content:space-between;align-items:center;padding:25px 5%;border-bottom:1px solid #dfd4c2}.brand{font-size:15px;font-weight:700;letter-spacing:3px}.brand span{display:block;font-size:9px;font-weight:400;letter-spacing:1px;margin-top:6px;color:#796b5a}header>div{display:flex;gap:25px;font-size:11px}header>div a{border-bottom:1px solid #9c8b77;padding-bottom:5px}.scene{position:relative;overflow:hidden;background:#182329;min-height:740px;padding:65px 7% 35px}.city{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 5%,#435052,transparent 45%),linear-gradient(#13212a,#555148);overflow:hidden}.moon{position:absolute;width:78px;height:78px;border-radius:50%;background:#e4d6b4;right:12%;top:40px;box-shadow:0 0 90px #e4d6b430}.stars{position:absolute;inset:0;background-image:radial-gradient(#dfceb5 1px,transparent 1px);background-size:120px 90px;opacity:.25}.skyline{position:absolute;width:150%;left:-10%;bottom:13%;height:50%;transition:transform 1.4s cubic-bezier(.18,.65,.2,1);transform:translateX(var(--camera-x));clip-path:polygon(0 100%,0 46%,4% 46%,4% 20%,8% 20%,8% 50%,12% 50%,12% 0,16% 0,16% 65%,20% 65%,20% 30%,25% 30%,25% 43%,29% 43%,29% 9%,33% 9%,33% 50%,37% 50%,37% 24%,42% 24%,42% 60%,47% 60%,47% 3%,50% 3%,50% 54%,55% 54%,55% 29%,60% 29%,60% 70%,66% 70%,66% 15%,70% 15%,70% 40%,74% 40%,74% 5%,78% 5%,78% 60%,84% 60%,84% 25%,88% 25%,88% 55%,94% 55%,94% 13%,100% 13%,100% 100%)}.back{background:#263638;opacity:.8;bottom:22%;height:48%;transform:translateX(calc(var(--camera-x)*.5))}.front{background:repeating-linear-gradient(0deg,transparent 0 22px,#cfad6730 23px 26px,transparent 27px 39px),repeating-linear-gradient(90deg,#101b21 0 21px,#29302b 22px 27px,#101b21 28px 42px)}.street{position:absolute;bottom:0;left:0;width:100%;height:23%;background:linear-gradient(#152024,#101a20)}.route-line{position:absolute;bottom:9%;left:0;width:100%;height:1px;background:#b8996638;transform:rotate(-5deg);box-shadow:0 30px 0 #b8996620}.destination{position:absolute;bottom:4%;right:8%;color:#dcc39e;display:flex;gap:8px;align-items:center;font-size:10px;letter-spacing:1px}.destination>span{color:#e78845;text-shadow:0 0 20px #e78845}.scene-caption{position:relative;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#d4c4aa;margin-bottom:27px}.scene-caption span:last-child{letter-spacing:.6px;color:#b6b6ab}.tour-stage{position:relative;max-width:1110px;margin:auto;perspective:1200px}.tour-panel{display:grid;grid-template-columns:1.1fr 1fr;min-height:475px;background:var(--paper);box-shadow:0 20px 90px #0007}.photo{position:relative;min-height:475px;overflow:hidden;background:#302d26}.photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.photo:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#0006)}.photo-label{position:absolute;bottom:25px;left:28px;z-index:1;color:white;font-size:9px;letter-spacing:2px}.copy{padding:42px 11%;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--orange);margin:0 0 18px}h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(30px,3.6vw,49px);font-weight:500;line-height:1.1;letter-spacing:-1px;margin:0 0 20px}.description{font-size:13px;line-height:1.85;color:#796a57;margin:0 0 22px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:25px}.chips span{font-size:9px;padding:6px 9px;border:1px solid #d6c9b7;color:#796a57}.primary{background:var(--orange);color:white;border:0;padding:15px 17px;font-size:11px;text-align:left;line-height:1.5;margin:0 0 23px}.menu-link{font-size:10px;color:var(--orange)}.restaurant-name{font-size:11px;color:#796a57;margin:0 0 10px}.price{font-size:27px;color:var(--orange);margin:0 0 16px;font-family:'Playfair Display',Georgia,serif}.dish-thumbnails{display:flex;gap:9px;margin:0 0 24px}.dish-thumbnails button{padding:3px;border:1px solid transparent;background:transparent;width:68px;height:57px;opacity:.65}.dish-thumbnails button.selected{border-color:var(--orange);opacity:1}.dish-thumbnails img{width:100%;height:100%;object-fit:cover}.navigation{position:relative;display:flex;align-items:center;justify-content:center;gap:30px;margin-top:25px;color:#e6d8c1}.navigation button{border:1px solid #dcc9a653;background:transparent;color:#e6d8c1;width:42px;height:42px;font-size:21px;border-radius:50%}.navigation button:disabled{opacity:.3;cursor:default}.navigation>div{min-width:175px;text-align:center}.navigation span{display:block;font-size:9px;letter-spacing:1.4px}.navigation span+span{font-size:10px;letter-spacing:0;margin-top:7px;color:#b7b5a9}.arrive .tour-panel{animation:arrival .8s cubic-bezier(.2,.7,.2,1)}.arrive .menu-panel{animation:inside .65s cubic-bezier(.2,.7,.2,1)}@keyframes arrival{from{opacity:0;transform:translateY(22px) scale(.94)}to{opacity:1;transform:none}}@keyframes inside{from{opacity:0;transform:translateZ(-140px) scale(.96)}to{opacity:1;transform:none}}.stops{padding:40px 5% 20px;max-width:1440px;margin:auto}.stops-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:28px}h1{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:30px;margin:0;letter-spacing:-.6px}.stops-heading p{font-size:11px;line-height:1.7;color:#796a57;max-width:350px;margin:0}#restaurant-index{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.stop{border:1px solid #dcd0bf;background:transparent;text-align:left;padding:15px;min-height:104px;transition:background .2s}.stop.active{background:#eee1cb;border-color:#b88b61}.stop-number{color:var(--orange);font-size:9px;display:block;margin-bottom:8px}.stop-name{display:block;font-size:11px;line-height:1.4;font-weight:500}.stop-cuisine{display:block;font-size:9px;color:#796a57;margin-top:6px}.price-note{max-width:1440px;margin:0 auto;padding:10px 5% 30px;color:#796a57;font-size:10px;line-height:1.8}footer{border-top:1px solid #dfd4c2;padding:23px 5%;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#796a57}.load-error{color:white;padding:90px;text-align:center}@media(min-width:1500px){.scene{min-height:800px;padding-top:85px}.tour-panel,.photo{min-height:520px}}@media(max-width:850px){.scene{padding:40px 5% 30px;min-height:650px}.copy{padding:30px 8%}.tour-panel,.photo{min-height:420px}#restaurant-index{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){header{padding:20px 5%}header>div{gap:12px;font-size:9px}.brand{font-size:12px}.scene{padding:25px 5% 35px;min-height:0}.scene-caption{font-size:7px;letter-spacing:1px;margin-bottom:20px;gap:15px}.scene-caption span:last-child{text-align:right}.tour-panel{grid-template-columns:1fr}.photo{min-height:265px;height:265px}.copy{padding:28px 8%;min-height:315px}h2{font-size:35px}.description{font-size:12px;line-height:1.7}.eyebrow{margin-bottom:14px}.photo-label{left:23px;bottom:20px;font-size:8px}.navigation{margin-top:22px}.destination{display:none}.stops{padding-top:32px}.stops-heading{display:block}h1{font-size:29px}.stops-heading p{margin-top:13px;max-width:100%}#restaurant-index{grid-template-columns:repeat(2,1fr)}.stop{padding:13px;min-height:104px}footer{flex-wrap:wrap;font-size:9px}.price-note{font-size:9px}.primary{font-size:11px}.dish-thumbnails button{width:65px;height:52px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Restrained evening map and a camera that follows the selected stop. */
.city{background:#102129}.city-map{width:150%;height:150%;position:absolute;left:-25%;top:-25%;opacity:.66;transform:translate(var(--camera-x),var(--camera-y,0%)) scale(var(--camera-scale,1));transition:transform 1.4s cubic-bezier(.18,.65,.2,1)}.map-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,#12212928 0,#0b181bcc 90%)}.scene{background:#101e22}.tour-panel{background:#f7f1e5;box-shadow:0 32px 100px #0008;border:1px solid #c6ae7a20}.tour-stage{max-width:1130px}.photo img{transition:transform 1.4s cubic-bezier(.18,.65,.2,1)}.arrive .photo img{animation:photo-arrival 1.3s cubic-bezier(.18,.65,.2,1)}@keyframes photo-arrival{from{transform:scale(1.045)}to{transform:scale(1)}}.menu-panel .photo{min-height:475px}.tour-panel{border-radius:3px;overflow:hidden}.scene-caption{max-width:1130px;margin-left:auto;margin-right:auto}.stop.active{background:#e8dcc8}.stop{border-radius:2px}.destination{font-size:8px}.scene-caption span:last-child{color:#c4bba6}@media(max-width:600px){.menu-panel .photo{min-height:265px}.city-map{width:180%;height:180%;left:-40%;top:-40%}}@media(prefers-reduced-motion:reduce){.city-map,.photo img{animation:none!important;transition:none!important}}
.tour-welcome{min-height:475px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#f4e8d3}.tour-welcome h2{font-size:clamp(45px,6vw,78px);max-width:600px;letter-spacing:-2px}.tour-welcome p:not(.eyebrow){font-size:13px;color:#c3b9a5;margin:0 0 32px}.tour-welcome .eyebrow{color:#dea87a}.tour-welcome .primary{min-width:175px;text-align:center}.city-map{transform:perspective(1400px) translate(var(--camera-x),var(--camera-y,0%)) rotateX(14deg) rotateZ(-3deg) scale(var(--camera-scale,1));transform-origin:50% 65%}.tour-started .city-map{opacity:.5}.travel-arrive .tour-panel{animation:city-arrival 1.25s cubic-bezier(.16,.65,.2,1) both}.inside-menu .tour-stage{perspective:1500px}.arrive .menu-panel{animation:menu-popup .7s cubic-bezier(.16,.65,.2,1) both}@keyframes city-arrival{0%,30%{opacity:0;transform:translateY(35px) translateZ(-170px) scale(.87)}100%{opacity:1;transform:none}}@keyframes menu-popup{from{opacity:0;transform:translateY(20px) translateZ(-130px) scale(.94)}to{opacity:1;transform:none}}@media(max-width:600px){.tour-welcome{min-height:575px}.tour-welcome h2{font-size:52px}.tour-welcome p:not(.eyebrow){max-width:240px;line-height:1.8}.tour-stage{min-height:575px}}@media(prefers-reduced-motion:reduce){.tour-panel,.city-map{animation:none!important;transition:none!important}}
.navigation button{width:auto;min-width:48px;min-height:48px;border-radius:3px;padding:0 15px;font-size:13px}.navigation #back{font-size:22px}.navigation span{font-size:11px}.navigation span+span{font-size:12px}.scene-caption{font-size:11px}.menu-link{font-size:12px;min-height:30px;display:inline-flex;align-items:center}.primary{font-size:13px;min-height:48px}.stop-name{font-size:13px}.stop-cuisine{font-size:11px}.stop{position:relative;overflow:hidden}.stop-image{position:absolute;right:0;top:0;width:40%;height:100%;object-fit:cover;opacity:.16;z-index:-1}.image-unavailable{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:120px;background:#302d26;color:#c5b9a5;font-size:13px}.map-marker{position:absolute;z-index:0;border:1px solid #d9b88d88;background:#1a2b2ecf;color:#dbb789;width:30px;height:30px;border-radius:50%;font-size:9px;box-shadow:0 0 30px #c99b5940;pointer-events:none}.map-marker.active{background:#c78b56;color:#16272b;border-color:#ebc091}.city{pointer-events:none}.copy h2:focus{outline:none}@media(max-width:600px){.scene{padding-top:18px;padding-bottom:20px}.scene-caption{font-size:9px;margin-bottom:14px}.photo,.menu-panel .photo{height:clamp(175px,26vh,250px);min-height:175px}.copy{min-height:280px;padding:22px 7%}.tour-stage,.tour-welcome{min-height:0}.tour-welcome{height:63vh;min-height:380px}.tour-panel{min-height:0}.copy h2{font-size:30px;margin-bottom:12px}.description{margin-bottom:16px;line-height:1.6}.eyebrow{margin-bottom:10px}.price{font-size:25px;margin-bottom:10px}.dish-thumbnails{margin-bottom:14px}.navigation{gap:10px;margin-top:16px}.navigation>div{min-width:120px}.navigation span{font-size:9px}.navigation span+span{font-size:10px}.navigation button{padding:0 11px;font-size:11px;min-height:44px}.navigation #back{min-width:44px}.primary{font-size:12px;margin-bottom:16px}.menu-link{font-size:11px}.map-marker{display:none}}
.stop{isolation:isolate}.stop-image{z-index:0}.stop>span{position:relative;z-index:1}.menu-panel .photo .portrait-food{object-fit:contain;background:#ede4d5}.menu-panel .photo:has(.portrait-food){background:#ede4d5}.menu-panel .photo:has(.portrait-food):after{background:linear-gradient(transparent,#19140f55)}
.map-pins{width:150%;height:150%;position:absolute;left:-25%;top:-25%;transform:perspective(1400px) translate(var(--camera-x),var(--camera-y,0%)) rotateX(14deg) rotateZ(-3deg) scale(var(--camera-scale,1));transform-origin:50% 65%;transition:transform 1.4s cubic-bezier(.18,.65,.2,1)}@media(max-width:600px){.navigation>div{min-width:0;flex:1}.navigation{gap:8px}.navigation #next{max-width:135px}.map-pins{width:180%;height:180%;left:-40%;top:-40%}}@media(prefers-reduced-motion:reduce){.map-pins{transition:none}}