@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&display=swap');
:root{--green:#183629;--ink:#172019;--cream:#fffdf6;--orange:#b66432}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Noto Serif SC',Georgia,serif;font-size:16px;line-height:1.65}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c28335;outline-offset:5px}header{min-height:100px;display:flex;align-items:center;gap:25px;padding:18px 4%;background:var(--cream);border-bottom:1px solid #e8e7dc}header .brand{margin-right:auto}.brand{display:flex;align-items:center;gap:14px;white-space:nowrap}.brand strong{font-family:KaiTi,STKaiti,'Noto Serif SC',serif;font-size:36px;letter-spacing:3px;line-height:1}.brand>span{border-left:1px solid #7f8178;padding-left:14px;font-family:Georgia,serif;font-size:18px;line-height:1.1}.brand small{display:block;font-size:12px;letter-spacing:1px;margin-top:5px}nav{display:flex;gap:24px;font-size:14px}nav a{border-bottom:2px solid transparent;padding:8px 0}nav a:hover{border-color:var(--orange)}.languages{display:flex;gap:7px;align-items:center;white-space:nowrap}.languages button, .search-toggle{background:none;border:0;padding:5px 2px}.languages button[aria-pressed=true]{border-bottom:2px solid var(--orange)}.search-toggle{font-size:30px}.section{padding:30px 4%}.hero{position:relative;min-height:510px;background:#193326;overflow:hidden;color:var(--cream)}.art{position:relative;overflow:hidden;aspect-ratio:var(--w)/var(--h);background-image:url('mockup.png');background-size:calc(941 / var(--w) * 100%) calc(1672 / var(--h) * 100%);background-position:calc(var(--x) / (941 - var(--w)) * 100%) calc(var(--y) / (1672 - var(--h)) * 100%);background-repeat:no-repeat}.hero-art{position:absolute;right:0;top:0;height:100%;width:100%;background-image:url("hero-artwork.png");background-size:cover;background-position:right center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#18302459 0%,#18302426 30%,#18302400 52%)}.hero-copy{position:relative;z-index:1;padding:55px 4.7%;max-width:660px}.hero h1{font-size:clamp(38px,4.6vw,66px);font-weight:500;line-height:1.22;letter-spacing:2px;margin:0}.hero i{display:block;width:45px;height:2px;background:#d0ab52;margin:26px 0 19px}.hero p{font-size:18px;line-height:1.8;margin:0;color:#f4f0df}h2,h3,p{margin:0}h2{font-size:36px;font-weight:600;line-height:1.35}h3{font-size:25px;font-weight:600;line-height:1.5}.eyebrow{color:var(--orange);letter-spacing:4px;font-size:14px;margin-bottom:8px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:23px}.section-heading h2{font-size:46px}.section-heading>p{color:#55584f}.food-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.food-grid h3{margin:12px 0 4px}.food-grid p{color:#606156;line-height:1.7}.food-grid .art{width:100%;aspect-ratio:1/1;background-size:contain;background-position:center}.values{display:grid;grid-template-columns:1.65fr repeat(4,1fr);gap:20px;padding:28px 4%;background:#f3f3e9;align-items:center}.values h2{font-size:29px}.values p{font-size:14px;color:#616358}.values .eyebrow{color:var(--orange)}.value{text-align:center;border-left:1px solid #ccd0c3;padding-left:15px}.value>span{font-family:Georgia,serif;display:block;font-size:39px;line-height:1.1;margin-bottom:10px}.value h3{font-size:17px;line-height:1.6}.story{position:relative;overflow:hidden;background:var(--green);color:#fffdf0;min-height:270px}.story>.art{position:absolute;right:0;top:0;width:65%;height:100%}.story:after{position:absolute;inset:0;content:'';background:linear-gradient(90deg,#193628 15%,#193628ed 35%,#19362800 75%)}.story-copy{position:relative;z-index:1;padding:30px 4.5%}.story h2{font-size:34px;margin-bottom:10px}.story .eyebrow{color:#dabf64}.story p{line-height:1.8}.visit{display:grid;grid-template-columns:1.2fr 1.45fr .65fr;gap:30px;align-items:center}.visit h2{font-size:30px}.visit>div>p:not(.eyebrow){font-size:14px}.visit address{font-style:normal;font-size:14px;line-height:1.5;margin-top:14px}.visit address p{margin-bottom:8px}.shop{height:100%;min-height:265px}.visit aside{border-left:1px solid #deddd1;padding-left:20px;color:#656558;font-size:15px}.visit aside .eyebrow{letter-spacing:2px}.wholesale{background:#eeefe2}.wholesale-heading{display:flex;justify-content:space-between;gap:35px;align-items:center}.wholesale h2{font-size:30px;margin-bottom:5px}.primary{border:1px solid var(--green);border-radius:5px;background:var(--green);color:#fffdf3;padding:12px 25px;white-space:nowrap;transition:background .2s}.primary:hover{background:#305640}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:24px}.benefits>div{display:flex;gap:20px;align-items:center}.benefits>div+div{border-left:1px solid #c9ccbd;padding-left:40px}.benefits>div>span{font-size:46px;line-height:1}.benefits p{font-size:15px}.footer-main{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-bottom:24px}.footer-main .brand strong{font-size:30px}.footer-main .brand>span{font-size:15px}.footer-main p,.footer-main>a:last-child{font-size:13px}.footer-bottom{border-top:1px solid #dddcd0;display:flex;justify-content:space-between;padding-top:12px;font-size:12px;color:#727467}.footer-bottom button{border:0;background:none;color:inherit;font-size:12px}.search-panel{padding:20px 4%;background:#eeefe2}.search-panel label{display:block}.search-panel input{width:min(100%,520px);padding:10px;border:1px solid #87917e;background:var(--cream);margin:10px 0}.search-panel a{display:inline-block;padding:6px 20px 6px 0;text-decoration:underline}dialog{max-width:540px;width:calc(100% - 40px);border:1px solid #c2c8b8;padding:40px;background:var(--cream);color:var(--ink)}dialog::backdrop{background:#10251bc9}dialog h2{font-size:28px;margin-bottom:16px}dialog p{margin-bottom:25px;white-space:pre-line}.close{position:absolute;right:15px;top:8px;background:none;border:0;font-size:28px}.skip{position:fixed;left:10px;top:-100px;background:white;z-index:20;padding:10px}.skip:focus{top:10px}html[lang=en] .hero h1{font-family:Georgia,serif;font-size:clamp(36px,4.3vw,60px);letter-spacing:0}html[lang=en] h3{font-size:22px}html[lang=en] .value h3{font-size:16px}html[lang=en] .section-heading h2{font-size:38px}html[lang=en] .eyebrow{letter-spacing:2px}
@media(min-width:1500px){body{max-width:1500px;margin:auto}}@media(max-width:1150px){header{gap:16px;flex-wrap:wrap}.brand strong{font-size:30px}.brand>span{font-size:15px}nav{gap:17px;order:3;width:100%;justify-content:center}header{padding:14px 4%}.hero{min-height:480px}.hero-copy{padding-top:45px}.values{grid-template-columns:repeat(4,1fr)}.values>div:first-child{grid-column:1/-1;text-align:center}.value:nth-child(2){border:0}.visit{grid-template-columns:1fr 1.2fr}.visit aside{display:none}.food-grid{gap:17px}.food-grid h3{font-size:22px}.wholesale h2{font-size:27px}}
@media(max-width:700px){body{font-size:16px}header{gap:12px}.brand{gap:8px}.brand strong{font-size:25px;letter-spacing:1px}.brand>span{font-size:11px;padding-left:8px}.brand small{font-size:10px}.languages{font-size:14px;gap:3px}nav{gap:16px;justify-content:flex-start;overflow:auto;font-size:13px;white-space:nowrap}.search-toggle{display:none}.hero{min-height:590px;display:flex;align-items:flex-start}.hero-art{top:auto;bottom:0;height:310px;width:100%}.hero:after{background:linear-gradient(90deg,#18302480 0%,#18302440 55%,#18302400 85%)}.hero-copy{padding:30px 6%}.hero h1{font-size:37px}.hero p{font-size:15px;line-height:1.7}.hero h1 br:first-child{display:none}.hero i{margin:18px 0 14px}.section{padding:28px 5%}.section-heading{display:block}.section-heading h2,html[lang=en] .section-heading h2{font-size:31px}.section-heading>p{font-size:14px;margin-top:12px}.food-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 15px}.food-grid h3,html[lang=en] .food-grid h3{font-size:20px;line-height:1.45}.food-grid p{font-size:14px}.values{grid-template-columns:1fr 1fr;gap:25px 15px;padding:26px 5%}.value:nth-child(4){border:0}.value{padding-left:8px}.values h2{font-size:27px}.story{min-height:375px}.story>.art{width:100%;height:180px;top:auto;bottom:0}.story:after{background:linear-gradient(180deg,#193628 30%,#193628ef 48%,transparent 83%)}.story-copy{padding:28px 5%}.story h2{font-size:26px}.story p{font-size:14px}.story .eyebrow{font-size:12px}.visit{grid-template-columns:1fr}.visit h2{font-size:28px}.shop{min-height:220px;height:auto}.wholesale-heading{display:block}.wholesale h2{font-size:26px}.wholesale-heading>div>p:last-child{font-size:14px}.wholesale .primary{margin-top:18px}.benefits{grid-template-columns:1fr;gap:17px}.benefits>div+div{border-left:0;padding-left:0}.benefits>div>span{font-size:35px;width:35px;text-align:center}.footer-main{flex-wrap:wrap}.footer-main .brand{width:100%}.footer-main .brand strong{font-size:27px}html[lang=en] .hero h1{font-size:37px}html[lang=en] .hero h1 br:first-child{display:block}html[lang=en] .hero{min-height:650px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Restrained final polish: header brand and desktop hero only. */
header .brand{gap:19px}header .brand>span{padding-left:19px}
@media(min-width:701px){.hero{min-height:464px}.hero-copy{padding-top:34px;padding-bottom:34px}.hero-art{width:110%;right:-10%;background-size:cover;background-position:left center}html[lang="zh-CN"] .hero h1{line-height:1.18}}
@media(min-width:701px) and (max-width:1150px){.hero{min-height:437px}.hero-copy{padding-top:27px;padding-bottom:27px}}
@media(max-width:700px){header .brand{gap:13px}header .brand>span{padding-left:13px}}
@media(max-width:700px){.visit .shop{width:100%;min-width:0}html[lang="zh-CN"] .hero h1 br:first-child{display:initial}}
@media(max-width:700px){html[lang="zh-CN"] .hero-art{height:280px}}

/* Supporting signature, scoped to the two existing brand lockups. */
.brand strong{position:relative;padding-bottom:.64em}
.brand .brand-seal{position:absolute;right:.13em;bottom:0;display:block;box-sizing:border-box;width:4.2em;padding:.12em .3em .16em;background:#a63832;color:#fff9eb;border-radius:2px;font-family:inherit;font-size:.36em;font-weight:400;line-height:1.1;letter-spacing:.08em;text-align:center;white-space:nowrap}
