:root{--black:#070707;--black-2:#101010;--cream:#f3ead8;--paper:#d9c6a4;--gold:#cbb892;--gold-2:#e7d8b8;--muted:#b7ad9f;--line:#cbb89259;--serif:"Noto Serif SC", "Songti SC", "SimSun", serif;--sans:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--display:"Cinzel", "Palatino Linotype", serif;--script:"Great Vibes", cursive;--header:108px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--black);color:var(--muted);font-family:var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;margin:0;font-size:16px;font-weight:300;line-height:1.85}body.nav-open{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}::selection{background:var(--gold);color:#1a140c}:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}.skip{z-index:80;background:var(--gold);color:#1a140c;padding:8px 14px;position:absolute;top:-48px;left:16px}.skip:focus{top:16px}.kicker{color:var(--gold);letter-spacing:.42em;text-indent:.42em;font-size:12px;font-weight:500}.lede{color:var(--cream);font-size:18px;line-height:1.75}.fine{color:#8f8678;letter-spacing:.04em;font-size:13px}.btn{border:1px solid var(--gold);min-width:168px;height:48px;color:var(--gold-2);letter-spacing:.28em;text-indent:.28em;cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0 22px;font-size:13px;transition:background .25s,color .25s;display:inline-flex}.btn:hover,.btn-fill{background:var(--gold);color:#1a140c}.btn-fill:hover{background:var(--gold-2)}.wrap{width:min(1180px,100% - 80px);margin-inline:auto}.section{padding:120px 0 40px}.section-head{max-width:640px;margin-bottom:56px}.section-head h2,.menu-copy h2,.about-copy h2,.subscribe h2,.book h3,.visit-info h3,.book-success h3{font-family:var(--serif);color:var(--cream);letter-spacing:.06em;font-weight:900;line-height:1.05}.section-head h2,.menu-copy h2,.about-copy h2,.subscribe h2{margin:14px 0 22px;font-size:clamp(48px,6vw,84px)}.site-header{z-index:40;grid-template-columns:42% minmax(0,1fr) auto;align-items:center;padding:22px 28px 0 32px;transition:background .3s,border-color .3s,padding .3s;display:grid;position:fixed;inset:0 0 auto}.site-header.is-solid{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070707f0;padding-top:12px;padding-bottom:12px}.logo{flex:none}.logo-frame{background:#0707078c;border:1.5px solid #cbb892e6;border-radius:48% 48% 44% 44%/30% 30% 34% 34%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:148px;height:108px;display:flex;box-shadow:inset 0 0 0 5px #070707a6,inset 0 0 0 6.5px #cbb892bf}.logo-star{color:var(--gold);font-size:11px;line-height:1}.logo-name{font-family:var(--serif);letter-spacing:.18em;text-indent:.18em;color:var(--gold-2);font-size:26px;font-weight:900;line-height:1.1}.logo-en{font-family:var(--script);color:var(--gold);margin-top:1px;font-size:22px;line-height:1}.site-header.is-solid .logo-frame{width:118px;height:84px}.site-header.is-solid .logo-name{font-size:20px}.site-header.is-solid .logo-en{font-size:18px}.site-header.is-solid .logo-star{font-size:9px}.nav{justify-content:space-between;align-items:center;min-width:0;margin:0 32px 0 8px;display:flex}.nav a{color:#fff;letter-spacing:.22em;white-space:nowrap;padding:10px 0 16px;font-size:13px;font-weight:500;position:relative}.nav a.is-active{color:var(--gold)}.nav a.is-active:after{content:"";background:var(--gold);border-radius:50%;width:5px;height:5px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.phone{border:1px solid var(--gold);min-width:196px;height:58px;color:var(--gold-2);font-family:var(--display);letter-spacing:.12em;background:#07070747;justify-content:center;align-items:center;padding:0 16px;font-size:16px;transition:background .25s,color .25s;display:inline-flex}.phone:hover{background:var(--gold);color:#1a140c}.burger{cursor:pointer;background:0 0;border:0;width:46px;height:46px;padding:0;display:none;position:relative}.burger span{background:var(--gold-2);height:1.5px;transition:transform .25s,opacity .25s,top .25s;position:absolute;left:8px;right:8px}.burger span:first-child{top:15px}.burger span:nth-child(2){top:22px}.burger span:nth-child(3){top:29px}.burger[aria-expanded=true] span:first-child{top:22px;transform:rotate(40deg)}.burger[aria-expanded=true] span:nth-child(2){opacity:0}.burger[aria-expanded=true] span:nth-child(3){top:22px;transform:rotate(-40deg)}.drawer{z-index:30;background:#070707f7;align-items:center;padding:120px 36px 48px;display:flex;position:fixed;inset:0}.drawer[hidden]{display:none}.drawer nav{flex-direction:column;gap:8px;display:flex}.drawer a{font-family:var(--serif);color:var(--cream);letter-spacing:.08em;font-size:clamp(36px,8vw,56px);font-weight:700;line-height:1.25}.drawer a:last-child{font-family:var(--display);letter-spacing:.14em;color:var(--gold);margin-top:18px;font-size:22px}.hero{background:var(--black);grid-template-columns:42% 58%;min-height:100svh;display:grid;position:relative}.hero-black{background:var(--black);min-height:100svh}.hero-photo{min-height:100svh;position:relative;overflow:hidden}.hero-photo img{object-fit:cover;object-position:42% 78%;filter:brightness(.72)saturate(.92)contrast(1.05);width:100%;height:100%;position:absolute;inset:0}.hero-photo:after{content:"";background:linear-gradient(90deg,#070707 0%,#07070773 14%,#0707070d 36%,#07070747 100%),linear-gradient(#07070747,#0000 22% 68%,#07070759);position:absolute;inset:0}.hero-copy{z-index:2;pointer-events:none;position:absolute;top:52%;left:45%;transform:translateY(-50%)}.star{color:var(--gold);margin:0 0 8px 6px;font-size:clamp(22px,2vw,34px);display:block}.hero-copy h1{font-weight:900}.line{font-family:var(--serif);letter-spacing:.06em;color:var(--paper);text-shadow:0 16px 40px #00000059;font-size:clamp(64px,10.4vw,168px);font-weight:900;line-height:.92;display:block}.with{align-items:center;gap:12px;width:fit-content;margin:6px 0 6px 7%;display:flex}.with i{background:var(--gold);width:54px;height:1px;display:block}.with em{font-family:var(--script);color:var(--gold);font-size:clamp(40px,4.4vw,64px);font-style:normal;line-height:.8}.hero-mobile-meta{display:none}.hero-meta{z-index:2;text-align:center;width:42%;padding:0 28px;position:absolute;bottom:6vh;left:0}.meta-address{font-family:var(--serif);letter-spacing:.14em;color:var(--cream);margin-top:12px;font-size:22px;line-height:1.45}.meta-hours{color:var(--gold);letter-spacing:.16em;margin:16px 0 22px;font-size:12px;line-height:1.9}.menu-intro{grid-template-columns:.9fr 1.1fr;align-items:center;gap:64px;display:grid}.menu-copy p+p{margin-top:14px}.menu-copy .btn{margin-top:28px}.frames{min-height:560px;position:relative}.frames img{object-fit:cover;width:74%;height:430px}.frames img:first-child{object-position:center 62%}.frames img:last-child{object-fit:cover;object-position:center;border:10px solid var(--black);width:54%;height:300px;box-shadow:0 0 0 1px var(--line);position:absolute;bottom:0;right:0}.broths{grid-template-columns:1.35fr 1fr 1fr;gap:14px;margin-top:88px;display:grid}.broth{background:#140e0c;align-items:flex-end;min-height:520px;padding:28px;display:flex;position:relative;overflow:hidden}.broth img{object-fit:cover;object-position:center 58%;filter:brightness(.62)saturate(1.05);width:100%;height:100%;transition:transform .6s;position:absolute;inset:0}.broth-yuanyang img{object-position:center 42%}.broth:hover img{transform:scale(1.06)}.broth div{z-index:1;position:relative}.broth h3{font-family:var(--serif);color:var(--cream);letter-spacing:.08em;margin:8px 0 10px;font-size:32px;font-weight:700}.broth p{max-width:36ch}.broth .price,.dishes b{font-family:var(--display);color:var(--gold-2);letter-spacing:.08em;font-weight:500}.broth .price{margin-top:16px;font-size:28px}.broth .price:before,.dishes b:before{content:"¥";margin-right:2px;font-size:.65em}.broth-num{font-family:var(--display);color:#0000;-webkit-text-stroke:1px #cbb892d9;font-size:42px;line-height:1}.broth-tomato{background:radial-gradient(circle at 80% 0,#c45c3a8c,#0000 46%),#2a120f}.broth-mushroom{background:radial-gradient(circle at 0 100%,#5c4a2a73,#0000 50%),#14110e}.broth-photo:after{content:"";background:linear-gradient(#0707070d,#070707c7);position:absolute;inset:0}.goods{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;display:grid}.good{background:#140e0c;min-height:420px;position:relative;overflow:hidden}.good img{object-fit:cover;filter:brightness(.78)saturate(1.05);width:100%;height:420px;transition:transform .6s}.good-tripe{object-position:62% 42%}.good:hover img{transform:scale(1.05)}.good div{background:linear-gradient(#0000,#070707e0);padding:48px 18px 18px;position:absolute;bottom:0;left:0;right:0}.good h3{font-family:var(--serif);color:var(--cream);letter-spacing:.1em;font-size:26px}.good p{color:var(--gold-2);font-size:14px}.section-dishes{padding-top:100px}.menu-board{grid-template-columns:1fr 1fr;gap:28px 72px;display:grid}.menu-col h3{font-family:var(--serif);letter-spacing:.18em;color:var(--gold-2);margin:8px 0 6px;font-size:22px;font-weight:700}.menu-col h3:not(:first-child){margin-top:36px}.dishes li{border-bottom:1px solid #cbb89229;grid-template-columns:1fr auto;align-items:baseline;gap:18px;padding:12px 0;display:grid}.dishes strong{color:var(--cream);letter-spacing:.08em;font-weight:500;display:block}.dishes small{color:#8f8678;min-height:0;font-size:13px;display:block}.dishes small:empty{display:none}.dishes b{font-size:18px}.menu-board .fine,.section-dishes>.wrap>.fine{margin-top:28px}.pair{grid-template-columns:1.15fr .85fr;gap:14px;margin-top:72px;display:grid}.pair figure{margin:0;position:relative;overflow:hidden}.pair img{object-fit:cover;filter:brightness(.78)saturate(.9);width:100%;height:460px;transition:transform .6s}.pair figure:hover img{transform:scale(1.04)}.pair figcaption{position:absolute;bottom:22px;left:24px}.pair figcaption strong{font-family:var(--serif);letter-spacing:.12em;color:var(--cream);margin-top:6px;font-size:36px;font-weight:700;display:block}.about{padding-top:40px}.about-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:64px;display:grid}.about-photo{margin:0}.about-photo img{object-fit:cover;object-position:center 42%;filter:brightness(.86)saturate(1.05);width:100%;height:680px}.pair-tripe{object-position:58% 40%}.about-copy p+p{margin-top:16px}.quote{border-top:1px solid var(--line);font-family:var(--serif);color:var(--paper);letter-spacing:.06em;margin-top:28px;padding-top:18px;font-size:26px;line-height:1.5}.steps{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:28px;margin-top:88px;padding-top:36px;display:grid}.steps h3{font-family:var(--serif);color:var(--cream);letter-spacing:.12em;margin:12px 0 8px;font-size:28px}.stores{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:72px;display:grid}.store{border:1px solid var(--line);background:#0c0c0c;flex-direction:column;min-height:280px;padding:28px 24px;display:flex}.store-index{font-family:var(--display);color:var(--gold);letter-spacing:.18em}.store h3{font-family:var(--serif);color:var(--cream);letter-spacing:.08em;margin:18px 0 10px;font-size:28px}.store-note{color:var(--gold);letter-spacing:.08em;font-size:14px}.store a{color:var(--gold-2);letter-spacing:.22em;margin-top:auto;padding-top:22px;font-size:13px}.store a:hover{color:#fff}.store:hover{border-color:var(--gold)}.visit-grid{grid-template-columns:.8fr 1.2fr;align-items:start;gap:64px;display:grid}.visit-info h3,.book h3,.book-success h3{margin:10px 0 18px;font-size:42px}.hours li{color:var(--cream);letter-spacing:.08em;border-bottom:1px solid #cbb89229;justify-content:space-between;gap:20px;padding:10px 0;display:flex}.visit-phone{font-family:var(--display);letter-spacing:.08em;margin:22px 0 8px;font-size:28px}.visit-phone a{color:var(--gold-2)}.visit-phone a:hover{color:#fff}.book,.book-success{border:1px solid var(--line);background:#0c0c0c;padding:32px 32px 28px}.form-fields{grid-template-columns:1fr 1fr;gap:18px 22px;margin:8px 0 18px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field-wide{grid-column:1/-1}.field span{color:var(--gold);letter-spacing:.22em;font-size:12px}.field input,.field select,.field textarea{width:100%;color:var(--cream);background:0 0;border:0;border-bottom:1px solid #cbb89266;border-radius:0;padding:10px 0}.field textarea{resize:vertical;min-height:72px}.field input::placeholder,.field textarea::placeholder{color:#6f675c}.form-note{min-height:1.4em;color:var(--gold-2);margin:0 0 12px}.form-note.is-error{color:#e7b2a0}.book .fine{margin-top:14px}.book-success .success-copy{color:var(--cream);margin-bottom:22px;font-size:18px}.subscribe{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0b0b0b;margin-top:100px;padding:64px 0}.subscribe-inner{grid-template-columns:1fr 1fr;align-items:end;gap:40px;display:grid}.subscribe form{gap:14px;display:grid}.subscribe .btn{justify-self:start}.footer{padding:28px 0 36px}.footer-inner{color:#8f8678;letter-spacing:.06em;flex-wrap:wrap;justify-content:space-between;gap:18px;font-size:13px;display:flex}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(24px)}.reveal.is-in{opacity:1;transform:none}@media (width<=980px){.wrap{width:min(1180px,100% - 40px)}.nav{display:none}.burger{display:block}.site-header{grid-template-columns:1fr auto 1fr;align-items:center;padding:14px 16px;display:grid}.logo{justify-self:start}.phone{letter-spacing:.08em;justify-self:center;min-width:0;height:42px;padding:0 10px;font-size:13px}.burger{justify-self:end}.logo-frame{width:112px;height:84px}.logo-name{font-size:18px}.logo-en{font-size:16px}.hero{grid-template-columns:58% 42%}.hero-black{order:2}.hero-photo{order:1}.hero-photo:after{background:linear-gradient(270deg,#070707 0%,#07070733 24%,#0707070d 52%),linear-gradient(#07070773,#0000 28%,#07070759)}.hero-copy{inset:auto 5vw 7vh;transform:none}.line{font-size:clamp(52px,14vw,84px)}.hero-meta{display:none}.hero-mobile-meta{color:var(--gold-2);letter-spacing:.12em;text-shadow:0 8px 24px #0009;margin-top:16px;font-size:13px;line-height:1.7;display:block}.menu-intro,.about-grid,.visit-grid,.subscribe-inner,.menu-board,.pair,.broths,.stores,.steps{grid-template-columns:1fr}.frames{min-height:460px}.frames img{height:320px}.frames img:last-child{height:210px}.broth{min-height:380px}.pair img,.about-photo img{height:420px}.goods{grid-template-columns:1fr 1fr}.good,.good img{height:280px;min-height:280px}.section{padding:84px 0 20px}.form-fields{grid-template-columns:1fr}}@media (width<=560px){.phone{display:none}.site-header{grid-template-columns:1fr auto}.hero{grid-template-columns:1fr;min-height:100svh}.hero-black{display:none}.hero-photo{min-height:100svh}.hero-photo:after{background:linear-gradient(#0707078c 0%,#07070726 32%,#070707c7 100%)}.with i{width:28px}.book,.book-success{padding:22px 16px}.store{min-height:0}}@media (height<=760px) and (width>=981px){.line{font-size:86px}.hero-meta{bottom:3vh}.meta-address{font-size:18px}.logo-frame{width:124px;height:90px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}.broth img,.pair img,.btn,.phone,.story-photo img{transition:none}}.site-header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:18px 40px 0 28px}.nav{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:0 40px;margin:0 0 0 36px}.nav .lang{align-self:center;margin-left:auto}.nav a{letter-spacing:.04em;padding:14px 0;font-size:16px;font-weight:500;line-height:1}.nav a.router-link-active{color:var(--gold)}.nav a.router-link-active:after{content:"";background:var(--gold);border-radius:50%;width:5px;height:5px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.stat{border-right:1px solid var(--line);padding:36px 22px}.stat:last-child{border-right:0}.stat b{font-family:var(--serif);color:var(--cream);font-size:clamp(40px,4vw,64px);font-weight:900;line-height:1;display:block}.stat span{color:var(--gold);letter-spacing:.18em;margin-top:10px;font-size:13px;display:block}.rail{scroll-snap-type:x mandatory;grid-auto-columns:minmax(240px,1fr);grid-auto-flow:column;gap:18px;padding-bottom:8px;display:grid;overflow-x:auto}.card{scroll-snap-align:start;background:var(--black-2);border:1px solid var(--line);flex-direction:column;min-height:420px;display:flex}.card img{object-fit:cover;filter:saturate(.9)contrast(1.04);width:100%;height:250px}.card div{padding:18px 18px 22px}.card h3{font-family:var(--serif);color:var(--cream);letter-spacing:.06em;font-size:26px}.card p{margin-top:6px}.card .price{color:var(--gold);letter-spacing:.16em;margin-top:14px}.story-stage{grid-template-columns:.9fr 1.1fr;align-items:center;gap:48px;min-height:520px;display:grid}.story-tabs{flex-wrap:wrap;gap:10px;margin-bottom:22px;display:flex}.story-tabs button{border:1px solid var(--line);color:var(--muted);cursor:pointer;letter-spacing:.12em;background:0 0;padding:8px 14px;font-size:13px}.story-tabs button.is-on{border-color:var(--gold);color:var(--gold-2)}.story-copy h2{font-family:var(--serif);color:var(--cream);letter-spacing:.04em;margin:8px 0 16px;font-size:clamp(40px,5vw,72px);font-weight:900;line-height:1.05}.story-photo{min-height:460px;overflow:hidden}.story-photo img{object-fit:cover;filter:brightness(.82)saturate(.9);width:100%;height:520px}.page-hero{padding:168px 0 20px}.page-hero h1{font-family:var(--serif);color:var(--cream);letter-spacing:.06em;margin:12px 0 18px;font-size:clamp(48px,6vw,84px);font-weight:900;line-height:1.05}.prose{max-width:720px}.prose p+p{margin-top:14px}.news-list,.job-list{gap:18px;display:grid}.news-item,.job{border-top:1px solid var(--line);color:inherit;padding:22px 0;display:block}.news-item strong,.job h3{font-family:var(--serif);color:var(--cream);letter-spacing:.06em;font-size:28px;display:block}.footer-links{flex-wrap:wrap;gap:18px;display:flex}.footer-links a:hover{color:var(--gold-2)}@media (width<=1280px){.nav{gap:0 24px;margin-left:24px}.nav a,.nav .lang button{font-size:15px}}.header-end{justify-self:end;align-items:center;display:flex}.lang{background:#2a241c;border:1px solid #cbb892b8;border-radius:999px;align-items:center;gap:2px;padding:2px;display:inline-flex}.nav .lang button,.drawer .lang button{appearance:none;cursor:pointer;color:var(--gold-2);font-family:var(--sans);letter-spacing:.02em;background:0 0;border:0;border-radius:999px;margin:0;padding:5px 13px;font-size:16px;font-weight:500;line-height:1;transition:background .2s,color .2s}.lang button.is-on{background:var(--gold);color:#1a140c;font-weight:500}.drawer .lang{align-self:flex-start;margin-top:18px;margin-bottom:0;margin-left:0}.drawer .lang button{padding:8px 16px;font-size:16px}.drawer a:last-child{font-family:var(--serif);letter-spacing:.08em;color:var(--cream);margin-top:0;font-size:28px;font-weight:700}html[lang=en] .line{letter-spacing:.02em;font-size:clamp(64px,8vw,128px)}.shop-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.phone{display:none}@media (width<=980px){.site-header{grid-template-columns:1fr auto}.stats,.story-stage,.shop-grid{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line)}.drawer a{font-size:28px}.page-hero{padding-top:130px}.story-photo img{height:320px}.shop-grid{grid-template-columns:1fr 1fr}}
