:root{--wine:#48232b;--cream:#f4efe5;--ink:#352f29;--gold:#d9bd89;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid #b9945d;outline-offset:-4px}button:disabled{opacity:.3;cursor:default}.topbar{height:90px;background:var(--wine);color:#f7eddb;display:flex;align-items:center;padding:0 3%;gap:28px;border-bottom:1px solid #d9bd892b}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--gold);white-space:nowrap;min-width:180px;font-family:SimSun,serif;font-size:25px;letter-spacing:5px}.seal{border:1px solid #d9bd8970;border-radius:50%;height:42px;width:42px;display:grid;place-items:center;font-size:23px;padding-left:5px}.brand small{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:2px;margin-top:6px}.topbar nav{display:flex;justify-content:center;gap:24px;flex:1;height:100%}.topbar nav button{color:#e9ddcc;background:none;border:0;position:relative;font-family:SimSun,serif;font-size:18px;letter-spacing:2px;padding:0 17px}.topbar nav button small{display:block;font:8px Arial,sans-serif;letter-spacing:1.7px;margin-top:7px;color:#c8b5a7}.topbar nav button.active{color:#f3d692}.topbar nav button.active:after{content:"";position:absolute;bottom:15px;left:35%;right:35%;height:2px;background:var(--gold)}#fullscreen{border:1px solid #d9bd8950;background:none;color:var(--gold);border-radius:50%;font-size:24px;width:40px;height:40px;flex-shrink:0}
#menu{display:grid;grid-template-columns:54% 46%;min-height:calc(100dvh - 174px)}.hero-panel{background:radial-gradient(ellipse at 45% 35%,#563038 0%,#342126 65%,#281e21 100%);color:#faf1e3;display:flex;flex-direction:column;padding:26px 7% 24px;overflow:hidden;position:relative}.hero-heading{display:flex;justify-content:space-between;font-size:10px;letter-spacing:3px;color:#cebaa2}.hero-visual{position:relative;margin:16px auto 0;width:min(100%,530px);flex:1;display:flex;align-items:center;justify-content:center;min-height:260px}.hero-visual img{width:100%;max-height:48dvh;aspect-ratio:1;object-fit:contain;border-radius:4px;filter:drop-shadow(0 16px 20px #10080a40)}.image-caption{position:absolute;left:-8px;top:50%;writing-mode:vertical-rl;transform:rotate(180deg);font-size:7px;letter-spacing:3px;color:#d1bfa57a;pointer-events:none}.hero-copy{text-align:center;padding:18px 0 6px}.eyebrow{font:9px Arial,sans-serif;letter-spacing:2px;line-height:1.7}.hero-copy .eyebrow{color:#d0b99c;margin:0 0 10px}h1{font-family:"Songti SC",SimSun,serif;font-size:clamp(24px,2.6vw,40px);font-weight:400;letter-spacing:3px;margin:0 0 12px}.ingredients{font-size:11px;color:#dbcbb9;letter-spacing:2px;line-height:1.8;margin:0 0 18px}.price{color:#e3c790;display:flex;align-items:baseline;justify-content:center;gap:8px}#price-value{font-family:Georgia,SimSun,serif;font-size:19px;letter-spacing:2px}#price-unit{font-size:10px}.story-panel{padding:32px clamp(24px,3.6vw,64px) 22px;display:flex;flex-direction:column}.story-head{display:flex;align-items:center;gap:12px;color:#887558}.story-head .eyebrow{font-size:8px;letter-spacing:1.5px}.story-head>span:last-child{font-size:10px;letter-spacing:2px;white-space:nowrap}.fine-line{height:1px;background:#baa88970;flex:1}h2{font-family:SimSun,serif;font-size:clamp(23px,2.3vw,34px);font-weight:400;letter-spacing:2px;margin:20px 0 12px}#description{font-size:12px;color:#807363;line-height:2;letter-spacing:.5px;margin:0 0 22px;min-height:48px}.motion-frame{width:100%;aspect-ratio:16/10;position:relative;overflow:hidden;border-radius:2px;background:#252320}.motion-frame>img,.motion-frame>video{width:100%;height:100%;object-fit:cover;display:block}.motion-frame>img{animation:slow-pan 14s ease-in-out infinite alternate;object-position:center 52%;transform-origin:50% 55%}.motion-frame.paused>img{animation-play-state:paused}.motion-frame [hidden]{display:none}.motion-gradient{position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#0008);pointer-events:none}.motion-label{position:absolute;bottom:13px;left:15px;color:#f4e9d7;font-size:9px;letter-spacing:1px}#motion-toggle{position:absolute;bottom:9px;right:12px;width:32px;height:32px;color:#fff;background:#ffffff15;border:1px solid #ffffff70;border-radius:50%;font:13px Arial}.detail-row{display:grid;grid-template-columns:44% 1fr;gap:21px;margin-top:20px;align-items:center}.detail-crop{aspect-ratio:1.6;overflow:hidden;background:#252320}.detail-crop img{width:100%;height:100%;object-fit:cover;transform:scale(1.6);object-position:45% 60%}.detail-text .eyebrow{font-size:7px;color:#a6906e;letter-spacing:1.5px}.detail-text h3{font-family:SimSun,serif;font-size:18px;font-weight:400;letter-spacing:1px;margin:8px 0}.detail-text p{font-size:10px;line-height:1.9;color:#8f806f;margin:0}.story-footer{border-top:1px solid #cbbba370;margin-top:auto;padding-top:16px;display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#9b8c76;letter-spacing:1px}.detail-row+.story-footer{margin-top:24px}.signature{font:italic 15px Georgia,serif;letter-spacing:0}.bottom-bar{min-height:84px;display:flex;align-items:center;gap:15px;padding:12px 3%;background:#f9f5ed;border-top:1px solid #cbbba360}.bottom-bar>button{background:none;border:0;color:#65494b;white-space:nowrap;padding:16px 5px;font-size:15px}.bottom-bar>button span{font-size:10px;margin:0 6px}#dish-tabs{display:flex;flex:1;justify-content:center;gap:9px;overflow-x:auto;scrollbar-width:thin;padding:2px}#dish-tabs button{flex-shrink:0;display:flex;align-items:center;gap:8px;background:none;color:#8f8173;border:1px solid transparent;border-radius:3px;padding:5px 9px;font-size:10px;white-space:nowrap}#dish-tabs button.active{color:#4f3035;border-color:#ae9275;background:#ece3d5}#dish-tabs img{width:35px;height:35px;border-radius:2px;object-fit:cover}#dish-tabs .index{font:10px Georgia,serif}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.changing{animation:reveal .5s ease-out}@keyframes slow-pan{from{transform:scale(1.14) translate(-1%,1%)}to{transform:scale(1.29) translate(1%,-1%)}}@keyframes reveal{from{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1200px){.story-panel{max-width:760px}.hero-visual img{max-height:55dvh}.hero-visual{max-width:570px}}
@media(max-width:1100px){.topbar{height:76px;gap:12px}.brand{min-width:135px;font-size:21px;gap:8px}.seal{width:34px;height:34px}.topbar nav{gap:3px}.topbar nav button{font-size:16px;padding:0 14px}.topbar nav button small{font-size:7px}.hero-panel{padding:22px 6%}.story-panel{padding:24px 26px 20px}#menu{min-height:calc(100dvh - 152px)}.hero-visual img{max-height:49dvh}#dish-tabs button{padding:5px}.tab-name{display:none}.bottom-bar{min-height:76px}.story-footer{font-size:8px}.signature{font-size:12px}}
@media(max-width:760px){.topbar{height:auto;min-height:74px;flex-wrap:wrap;padding:14px 5% 0;gap:12px}.brand{flex:1}.brand small{font-size:7px}.topbar nav{order:3;flex-basis:100%;height:57px;justify-content:space-between;gap:0}.topbar nav button{font-size:14px;padding:0 5px;letter-spacing:1px}.topbar nav button small{font-size:6px;letter-spacing:1px}.topbar nav button.active:after{bottom:5px}.topbar #fullscreen{width:32px;height:32px;font-size:20px}#menu{grid-template-columns:1fr}.hero-panel{padding:22px 7% 30px}.hero-visual{min-height:0;margin-top:12px;max-width:450px}.hero-visual img{max-height:none;width:100%}.hero-copy{padding-top:19px}h1{font-size:30px}.hero-copy .eyebrow{font-size:8px}.ingredients{font-size:10px}.story-panel{padding:30px 7% 32px}h2{font-size:28px}#description{font-size:12px}.motion-frame{aspect-ratio:16/11}.detail-row{gap:18px}.bottom-bar{position:sticky;bottom:0;z-index:5;padding:8px 3%;min-height:66px;gap:8px;box-shadow:0 -3px 15px #2b182010}.bottom-bar>button span{display:none}#dish-tabs{justify-content:flex-start;gap:3px}#dish-tabs img{width:32px;height:32px}#dish-tabs .index{display:none}.story-footer{font-size:9px}.signature{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}

/* Gold cloud flourishes frame the food without obscuring it. */
.brand{font-size:22px;letter-spacing:2px;min-width:260px}.brand small{letter-spacing:1.6px}
.hero-panel::before,.story-panel::after{content:"";position:absolute;pointer-events:none;background:url("assets/clouds.svg") center/contain no-repeat;width:340px;height:136px;opacity:.24}
.hero-panel::before{right:-32px;top:12px}.hero-panel>*{position:relative;z-index:1}.story-panel{position:relative;isolation:isolate}.story-panel::after{right:0;bottom:24px;opacity:.19;z-index:-1}
.detail-row{display:block;border-left:2px solid #c5a36b;padding:3px 0 3px 18px;margin-top:24px}.detail-text h3{line-height:1.7}.detail-text p{font-size:11px}.story-footer{background:transparent}
@media(max-width:1100px){.brand{min-width:230px;font-size:20px}.topbar nav button{padding:0 10px;font-size:15px}}
@media(max-width:760px){.brand{min-width:0;font-size:20px}.hero-panel::before{width:260px;height:104px;top:4px}.detail-row{padding-left:16px}.detail-text h3{font-size:18px}}