@font-face{font-family:Source Serif 4;src:url('/menu/nami/assets/fonts/serif-0.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Source Sans 3;src:url('/menu/nami/assets/fonts/sans-0.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Source Sans 3;src:url('/menu/nami/assets/fonts/sans-1.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--canvas:#fcfbf8;--ink:#201f1c;--muted:#66615c;--accent:#862f35;--rule:#dedad4;--ease:cubic-bezier(.16,1,.3,1);color:var(--ink);background:var(--canvas);font:16px/1.5 'Source Sans 3',sans-serif;font-synthesis:none;scroll-padding-top:24px}
*{box-sizing:border-box}body{margin:0}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer;min-height:44px}button:disabled{cursor:default;color:var(--muted)}a{color:inherit;text-underline-offset:5px}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:hover:not(:disabled),a:hover{color:var(--accent)}button:active:not(:disabled){transform:translateY(1px)}::selection{background:#f6ebeb;color:var(--accent)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Source Serif 4',Georgia,serif;font-weight:400;letter-spacing:-.025em;line-height:1.12;text-wrap:balance;overflow-wrap:anywhere}h1{font-size:2.75rem}h2{font-size:2rem}h3{font-size:1.25rem}.shell{max-width:480px;margin:auto;min-height:100svh;padding-bottom:calc(5rem + 32px)}.masthead{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;align-items:center;padding:20px 24px 8px;padding-top:max(20px,env(safe-area-inset-top))}.wordmark{font:400 1.5rem 'Source Serif 4',serif;letter-spacing:.18em;text-decoration:none;display:flex;min-height:44px;align-items:center}.context{text-align:right;padding:4px 0;font-size:.875rem}.context span{display:block;color:var(--muted);font-size:.8125rem}.editorial{padding:30px 0 0;overflow:hidden}.editorial h1,.editorial>p{margin:0 24px}.editorial>p{color:var(--muted);margin-top:12px;line-height:1.4}.hero-dish{display:block;position:relative;width:100%;padding:0;margin:0;line-height:0}.hero-dish img{width:114%;height:auto;display:block;margin-left:-7%;mix-blend-mode:multiply}.hero-dish>span{position:absolute;right:8%;top:26%;writing-mode:vertical-rl;color:var(--accent);font:1.1rem/1.4 'Noto Serif JP','Hiragino Mincho ProN',serif;letter-spacing:.08em}.hero-caption{display:flex;justify-content:space-between;align-items:center;width:calc(100% - 48px);margin:-34px 24px 0;position:relative;padding:8px 0;font:1.25rem 'Source Serif 4',serif}.browse-link{display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;min-height:52px;margin:16px 24px 0;border-top:1px solid var(--rule);font-size:.875rem}.icon{display:inline-block;width:22px;height:22px;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat;flex-shrink:0}.catalogue{padding-top:56px;scroll-margin-top:20px}.catalogue-heading{padding:0 24px 4px}.catalogue-heading p{color:var(--muted);font-size:.875rem;margin-top:12px}.category{margin-top:36px}.section-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:0 24px}.section-heading h3{font-size:1.5rem}.section-heading span{white-space:nowrap;color:var(--muted);font-size:.875rem}.rail{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;padding:8px 24px 16px;scrollbar-width:thin;scrollbar-color:var(--rule) transparent}.dish-card{flex:0 0 174px;scroll-snap-align:start;min-width:0;text-align:left;padding:0;display:flex;flex-direction:column;align-items:stretch}.dish-card img{display:block;aspect-ratio:1;width:100%;height:auto;mix-blend-mode:multiply}.dish-card.premium img{filter:saturate(.48);opacity:.78}.dish-card .dish-name{font:1.125rem/1.3 'Source Serif 4',serif;margin:0 4px}.dish-meta{font-size:.8125rem;margin:7px 4px 0;color:var(--muted)}.premium-tag{color:var(--accent)}footer{padding:40px 24px 20px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:.8125rem;color:var(--muted)}footer a{display:flex;align-items:center;min-height:44px}.text-button{padding:8px 0;text-decoration:underline;text-underline-offset:5px}.dock{position:fixed;z-index:5;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(calc(100% - 32px),384px);display:flex;background:rgba(255,255,255,.96);border:1px solid var(--rule);border-radius:100px;padding:7px 10px}.dock>button{flex:1 1 0;min-width:0;overflow-wrap:anywhere;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:50px;font-size:.8125rem;position:relative}.dock>button[aria-current]{color:var(--accent)}.dock>button[aria-current]:after{content:'';position:absolute;bottom:0;width:20px;height:2px;background:var(--accent)}#draft-count{font-size:.75rem;font-weight:600;margin-left:3px}.muted{color:var(--muted)}dialog{position:fixed;inset:0;border:0;padding:0;margin:auto;width:min(100%,480px);height:100dvh;max-width:100%;max-height:100dvh;background:var(--canvas);color:var(--ink);overscroll-behavior:contain}dialog::backdrop{background:rgba(32,31,28,.3)}dialog[open] .detail-photo{animation:focus-food 240ms var(--ease)}body:has(dialog[open]){overflow:hidden}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;gap:16px;padding-top:max(12px,env(safe-area-inset-top));font-size:.875rem}.dialog-header>span{color:var(--muted)}.back{display:flex;gap:8px;align-items:center;padding:0 4px}.detail-photo{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;margin-top:-12px}.detail-copy{padding:0 24px 24px;margin-top:-16px}.detail-copy h1{font-size:2.5rem;margin-bottom:14px}.detail-copy .description{color:var(--muted);max-width:35ch}.portion{font-size:.875rem;margin-top:16px}.price-line{margin:20px 0 0;color:var(--accent);font-size:.9375rem}.order-controls{position:sticky;bottom:0;padding:16px 24px max(20px,env(safe-area-inset-bottom));background:var(--canvas);border-top:1px solid var(--rule)}.quantity-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.quantity-row>span{font-size:.875rem}.stepper{display:flex;align-items:center;border:1px solid #746f68;border-radius:100px;flex-shrink:0}.stepper button{min-width:44px;min-height:44px;display:grid;place-items:center;padding:0}.stepper output{min-width:28px;text-align:center;font-variant-numeric:tabular-nums}.action{border:1px solid var(--accent);color:var(--accent);border-radius:8px;width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;font-weight:600;transition:background-color 120ms}.action:hover{background:#f6ebeb}.action.added{background:#f6ebeb}.option-label{display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:16px}.option-label select{min-height:44px;padding:8px 36px 8px 12px;background:transparent;border:1px solid #746f68;border-radius:8px;max-width:100%}.orders-body{padding:24px}.orders-body>.muted{margin-top:12px;font-size:.9375rem}.draft-line{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;padding:24px 0;border-bottom:1px solid var(--rule)}.draft-line img{width:80px;height:80px;object-fit:contain;mix-blend-mode:multiply}.draft-line h2{font-size:1.25rem;letter-spacing:-.015em}.draft-line p{font-size:.8125rem;color:var(--muted);margin-top:6px}.draft-line .line-controls{grid-column:2;display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap}.draft-line .text-button{font-size:.875rem}.draft-total{display:flex;justify-content:space-between;margin:24px 0;font-variant-numeric:tabular-nums}.empty{padding:56px 0;text-align:center;color:var(--muted)}.empty .icon{width:36px;height:36px;margin-bottom:16px}.information{width:min(calc(100% - 32px),424px);height:auto;max-height:calc(100dvh - 48px);border-radius:12px;padding:56px 24px 28px}.information h1{font-size:2rem;margin-bottom:16px}.information p+p{margin-top:16px}.information .action{margin-top:24px}.information ul{padding-left:20px}.information li{margin-top:10px}.close{position:absolute;right:12px;top:12px;min-width:44px;display:grid;place-items:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes focus-food{from{transform:scale(.94)}to{transform:scale(1)}}#dish-title:focus{outline:none}@media(max-width:359px){h1{font-size:2.35rem}.masthead{padding-left:20px;padding-right:20px}.detail-copy h1{font-size:2.125rem}.order-controls,.detail-copy,.orders-body{padding-left:20px;padding-right:20px}.hero-caption{margin-top:-24px}.dish-card{flex-basis:158px}}@media(max-height:680px){.order-controls{position:static}.detail-photo{max-height:260px;object-fit:contain}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(prefers-reduced-transparency:reduce){.dock{background:white}}
