/* Tifflo cinematic rebuild: a continuous full-screen food-to-door scene, with ordering inside the experience. */
:root{--paper:oklch(98% .009 70);--surface:oklch(99% .006 70);--ink:oklch(24% .045 335);--muted:oklch(47% .025 335);--orange:oklch(68% .205 36);--orange-soft:oklch(92% .055 49);--orange-dark:oklch(46% .17 35);--lavender:oklch(88% .049 295);--lavender-ink:oklch(30% .09 310);--lime:oklch(88% .16 125);--line:oklch(87% .015 65);--focus:oklch(24% .045 335);--error:oklch(43% .17 25);--overlay:oklch(16% .03 335 / .68);--shadow:oklch(20% .025 335 / .14);--display:'Clash Display',sans-serif;--body:'Hanken Grotesk',sans-serif;--radius:22px;--radius-sm:12px;--gap:24px;--ease:cubic-bezier(.2,.7,.2,1);--stage-bg:#f96630;--stage-ink:#2e1825;--stage-rule:#2e18254d;--story-orange:#f96630;--story-paper:#f6e9d9;--story-dark:#211b1c;--story-lime:#d6e585;--story-lilac:#c4b4e2;--story-peach:#edac86;--bun:#c78029;--bun-light:#eab053;--meat:#492719;--cheese:#f6bd30;--tomato:#c63220;--lettuce:#6c9b25;--onion:#98547f;--pickle:#6d8b25;--seed:#f2d9a4;--metal:#686863;--rubber:#242426;--road:#918e8c;--stone:#d2c5b4;--skin:#c68755;--green:#8b9a68;--glass:#8eb0a9;--chrome:#d7d3cd;--cream:#efe0ca;--scene-red:#d34526;--scene-white:#fff3dd;--glow:#f47e24;--clear:transparent}
*{box-sizing:border-box}html{overflow-x:clip;scroll-behavior:smooth}body{margin:0;overflow-x:clip;background:var(--stage-bg);color:var(--stage-ink);font:400 16px/1.5 var(--body);font-synthesis:none;scrollbar-width:thin;scrollbar-color:var(--stage-ink) var(--stage-bg);caret-color:var(--ink)}::selection{background:var(--lime);color:var(--ink)}button,input,select,textarea{font:inherit;color:inherit}button{border:0;cursor:pointer;white-space:nowrap}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}p{margin:0;text-wrap:pretty}h1,h2,h3{margin:0;font-family:var(--display);font-weight:600;line-height:1;letter-spacing:-.02em;min-width:0;overflow-wrap:break-word;text-wrap:balance}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:5px}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button:active{transform:translateY(1px)}button{transition:background-color .18s var(--ease),color .18s var(--ease),transform .18s var(--ease)}svg{width:22px;height:22px;flex-shrink:0;vertical-align:middle}span[data-icon]{display:inline-flex;align-items:center}img{display:block;max-width:100%}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;top:0;left:20px;padding:12px 20px;background:var(--paper);color:var(--ink);z-index:1000;transform:translateY(-150%)}.skip:focus{transform:none}
#cinema{position:fixed;inset:0;z-index:0;pointer-events:none}#cinema canvas{display:block;width:100%;height:100%;opacity:0}#cinema.webgl-ready canvas{opacity:1}.cinema-hero-photo{position:absolute;right:0;top:10%;height:80%;width:60%;object-fit:contain;z-index:1}.webgl-ready .cinema-hero-photo{opacity:0}.scene-shade{position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--stage-bg) 0%,var(--stage-bg) 12%,var(--clear) 58%)}
.cinema-header{position:fixed;z-index:50;top:0;left:0;right:0;padding:28px 48px;display:flex;align-items:center;gap:40px;color:var(--stage-ink)}.wordmark{display:inline-flex;align-items:center;gap:4px;font-family:var(--display);font-size:45px;letter-spacing:-.035em;font-weight:700;line-height:1}.wordmark>span{display:flex;align-items:center}.wordmark svg{width:32px;height:32px}.nav-motto{font-size:12px;margin-left:20px}.header-actions{display:flex;align-items:center;gap:20px;margin-left:auto}.cinema-location{display:flex;align-items:center;gap:8px;background:none;font-size:12px;padding:10px 0;max-width:190px}.cinema-location>span:last-child{overflow:hidden;text-overflow:ellipsis}.cinema-location svg{width:17px;height:17px}.order-button{display:inline-flex;align-items:center;gap:24px;padding:12px 20px;border:1px solid currentColor;border-radius:28px;background:var(--clear);font-size:13px;font-weight:600;min-height:46px}.order-button:hover,.scene-action:hover{background:var(--stage-ink);color:var(--stage-bg)}.cart-button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid currentColor;border-radius:50%;background:var(--clear);width:48px;height:48px;position:relative}.cart-button b{position:absolute;right:-4px;top:-5px;font-size:10px;font-weight:600;background:var(--stage-ink);color:var(--stage-bg);border-radius:50%;width:18px;height:18px;display:grid;place-items:center}.cart-button svg{width:20px}
#story{position:relative;z-index:2}.chapter{height:110svh;position:relative;pointer-events:none;display:flex;align-items:center;padding:120px max(7vw,32px) 150px;max-width:1920px;margin-inline:auto}.chapter:first-child{height:100svh}.chapter:last-child{height:110svh}.chapter-copy{width:min(42%,580px);position:relative;z-index:2}.chapter h1,.chapter h2{font-size:clamp(66px,7.2vw,112px);line-height:.98;letter-spacing:-.02em;font-weight:600;max-width:10ch}.chapter p{font-size:16px;max-width:29ch;line-height:1.6;margin-top:28px}.scene-action{pointer-events:auto;display:inline-flex;align-items:center;gap:36px;min-height:50px;padding:14px 0 10px;background:none;border-bottom:1px solid currentColor;border-radius:0;font-size:14px;font-weight:600;margin-top:20px}.scene-action:hover{background:none;color:inherit;opacity:.7}.scene-action svg{width:20px}.chapter-copy>*{will-change:transform}
.cinema-bottom{position:fixed;z-index:40;bottom:48px;left:48px;right:48px;display:flex;align-items:center;gap:40px}.chapter-position{display:flex;flex-direction:column;min-width:170px;font-size:12px}.chapter-position>span:first-child{font-size:11px;font-variant-numeric:tabular-nums;margin-bottom:5px}.chapter-nav{display:flex;width:min(650px,55%);margin-inline:auto;gap:12px}.chapter-nav button{position:relative;background:none;flex:1;min-width:0;padding:16px 0 0;min-height:44px;text-align:left;font-size:11px;opacity:.6}.chapter-nav button[aria-current=true]{opacity:1}.chapter-tick{position:absolute;top:6px;left:0;right:0;height:2px;background:currentColor;opacity:.3;transform-origin:left}.chapter-nav button[aria-current=true] .chapter-tick{opacity:1;height:3px}.chapter-nav button:hover{opacity:1}.next-chapter{background:none;width:48px;height:48px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;margin-left:auto}.next-chapter svg{width:21px}.next-chapter:hover{background:var(--stage-ink);color:var(--stage-bg)}.experience-note{position:fixed;z-index:40;bottom:14px;left:48px;right:48px;display:flex;align-items:center;justify-content:space-between;font-size:10px;opacity:.78}.experience-note button{background:none;font-size:10px;padding:4px 0;text-decoration:underline;text-underline-offset:3px}
.primary{min-height:48px;display:inline-flex;justify-content:center;align-items:center;gap:14px;padding:12px 22px;background:var(--ink);color:var(--paper);border-radius:var(--radius-sm);font-weight:600}.primary:hover{background:var(--orange-dark)}.primary svg{width:20px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:none;flex-shrink:0}.icon-button:hover{background:var(--orange-soft)}.text-button{background:none;padding:0;font-weight:600;text-decoration:underline;text-underline-offset:3px}.text-button:hover{color:var(--orange-dark)}.sample-note{font-size:12px;color:var(--muted)}
.discovery{padding-top:72px;padding-bottom:64px;scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:center}.section-heading h2{font-size:36px}.section-heading p{margin-top:10px;color:var(--muted)}.search-field{display:flex;align-items:center;gap:12px;border:1px solid var(--muted);border-radius:30px;min-width:320px;padding:0 18px;height:50px}.search-field input{border:0;outline-offset:2px;background:none;width:100%;font-size:14px}.categories{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px;margin:36px 0 32px}.category{display:flex;align-items:center;flex-direction:column;gap:10px;background:none;padding:10px 8px;border-radius:var(--radius-sm);font-weight:600;font-size:14px}.category .category-visual{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;background:var(--orange-soft);transition:background-color .2s var(--ease);position:relative;overflow:hidden}.category .category-visual svg{width:38px;height:38px}.category[aria-pressed=true] .category-visual{background:var(--ink);color:var(--paper)}.category:hover{background:var(--orange-soft)}.category[aria-pressed=true]{background:var(--orange-soft)}.category .food-thumb{width:80px;height:80px;border-radius:50%;background-size:300% 200%;background-image:url('assets/food.jpg')}.category[aria-pressed=true] .food-thumb{outline:3px solid var(--ink);outline-offset:4px}.filter-row{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:24px}.filter-options{display:flex;gap:10px}.filter{padding:10px 16px;border:1px solid var(--line);border-radius:24px;background:none;font-size:13px;display:flex;gap:7px;align-items:center;min-height:44px}.filter svg{width:17px;height:17px}.filter[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filter:hover{border-color:var(--ink)}.sort-label{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted)}select{border:0;background:none;font-weight:600;max-width:155px;padding:8px 0;color:var(--ink)}.results-heading{display:flex;align-items:center;justify-content:space-between;margin:30px 0 22px}.results-heading h3{font-size:26px}.results-heading>span{font-size:13px;color:var(--muted)}.restaurant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.restaurant-card{position:relative;min-width:0}.card-main{display:block;width:100%;background:none;text-align:left;padding:0;white-space:normal}.food-image{background-image:url('assets/food.jpg');background-size:300% auto;background-repeat:no-repeat;background-color:var(--orange-soft);aspect-ratio:1.7;border-radius:18px;position:relative}.card-main:hover .food-image{outline:2px solid var(--orange-dark);outline-offset:3px}.food-image[data-food="0"],.food-thumb[data-food="0"]{background-position:0% 0%}.food-image[data-food="1"],.food-thumb[data-food="1"]{background-position:50% 0%}.food-image[data-food="2"],.food-thumb[data-food="2"]{background-position:100% 0%}.food-image[data-food="3"],.food-thumb[data-food="3"]{background-position:0% 100%}.food-image[data-food="4"],.food-thumb[data-food="4"]{background-position:50% 100%}.food-image[data-food="5"],.food-thumb[data-food="5"]{background-position:100% 100%}.card-tag{position:absolute;bottom:12px;left:12px;background:var(--paper);border-radius:7px;padding:5px 10px;font-size:12px;font-weight:700}.save-restaurant{position:absolute;right:12px;top:12px;background:var(--paper);width:38px;height:38px;z-index:2}.save-restaurant svg{width:19px;height:19px}.save-restaurant[aria-pressed=true]{color:var(--orange-dark)}.save-restaurant[aria-pressed=true] svg{fill:currentColor}.restaurant-name{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:15px}.restaurant-name h4{font-family:var(--display);font-size:23px;font-weight:600;line-height:1.2;margin:0;letter-spacing:-.025em}.restaurant-name svg{width:18px}.restaurant-cuisine{color:var(--muted);font-size:14px;display:block;margin-top:6px}.restaurant-meta{display:flex;align-items:center;gap:18px;font-size:13px;margin-top:10px}.restaurant-meta>span{display:flex;align-items:center;gap:5px}.restaurant-meta svg{width:15px;height:15px}.sample-note{font-size:12px;color:var(--muted);margin-top:28px}.empty-results{text-align:center;padding:64px 20px}.empty-results>svg{width:40px;height:40px;margin-bottom:16px}.empty-results h3{margin-bottom:8px}.empty-results .primary{margin-top:24px}dialog{color:var(--ink);background:var(--paper);border:0;border-radius:24px;padding:28px;width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow-y:auto;box-shadow:0 20px 80px var(--shadow)}dialog::backdrop{background:var(--overlay);}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px}.dialog-head h2{font-size:28px}.dialog-head>.icon-button{background:var(--orange-soft)}dialog>p{color:var(--muted);font-size:14px}dialog form>label{display:block;font-size:14px;font-weight:600;margin:20px 0 8px}dialog input,dialog textarea{width:100%;border:1px solid var(--muted);background:var(--surface);border-radius:var(--radius-sm);padding:13px 14px}dialog textarea{resize:vertical;min-height:75px}.area-options{display:flex;flex-direction:column;margin-top:14px}.area-option{display:flex;align-items:center;gap:12px;background:none;padding:15px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:normal}.area-option:hover{background:var(--orange-soft)}.area-option span:last-child{display:flex;flex-direction:column}.area-option small{color:var(--muted);font-size:12px}.form-message{min-height:22px;color:var(--error);font-size:13px;margin:10px 0}.dialog-note{font-size:12px;padding-top:15px}.menu-dialog{width:min(800px,calc(100% - 32px));padding:0}.menu-hero{position:relative}.menu-hero>.food-image{border-radius:24px 24px 0 0;aspect-ratio:2.8}.menu-hero>.icon-button{position:absolute;right:18px;top:18px;background:var(--paper)}.menu-header{padding:24px 30px}.menu-header h2{font-size:36px}.menu-header p{font-size:14px;color:var(--muted);margin-top:7px}.menu-header .restaurant-meta{flex-wrap:wrap}.menu-warning{background:var(--orange-soft);padding:12px 30px;font-size:12px}.menu-list{padding:0 30px}.menu-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.menu-item h3{font-size:21px;letter-spacing:-.025em;display:flex;align-items:center;gap:8px}.menu-item h3 svg{width:16px;height:16px;color:var(--orange-dark)}.menu-item p{font-size:14px;color:var(--muted);max-width:45ch;margin:7px 0}.menu-item strong{font-size:14px;font-variant-numeric:tabular-nums}.add-button{display:flex;gap:9px;align-items:center;background:none;border:1px solid var(--ink);padding:9px 15px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;min-height:44px}.add-button:hover{background:var(--orange-soft)}.add-button svg{width:18px}.menu-footer{position:sticky;bottom:0;padding:18px 30px;background:var(--paper);border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px}.menu-footer .primary{min-height:46px}.cart-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(480px,100%);height:100dvh;max-height:100dvh;border-radius:24px 0 0 24px;padding:28px;display:none}.cart-dialog[open]{display:flex;flex-direction:column}.cart-dialog .dialog-head{flex-shrink:0}.cart-dialog #cart-content{overflow-y:auto;flex:1;display:flex;flex-direction:column}.cart-empty{padding:70px 12px;text-align:center;display:grid;justify-items:center;gap:16px}.cart-empty>svg{width:60px;height:60px;color:var(--orange-dark)}.cart-empty p{font-size:14px;color:var(--muted);max-width:28ch}.cart-kitchen{font-weight:600;font-size:15px;padding:14px 0;border-bottom:1px solid var(--line)}.cart-kitchen small{display:block;color:var(--muted);font-weight:400;font-size:12px;margin-top:4px}.cart-line{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line)}.cart-line h3{font-family:var(--body);font-size:15px;letter-spacing:0;font-weight:600}.cart-line p{font-size:13px;color:var(--muted);margin:5px 0}.quantity{display:flex;align-items:center;border:1px solid var(--line);border-radius:30px;flex-shrink:0}.quantity button{width:34px;height:36px;background:none;display:grid;place-items:center;border-radius:50%}.quantity button:hover{background:var(--orange-soft)}.quantity svg{width:15px;height:15px}.quantity span{min-width:20px;text-align:center;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.cart-totals{padding-top:24px;margin-top:auto}.totals-row{display:flex;justify-content:space-between;gap:16px;font-size:14px;padding:6px 0;font-variant-numeric:tabular-nums}.total-row{font-weight:700;font-size:20px;border-top:1px solid var(--line);padding:16px 0;margin-top:10px}.cart-totals>.primary{width:100%;margin-top:12px}.cart-totals>.sample-note{margin-top:12px}.clear-cart{display:block;background:none;font-size:12px;color:var(--muted);text-decoration:underline;margin:16px auto 0;min-height:32px}.checkout-dialog{width:min(640px,calc(100% - 32px))}.demo-notice{padding:14px 16px;background:var(--lavender);color:var(--lavender-ink);font-size:13px;border-radius:var(--radius-sm);margin:18px 0}.checkout-area{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:14px;background:var(--orange-soft);padding:14px 16px;border-radius:var(--radius-sm);margin-top:20px}.checkout-area button{font-size:13px}.review-lines{margin:16px 0}.review-line{display:flex;justify-content:space-between;gap:15px;font-size:14px;padding:7px 0}.checkout-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}.checkout-actions p{font-size:12px;color:var(--muted);text-align:center}.complete-icon{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:var(--lime);margin:20px 0}.complete-icon svg{height:32px;width:32px}.receipt-title{font-size:32px;margin-bottom:14px}.receipt-note{font-size:14px;color:var(--muted)}.receipt-id{font-size:12px;color:var(--muted);margin:20px 0 10px}.notice-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.notice-actions>button{min-height:44px}.notice-content p,#notice-content p{font-size:15px;margin-top:16px;color:var(--muted)}
.browse-dialog{position:fixed;inset:0 0 0 auto;margin:0;padding:0;width:min(1120px,100%);height:100dvh;max-height:100dvh;border-radius:0;overflow-y:auto;box-shadow:-20px 0 80px var(--shadow)}.browse-top{display:flex;align-items:center;gap:28px;padding:26px 40px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:10}.browse-top .wordmark{font-size:38px}.browse-top>span{font-size:13px;color:var(--muted)}.browse-top .icon-button{margin-left:auto;background:var(--orange-soft)}.browse-location{padding:28px 40px 0}.address-form{display:flex;align-items:center;gap:12px;max-width:600px}.address-form input{background:var(--surface);min-width:0;flex:1;height:48px;border:1px solid var(--muted);border-radius:12px;padding:10px 16px}.address-form .primary{min-height:48px}.browse-location>p{font-size:12px;color:var(--muted);margin-top:10px}.discovery{padding:32px 40px 100px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:28px}.section-heading h2{font-size:34px;max-width:13ch;line-height:1.05}.section-heading p{font-size:14px;color:var(--muted);margin-top:10px}.search-field{display:flex;align-items:center;gap:10px;border:1px solid var(--muted);border-radius:30px;padding:0 16px;height:48px;min-width:260px}.search-field input{border:0;width:100%;height:44px;background:none;font-size:14px}.search-field input:focus-visible{outline-offset:0}.categories{gap:8px;margin:28px 0}.category{font-size:12px}.category .category-visual,.category .food-thumb{width:65px;height:65px}.category .category-visual svg{width:30px;height:30px}.filter{font-size:12px;padding:8px 12px}.filter-options{gap:8px;flex-wrap:wrap}.sort-label{font-size:12px}.sort-label select{padding:8px 4px;font-size:12px}.restaurant-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}.restaurant-name h4{font-size:21px}.restaurant-cuisine{font-size:13px}.restaurant-meta{gap:12px;font-size:12px;flex-wrap:wrap}.food-image[data-food="0"]{background-position:0% 14%}.food-image[data-food="1"]{background-position:50% 14%}.food-image[data-food="2"]{background-position:100% 14%}.food-image[data-food="3"]{background-position:0% 86%}.food-image[data-food="4"]{background-position:50% 86%}.food-image[data-food="5"]{background-position:100% 86%}.browse-cart{display:flex;align-items:center;gap:16px;position:sticky;bottom:18px;margin:-76px 40px 24px auto;width:320px;max-width:calc(100% - 48px);background:var(--ink);color:var(--paper);padding:16px 22px;border-radius:30px;z-index:10;font-size:14px;box-shadow:0 8px 24px var(--shadow)}.browse-cart>span:last-child{margin-left:auto;font-variant-numeric:tabular-nums}.menu-header h2{line-height:1.1}.cart-dialog .dialog-head h2{line-height:1.1}.menu-item h3{line-height:1.15}.menu-item .quantity{background:var(--paper)}.menu-dialog,.cart-dialog,.checkout-dialog,#location-dialog,#notice-dialog{z-index:200}.dialog-head h2{line-height:1.1}.cart-empty h3{font-size:28px}.browse-dialog :focus-visible,dialog :focus-visible{outline-color:var(--focus)}dialog::backdrop{background:var(--overlay)}.noscript{position:fixed;z-index:200;bottom:80px;left:20px;right:20px;background:var(--paper);color:var(--ink);padding:20px;font-size:14px}
@media(min-width:1921px){.chapter{padding-inline:140px}.cinema-header,.cinema-bottom,.experience-note{max-width:1920px;margin-inline:auto}.cinema-header{padding-inline:140px}.cinema-bottom{left:140px;right:140px}.experience-note{left:140px;right:140px}}
@media(max-width:1100px){.cinema-header{padding:26px 32px;gap:24px}.nav-motto{display:none}.header-actions{gap:16px}.chapter{padding-inline:6vw}.chapter h1,.chapter h2{font-size:clamp(62px,8vw,88px)}.chapter-copy{width:44%}.cinema-bottom{left:32px;right:32px;gap:28px}.chapter-position{min-width:130px}.experience-note{left:32px;right:32px}.chapter-nav{width:60%;gap:8px}.chapter-nav-label{font-size:10px}}
@media(max-width:750px){.cinema-header{padding:22px 24px}.wordmark{font-size:40px}.wordmark svg{width:28px;height:28px}.cinema-location{display:none}.header-actions{gap:14px}.order-button{gap:18px;font-size:12px;padding:10px 16px;min-height:44px}.cart-button{width:44px;height:44px}.chapter{padding:120px 24px 160px;align-items:flex-start;height:110svh}.chapter:first-child{height:100svh}.chapter-copy{width:100%;max-width:440px}.chapter h1,.chapter h2{font-size:clamp(53px,10vw,78px);line-height:.98;max-width:12ch}.chapter p{font-size:14px;max-width:28ch;margin-top:18px}.scene-action{font-size:13px;gap:24px;margin-top:10px;min-height:44px}.scene-shade{background:none}.cinema-bottom{bottom:52px;left:24px;right:24px;gap:20px}.chapter-position{font-size:12px;min-width:80px}.chapter-position>span:first-child{font-size:10px}.chapter-nav{width:auto;flex:1;gap:6px}.chapter-nav button{padding-top:0;min-height:44px}.chapter-tick{top:21px}.chapter-nav-label{display:none}.next-chapter{width:42px;height:42px;flex-shrink:0}.experience-note{bottom:14px;left:24px;right:24px;font-size:9px;gap:15px}.experience-note button{font-size:9px}.cinema-hero-photo{top:38%;right:0;width:100%;height:50%}.browse-top{padding:18px 22px;gap:20px}.browse-top>span{font-size:12px}.browse-location{padding:22px 22px 0}.discovery{padding:28px 22px 100px}.section-heading{flex-direction:column;align-items:flex-start;gap:20px}.section-heading h2{font-size:32px;max-width:14ch}.search-field{width:100%;min-width:0}.categories{display:flex;gap:12px;overflow-x:auto;margin:24px -22px;padding:5px 22px 12px}.category{flex-shrink:0;min-width:68px}.filter-row{flex-direction:column;align-items:flex-start;gap:12px}.filter-options{flex-wrap:nowrap;overflow-x:auto;width:100%;padding:4px 0}.sort-label{align-self:flex-end}.restaurant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.restaurant-meta{font-size:11px;gap:7px}.restaurant-name h4{font-size:21px}.restaurant-cuisine{font-size:12px}.results-heading h3{font-size:24px}.results-heading>span{font-size:11px}.address-form>span{display:none}.address-form{gap:8px}.address-form input{padding:10px 12px;font-size:13px}.address-form .primary{padding:12px 16px;font-size:13px}.browse-cart{margin-right:22px;bottom:16px;font-size:13px}.menu-header,.menu-list{padding-inline:22px}.menu-warning{padding-inline:22px}.menu-footer{padding:16px 22px}.menu-item{gap:12px}.menu-item h3{font-size:20px}.menu-item p{font-size:13px}.menu-footer .primary{font-size:13px;padding-inline:16px}.menu-footer{font-size:12px}dialog{padding:22px}.dialog-head h2{font-size:26px}.cart-dialog{padding:22px}.checkout-dialog .dialog-head h2{font-size:25px}.cart-dialog .dialog-head h2{font-size:26px}}
@media(max-width:450px){.restaurant-grid{grid-template-columns:minmax(0,1fr)}.food-image{aspect-ratio:1.9}.restaurant-meta{font-size:13px;gap:16px}.restaurant-name h4{font-size:24px}.restaurant-cuisine{font-size:14px}.browse-top>span{display:none}.chapter{padding-top:118px}.chapter h1,.chapter h2{font-size:56px}.chapter p{max-width:26ch;font-size:14px}.chapter-copy{max-width:345px}.order-button{padding:10px 14px;gap:10px}.cinema-header{gap:16px}.header-actions{gap:12px}.wordmark{font-size:37px}.wordmark svg{width:26px;height:26px}.experience-note{font-size:8px}.experience-note button{font-size:9px}.chapter-position{min-width:90px}}
@media(max-height:650px) and (min-width:751px){.cinema-header{padding-block:20px}.chapter{padding-top:100px;padding-bottom:110px}.chapter h1,.chapter h2{font-size:72px}.chapter p{margin-top:18px}.cinema-bottom{bottom:40px}.experience-note{bottom:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.chapter-copy>*{will-change:auto}}

@media(min-width:751px){.chapter-copy{width:48%;max-width:640px}.chapter h1{max-width:none;font-size:clamp(78px,7vw,108px)}}

.browse-dialog{max-width:none}.experience-note,.experience-note button{font-size:11px}

:root{--receiver-hair:#3b2925;--receiver-denim:#35485a;--receiver-hoodie:#b6a3ce;--receiver-shoe:#f2e5d5}

.chapter:last-child{height:100svh}

/* Responsive story: reserve distinct space for copy, the scene and fixed controls. */
:root{--story-copy-top:108px;--story-art-top:118px;--story-art-left:51%;--story-art-width:45%;--story-art-height:65svh;--scene-mask:rgba(0,0,0,1)}
.cinema-header .wordmark,.header-actions,.cart-button,.order-button{flex-shrink:0}.header-actions{min-width:0}.cinema-header .wordmark{white-space:nowrap}.chapter-copy{min-width:0}.chapter h1,.chapter h2{max-width:none}.chapter h2{font-size:clamp(56px,6vw,94px)}
.cinema-hero-photo{left:var(--story-art-left);right:auto;top:var(--story-art-top);width:var(--story-art-width);height:var(--story-art-height)}
#cinema{mask-image:linear-gradient(to bottom,var(--clear) max(0px,calc(var(--story-art-top) - 12px)),var(--scene-mask) var(--story-art-top),var(--scene-mask) calc(var(--story-art-top) + var(--story-art-height)),var(--clear) calc(var(--story-art-top) + var(--story-art-height) + 12px))}
html[data-story-layout="stacked"] .cinema-header{padding:18px 20px;gap:12px;padding-top:calc(18px + env(safe-area-inset-top))}html[data-story-layout="stacked"] .wordmark{font-size:36px}html[data-story-layout="stacked"] .wordmark svg{width:25px;height:25px}html[data-story-layout="stacked"] .nav-motto,html[data-story-layout="stacked"] .cinema-location{display:none}html[data-story-layout="stacked"] .header-actions{gap:10px}html[data-story-layout="stacked"] .order-button{font-size:12px;min-height:42px;padding:10px 14px;gap:12px}html[data-story-layout="stacked"] .cart-button{width:42px;height:42px}
html[data-story-layout="stacked"] .chapter{height:110svh;min-height:620px;align-items:flex-start;padding:var(--story-copy-top) 20px 130px}html[data-story-layout="stacked"] .chapter:first-child,html[data-story-layout="stacked"] .chapter:last-child{height:100svh}html[data-story-layout="stacked"] .chapter-copy{width:100%;max-width:680px}html[data-story-layout="stacked"] .chapter h1{font-size:clamp(42px,11vw,68px);line-height:1.0}html[data-story-layout="stacked"] .chapter h2{font-size:clamp(38px,10.5vw,64px);line-height:1.02}html[data-story-layout="stacked"] .chapter p{font-size:14px;line-height:1.5;max-width:34ch;margin-top:16px}html[data-story-layout="stacked"] .scene-action{font-size:13px;min-height:42px;margin-top:10px;padding-top:8px;padding-bottom:8px;gap:20px}
html[data-story-layout="stacked"] .scene-shade{background:none}html[data-story-layout="stacked"] .cinema-bottom{display:grid;grid-template-columns:minmax(0,1fr) 40px;grid-template-rows:40px 36px;gap:3px 14px;left:20px;right:20px;bottom:calc(34px + env(safe-area-inset-bottom))}html[data-story-layout="stacked"] .chapter-position{grid-column:1;grid-row:1;display:flex;flex-direction:row;gap:10px;align-items:center;min-width:0;font-size:12px}html[data-story-layout="stacked"] .chapter-position>span:first-child{font-size:10px;margin:0}html[data-story-layout="stacked"] .chapter-nav{grid-column:1 / -1;grid-row:2;width:100%;margin:0;gap:6px;min-width:0}html[data-story-layout="stacked"] .chapter-nav button{min-height:36px;padding:0;min-width:24px}html[data-story-layout="stacked"] .chapter-tick{top:17px}html[data-story-layout="stacked"] .chapter-nav-label{display:none}html[data-story-layout="stacked"] .next-chapter{grid-column:2;grid-row:1;width:40px;height:40px;margin:0}html[data-story-layout="stacked"] .experience-note{left:20px;right:20px;bottom:calc(9px + env(safe-area-inset-bottom));gap:8px;font-size:10px;align-items:center}html[data-story-layout="stacked"] .experience-note button{font-size:10px}html[data-story-layout="stacked"] .experience-note>span{min-width:0;text-align:right}
@media(max-width:400px){html[data-story-layout="stacked"] .cinema-header{padding-inline:16px;gap:10px}html[data-story-layout="stacked"] .wordmark{font-size:32px}html[data-story-layout="stacked"] .wordmark svg{width:22px;height:22px}html[data-story-layout="stacked"] .header-actions{gap:8px}html[data-story-layout="stacked"] .order-button{padding-inline:13px}html[data-story-layout="stacked"] .order-button>[data-icon]{display:none}html[data-story-layout="stacked"] .cart-button{width:40px;height:40px}html[data-story-layout="stacked"] .chapter{padding-inline:16px}html[data-story-layout="stacked"] .cinema-bottom,html[data-story-layout="stacked"] .experience-note{left:16px;right:16px}}
@media(max-height:600px) and (min-width:480px){.cinema-header{padding:12px 24px;gap:20px}.cinema-header .wordmark{font-size:32px}.cinema-header .wordmark svg{width:23px;height:23px}.nav-motto,.cinema-location{display:none}.header-actions{gap:12px}.order-button{min-height:38px;padding:8px 15px}.cart-button{width:40px;height:40px}.chapter{height:110svh;align-items:flex-start;padding:var(--story-copy-top) 24px 90px}.chapter-copy{width:47%;max-width:600px}.chapter h1{font-size:clamp(34px,9vh,50px);line-height:1.0}.chapter h2{font-size:clamp(32px,8.5vh,48px);line-height:1.0}.chapter p{font-size:12px;line-height:1.45;margin-top:12px;max-width:35ch}.scene-action{font-size:12px;min-height:36px;margin-top:7px;padding:7px 0;gap:20px}.cinema-bottom{left:24px;right:24px;bottom:29px;gap:20px}.chapter-position{min-width:115px;font-size:11px}.chapter-position>span:first-child{font-size:9px}.chapter-nav{gap:7px;width:60%}.chapter-nav button{min-height:35px;padding:0}.chapter-tick{top:16px}.chapter-nav-label{display:none}.next-chapter{width:36px;height:36px}.experience-note{left:24px;right:24px;bottom:5px;font-size:9px}.experience-note button{font-size:9px}}
/* Dialog content can shrink within a narrow viewport instead of widening its panel. */
dialog{overscroll-behavior:contain;scroll-padding-block:20px}.dialog-head{gap:14px}.dialog-head h2{min-width:0;overflow-wrap:anywhere}.dialog-head>.icon-button{flex-shrink:0}.menu-item>div,.cart-line>div:first-child,.checkout-area>span,.review-line>span,.totals-row>span:first-child{min-width:0}.menu-item h3{display:block;overflow-wrap:anywhere}.menu-item h3>span{display:inline-flex;margin-left:6px}.cart-line h3{overflow-wrap:anywhere}.menu-footer>span{min-width:0}.menu-footer>.primary{flex-shrink:0}.checkout-area>span{overflow-wrap:anywhere}.review-line strong,.totals-row>span:last-child{flex-shrink:0}.notice-actions{flex-wrap:wrap}.cart-dialog #cart-content{min-height:0;overscroll-behavior:contain}.menu-hero>.icon-button{z-index:2}.browse-top .wordmark{flex-shrink:0}
@media(max-width:600px){dialog:not(.browse-dialog):not(.cart-dialog){width:calc(100% - 24px);max-height:calc(100dvh - 24px);margin:12px auto}.browse-top{padding:16px 18px}.browse-location{padding:18px 18px 0}.discovery{padding:24px 18px 94px}.categories{margin-inline:-18px;padding-inline:18px}.browse-cart{margin-right:18px;max-width:calc(100% - 36px)}.menu-header,.menu-list{padding-inline:18px}.menu-warning{padding-inline:18px}.menu-footer{padding:14px 18px;gap:12px}.menu-footer .primary{padding-inline:14px;font-size:12px}.menu-item{gap:12px}.menu-item h3{font-size:19px}.menu-item p{font-size:13px;line-height:1.45}.cart-dialog{padding:20px;border-radius:18px 0 0 18px}.cart-line{gap:12px}.quantity button{width:32px;min-width:32px;height:36px}.quantity span{min-width:19px}dialog .primary{white-space:normal;min-width:0}dialog input,dialog textarea,dialog select{max-width:100%;min-width:0;font-size:16px}.checkout-area{padding:12px;gap:10px}.checkout-area button{font-size:12px;flex-shrink:0}.review-line,.totals-row{font-size:13px;gap:10px}.total-row{font-size:18px}.checkout-actions .primary{gap:10px;padding-inline:12px}.browse-top>span{display:none}.search-field input{font-size:16px}.address-form input{font-size:16px}.address-form .primary{padding-inline:12px;font-size:12px}}
@media(max-height:500px){.browse-top{padding-block:10px}.browse-top .wordmark{font-size:30px}.browse-top .wordmark svg{width:23px;height:23px}.browse-location{padding-top:14px}.discovery{padding-top:20px}.menu-footer{padding-block:10px}.menu-hero>.food-image{max-height:130px;aspect-ratio:3.8}.menu-header{padding-block:16px}.dialog-head h2{font-size:24px}dialog{max-height:calc(100dvh - 20px)}}

.menu-close-bar{position:sticky;top:12px;z-index:20;height:0;display:flex;justify-content:flex-end;padding-inline:18px;pointer-events:none}.menu-close-bar>.icon-button{pointer-events:auto;background:var(--paper);box-shadow:0 2px 12px var(--shadow)}.checkout-dialog .dialog-head,#location-dialog .dialog-head,#notice-dialog .dialog-head{position:sticky;top:0;background:var(--paper);z-index:3;padding-bottom:12px}