:root{color-scheme:dark;--charcoal: #1b1815;--paper: #f4d4a1;--cream: #fff7e8;--yellow: #ffe100;--red: #b92118;--blue: #1575b6;--muted: #c4b9aa;--line: #ffffff24;--side-paper: #3c1d16;--masthead-height: 104px;--display-font: "Yuji Syuku", "Noto Serif JP", serif;--body-font: "Noto Sans JP", "Noto Sans Arabic", "Noto Sans Thai", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--masthead-height) + 76px)}body{margin:0;background-color:var(--charcoal);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.065' filter='url(%23grain)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");color:var(--cream);font-family:var(--body-font);font-size:15px;line-height:1.65}button,select{font:inherit;cursor:pointer}button,select,a{-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}main button:focus-visible,footer a:focus-visible{outline-color:var(--yellow)}[hidden]{display:none!important}.topbar{position:sticky;top:0;z-index:20;height:var(--masthead-height);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:8px max(24px,calc((100vw - 1120px)/2));color:var(--charcoal);background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.045 .3' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath opacity='.16' filter='url(%23paper)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");border-top:4px solid var(--charcoal);box-shadow:0 4px #08060470}.topbar:after{content:"";position:absolute;inset:auto 0 -3px;height:5px;background:var(--paper);clip-path:polygon(0 0,100% 0,100% 40%,95% 80%,88% 35%,81% 90%,74% 40%,66% 85%,58% 40%,50% 90%,42% 40%,34% 80%,26% 40%,18% 90%,10% 40%,4% 85%,0 50%)}.brand{display:flex;align-items:center;gap:22px;color:inherit;text-decoration:none;font-family:var(--display-font);flex-shrink:0}.brand-origin{font-size:22px;line-height:1.15}.brand-name{display:grid;text-align:center}.brand-name small{font-family:var(--body-font);font-size:10px;font-weight:700;letter-spacing:.4em;padding-inline-start:.4em;line-height:1}.brand-name strong{font-size:62px;line-height:1.05;font-weight:400;letter-spacing:-.08em}.brand-branch{font-size:25px}.language-control{display:grid;gap:3px;width:210px;max-width:43%;min-width:0}.language-control label{font-size:10px;font-weight:700;letter-spacing:.04em}.language-control select{color-scheme:light;width:100%;max-width:100%;min-height:44px;border:1px solid #1b181570;border-radius:2px;background:#fff7e8b3;color:var(--charcoal);padding:8px 10px;font-size:14px;font-weight:600}main{max-width:1168px;margin:0 auto;padding:0 24px}.welcome{padding:30px 0 10px}.welcome>div{display:flex;align-items:baseline;gap:24px;flex-wrap:wrap}h1{margin:0;font-family:"Noto Serif JP",Noto Sans Arabic,Noto Sans Thai,serif;font-size:clamp(28px,4vw,38px);line-height:1.4}html:lang(ja) h1{font-family:var(--display-font);font-size:42px;font-weight:400}.intro{margin:0;color:var(--muted);font-size:13px}.categories{display:flex;gap:8px;position:sticky;top:var(--masthead-height);z-index:10;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--paper) var(--charcoal);background:var(--charcoal);padding:14px 0;border-bottom:1px solid var(--line)}.categories button{flex-shrink:0;min-height:44px;padding:9px 21px;background:transparent;color:var(--cream);border:1px solid #fff7e85c;border-radius:2px;font-weight:600;font-size:13px}.categories button[aria-pressed=true]{background:var(--yellow);color:var(--charcoal);border-color:var(--yellow)}.categories button:hover{border-color:var(--yellow)}.portion-panel{margin-top:20px;padding:16px 20px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:30px;background:var(--cream);color:var(--charcoal);border-inline-start:5px solid var(--paper);border-radius:2px}.portion-heading h2{font-size:16px;margin:0}html:lang(ja) .portion-heading h2{font-family:var(--display-font);font-size:23px;font-weight:400}.portion-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.portion-options button{min-height:44px;padding:9px 6px;background:transparent;color:var(--charcoal);border:1px solid #1b18154d;border-radius:2px;font-size:13px;font-weight:700;overflow-wrap:anywhere}.portion-options button[aria-pressed=true]{background:var(--charcoal);color:var(--cream);border-color:var(--charcoal)}.portion-options button:focus-visible{outline-color:var(--red)}.portion-note{grid-column:2;margin:7px 0 0;color:#605344;font-size:11px}.menu-tax{margin:16px 0 0;color:var(--muted);font-size:11px}.menu-summary{display:flex;justify-content:space-between;color:var(--muted);margin:5px 0 0;font-size:11px}.menu-section{padding:22px 0 30px}.section-heading{display:flex;align-items:center;gap:20px;margin:0 0 20px;color:var(--paper);font-size:23px;line-height:1.5}.section-heading:after{content:"";height:1px;background:currentColor;opacity:.35;flex:1;min-width:16px}html:lang(ja) .section-heading{font-family:var(--display-font);font-size:30px;font-weight:400}.menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:20px;row-gap:30px}.dish{min-width:0}.dish-photo{position:relative;direction:ltr;aspect-ratio:2 / 1;overflow:hidden;background:#29241f;border-radius:3px}.dish-photo img{width:100%;height:auto;display:block}[data-menu-section=udon] .dish-photo img{width:150%;max-width:none;position:relative;left:-8%;transform:translateY(-6%)}.menu-section:not([data-menu-section=udon]) .dish-photo img{transform:translateY(-13%)}.dish-number{position:absolute;inset-block-start:7px;inset-inline-start:7px;display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--charcoal);border-radius:50%;background:var(--cream);color:var(--charcoal);font:700 22px/1 Georgia,serif}.dish-content{position:relative;padding:12px 2px 0}.dish-badges{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:-24px 0 8px;position:relative;min-height:30px}.dish-badges:empty{display:none}.badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;min-height:30px;border-radius:18px;font-size:11px;line-height:1.3;font-weight:700;box-shadow:0 1px 3px #0006}.badge.hot{background:var(--red);color:#fff}.badge.cold{background:var(--blue);color:#fff}.badge.limited{background:var(--yellow);color:var(--charcoal)}html:lang(ja) .badge.hot,html:lang(ja) .badge.cold{width:34px;height:34px;padding:0;font-family:var(--display-font);font-size:23px;font-weight:400}.dish h3{margin:0;font-size:18px;font-weight:700;line-height:1.45;overflow-wrap:anywhere}html:lang(ja) .dish h3{font-family:var(--display-font);font-size:32px;font-weight:400;line-height:1.35}.japanese-name{margin:4px 0 0;font-size:12px;color:var(--paper)}.dish-price{display:table;max-width:100%;margin:10px 0 12px;padding:2px 10px 4px;background:var(--yellow);color:var(--charcoal);border-radius:1px;font:700 30px/1.2 Georgia,Times New Roman,serif;letter-spacing:-.04em;box-shadow:1px 2px #0004}.dish-price bdi{display:block}.dish-description{margin:0;font-size:12px;line-height:1.85;color:#e3dacf;overflow-wrap:anywhere}.pair-price{display:table;max-width:100%;margin:-3px 0 12px;padding:3px 8px;background:var(--cream);color:var(--charcoal);font-size:12px;font-weight:700}.menu-section:not([data-menu-section=udon]){padding:24px;background:var(--side-paper);border-bottom:1px solid #f4d4a12b}.menu-section:not([data-menu-section=udon]) .section-heading{color:var(--yellow)}[data-menu-section=sides]{border-radius:6px 6px 0 0}[data-menu-section=sides] .menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}[data-menu-section=sides] .dish{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:16px}[data-menu-section=sides] .dish-content{padding-top:0}[data-menu-section=sides] .dish-price{font-size:27px}[data-menu-section=rice] .dish-text{border-top:1px solid #f4d4a152}[data-menu-section=toppings]{border-radius:0 0 6px 6px}[data-menu-section=toppings] .menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}[data-menu-section=toppings] .dish-content{padding:0}[data-menu-section=toppings] .dish-price{background:var(--cream)}.ordering{margin:34px 0;padding:24px;background:var(--paper);color:var(--charcoal);border-radius:2px}.ordering h2{margin:0 0 18px;font-size:23px}html:lang(ja) .ordering h2{font-family:var(--display-font);font-size:28px;font-weight:400}.ordering ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;padding:0;margin:0;list-style:none;counter-reset:order}.ordering li{counter-increment:order;font-size:12px;line-height:1.85}.ordering li:before{content:counter(order);display:grid;place-items:center;width:28px;height:28px;margin-bottom:9px;background:var(--red);color:#fff;border-radius:50%;font:700 17px/1 Georgia,serif}.show-name{border-top:1px solid #1b18154d;padding-top:15px;margin:20px 0 0;font-size:12px}.noscript{padding:16px;border:1px solid var(--paper)}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:24px max(24px,calc((100vw - 1120px)/2));border-top:1px solid var(--line);color:var(--muted);font-size:11px}footer a{color:var(--paper);text-underline-offset:4px}@media(max-width:900px){.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px}[data-menu-section=sides] .dish{display:block}[data-menu-section=sides] .dish-content{padding-top:12px}[data-menu-section=toppings] .menu-grid{gap:18px}}@media(max-width:600px){:root{--masthead-height: 88px}.topbar{padding:6px 16px;gap:12px}.brand{gap:8px}.brand-origin{font-size:14px}.brand-name small{font-size:8px}.brand-name strong{font-size:44px}.brand-branch{font-size:13px;writing-mode:vertical-rl}.language-control{width:155px}.language-control select{padding:8px 6px;font-size:12px}.language-control label{font-size:9px}main{padding:0 16px}.welcome{padding:22px 0 4px}.welcome>div{display:block}html:lang(ja) h1{font-size:34px}.intro{margin-top:4px;font-size:12px}.categories{gap:6px;padding:12px 0}.categories button{padding:9px 13px;font-size:12px}.portion-panel{display:block;padding:12px;margin-top:16px;border-inline-start-width:3px}.portion-heading h2,html:lang(ja) .portion-heading h2{font-size:16px}.portion-options{margin-top:9px;gap:5px}.portion-options button{font-size:11px;padding:8px 3px}.portion-note{font-size:10px}.menu-tax{margin-top:13px}.menu-grid{column-gap:14px;row-gap:24px}.menu-section{padding:20px 0 26px}.section-heading{font-size:20px;margin-bottom:16px;gap:14px}html:lang(ja) .section-heading{font-size:27px}.dish-number{width:25px;height:25px;font-size:18px;inset-block-start:4px;inset-inline-start:4px}.dish-content{padding-inline:0}.dish h3{font-size:16px}html:lang(ja) .dish h3{font-size:26px}.dish-badges{gap:4px;margin-top:-23px;margin-bottom:7px}.badge{min-height:26px;padding:4px 7px;font-size:10px}html:lang(ja) .badge.hot,html:lang(ja) .badge.cold{width:30px;height:30px;font-size:21px}.dish-price{font-size:27px;margin-top:8px;padding:2px 8px 3px}.dish-description{font-size:12px;line-height:1.8}.japanese-name{font-size:11px}.menu-section:not([data-menu-section=udon]){padding:20px 14px;margin-inline:-4px}[data-menu-section=sides] .menu-grid{gap:14px}[data-menu-section=sides] .dish-price{font-size:23px;padding-inline:6px}[data-menu-section=toppings] .menu-grid{grid-template-columns:1fr;gap:18px}[data-menu-section=toppings] .dish+.dish{padding-top:18px;border-top:1px solid #f4d4a12b}[data-menu-section=toppings] .dish-content{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;align-items:baseline}[data-menu-section=toppings] .dish-price{grid-column:2;grid-row:1 / span 2;margin:0}[data-menu-section=toppings] .japanese-name{grid-column:1}[data-menu-section=toppings] .dish-description{grid-column:1 / -1}.ordering{padding:20px;margin:26px 0}.ordering ol{grid-template-columns:1fr;gap:16px}.ordering li{position:relative;padding-inline-start:40px}.ordering li:before{position:absolute;inset-inline-start:0;top:2px}footer{padding:20px 16px}}@media(max-width:360px){.topbar{padding-inline:12px;gap:10px}.brand{gap:5px}.brand-name strong{font-size:38px}.brand-origin,.brand-branch{font-size:12px}main{padding-inline:12px}.menu-grid{column-gap:12px}html:lang(ja) .dish h3{font-size:24px}.dish-price{font-size:25px}[data-menu-section=sides] .dish-price{font-size:21px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
