:root{--green:#273b25;--cream:#f6f2e8;--red:#8f242b;--gold:#a7894d;--line:#d9d8c9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--green);font-family:Arial,'Noto Sans TC',sans-serif;font-size:15px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.announcement{text-align:center;background:var(--green);color:#f7f0da;font-size:12px;letter-spacing:3px;padding:8px}header{height:102px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);background:var(--cream);position:sticky;top:0;z-index:5}.logo{font: bold 35px Georgia,serif;letter-spacing:2px}.logo span{display:block;font:10px Arial,sans-serif;letter-spacing:3px;margin-top:6px}nav{display:flex;gap:30px;font-size:13px}.bag{border:0;background:none;color:var(--green);font-size:13px}.bag span{display:inline-grid;place-items:center;background:var(--green);color:white;border-radius:50%;width:24px;height:24px;margin-left:8px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:690px}.hero-copy{padding:100px 9% 60px 11%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:2px;color:var(--gold)}h1,h2{font-family:Georgia,'Noto Serif TC','Songti TC',serif;font-weight:400;line-height:1.35;letter-spacing:2px}h1{font-size:clamp(42px,4.5vw,70px);margin:25px 0}h1 span{color:var(--red)}p{margin:14px 0 24px}.hero-copy p{color:#66705e;font-size:14px;line-height:2}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:0;background:var(--green);color:white;padding:15px 25px;font-size:13px;letter-spacing:1px}.button:hover{background:var(--red)}.hero-note{display:flex;gap:16px;align-items:center;font-size:11px;margin-top:55px}.hero-note i{color:var(--gold)}.hero-image{position:relative;max-height:790px;overflow:hidden;background:#e7deca}.hero-image img{width:100%;height:100%;object-fit:cover}.round{position:absolute;right:25px;bottom:30px;display:grid;place-content:center;text-align:center;width:112px;height:112px;border:1px solid #d2bc83;border-radius:50%;background:var(--green);color:#f6eed6;font:12px/1.8 Georgia,serif;transform:rotate(9deg)}.ribbon{padding:22px 5%;display:flex;justify-content:space-between;gap:20px;border-block:1px solid var(--line);font-size:11px;letter-spacing:3px}.section{padding:100px 8%;scroll-margin-top:20px}h2{font-size:clamp(32px,3vw,46px);margin:20px 0 28px}h3{font-size:20px;font-weight:500;margin-bottom:6px}.product{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.product-photo{position:relative;background:#eae4d4;padding:20px 70px}.product-photo img{display:block;width:100%;max-height:620px;object-fit:contain}.tag{position:absolute;top:25px;left:22px;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px}.muted,.fine{color:#7a7d70}.muted{font-size:10px;letter-spacing:2px}.spec{display:grid;gap:6px;border-block:1px solid var(--line);padding:20px 0;font-size:12px}.spec span{display:flex;justify-content:space-between}.spec b{font-weight:500}.price{color:var(--red);font-size:19px}.price small{display:block;font-size:11px;color:#777b6f}.purchase{display:flex;gap:10px}.quantity{border:1px solid var(--line);display:flex;align-items:center}.quantity button{background:none;border:0;padding:12px;color:var(--green)}.quantity output{min-width:28px;text-align:center}.purchase .button{flex:1}.fine{font-size:11px;line-height:1.8}.origin{background:var(--green);color:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.origin>img{width:100%;max-height:650px;object-fit:contain}.origin p{color:#cbd1c1;max-width:450px}.text-link{font-size:12px;border-bottom:1px solid var(--gold);padding-bottom:8px}.origin-stats{display:flex;gap:35px;margin-top:45px}.origin-stats div{font:30px Georgia;color:#c6b484}.origin-stats span{display:block;font:11px Arial;color:#dce0d3;margin-top:12px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:40px}.section-head p{font-size:13px;color:#7a7d70}.quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:25px}.quality-grid a{background:#eeeadf;padding:30px 35px;overflow:hidden}.quality-grid a>span{font-size:10px;letter-spacing:2px;color:var(--gold)}.quality-grid h3{font-family:serif;font-size:28px}.quality-grid p{font-size:13px;color:#747867}.quality-grid img{width:100%;height:450px;object-fit:contain;display:block;transition:transform .3s}.quality-grid a:hover img{transform:scale(1.02)}.table{border-top:1px solid var(--line)}.table h2 em{font-style:normal;color:var(--red);display:block}.food-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:10%;align-items:center;margin-top:40px}.food-layout>img{width:100%;max-height:700px;object-fit:contain}.food-layout article{position:relative;border-bottom:1px solid var(--line);padding:20px 0 15px 48px}.food-layout article>span{position:absolute;left:0;top:30px;font:italic 20px Georgia;color:var(--gold)}.food-layout p{font-size:13px;color:#7a7d70}.faq{background:#eeeadf;display:grid;grid-template-columns:.8fr 1.2fr;gap:10%}.faq>div>p{font-size:12px}details{border-bottom:1px solid #cccebf;padding:20px 0}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-size:15px}summary:after{content:'＋';margin-left:15px}details[open] summary:after{content:'−'}details p{font-size:13px;color:#6f7564;margin-bottom:5px}.closing{text-align:center;padding:85px 20px;background:#e6e8d9}.closing h2{margin-bottom:35px}footer{padding:50px 6%;display:flex;justify-content:space-between;align-items:center;gap:30px}footer p,footer>a:last-child{font-size:12px}footer small{color:#808474}dialog{border:0;background:var(--cream);color:var(--green);padding:35px;max-width:500px;width:calc(100% - 30px);box-shadow:0 25px 100px #0003}dialog::backdrop{background:#16251499}.cart-head{display:flex;justify-content:space-between;align-items:center}.cart-head h2{font-size:25px}.cart-head button{border:0;background:none;font-size:22px;color:var(--green)}#cart-content{padding:20px 0;border-block:1px solid var(--line)}#cart-content button{border:0;background:none;color:var(--red);text-decoration:underline}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:12px 25px;z-index:20;display:none;white-space:nowrap;font-size:13px}@media(min-width:1500px){main{max-width:1600px;margin:auto}}@media(max-width:800px){header{height:82px;padding:0 5%}nav{display:none}.logo{font-size:28px}.logo span{font-size:8px}.hero{grid-template-columns:1fr}.hero-copy{padding:55px 7% 40px}.hero-copy h1{font-size:46px}.hero-note{margin-top:30px}.hero-image{height:580px}.ribbon{overflow:hidden;white-space:nowrap;font-size:10px;gap:25px}.ribbon span:last-child{display:none}.section{padding:65px 6%}.product,.origin,.faq,.food-layout{grid-template-columns:1fr;gap:35px}.product-photo{padding:20px 65px}.product-photo img{max-height:510px}.section-head{display:block}.quality-grid{gap:15px}.quality-grid a{padding:20px 15px}.quality-grid h3{font-size:21px}.quality-grid img{height:300px}.quality-grid p{font-size:11px}.origin>img{max-height:600px}.food-layout article{padding-top:12px}footer{flex-wrap:wrap}.closing h2{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Informational artwork stays in its original proportions with no overlays. */
img{max-width:100%;height:auto}
.hero,.product,.origin,.food-layout,.faq{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.hero>*,.product>*,.origin>*,.food-layout>*,.faq>*,.quality-grid>*{min-width:0}
.image-zoom{display:block;min-width:0}
.hero-image{max-height:none;overflow:visible;align-self:center}
.hero-image img{display:block;width:100%;height:auto;object-fit:contain}
.product-photo{padding:20px}
.product-photo img,.origin .image-zoom img,.food-layout .image-zoom img,.quality-grid img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;transform:none}
.quality-grid a:hover img{transform:none}
.storage-guide{display:block;margin-top:30px}
.storage-guide img{display:block;width:100%;height:auto}
@media(max-width:800px){.hero,.product,.origin,.food-layout,.faq,.quality-grid{grid-template-columns:minmax(0,1fr)}.hero-image{height:auto}.product-photo{padding:12px}.quality-grid img{height:auto}.origin-stats{gap:22px}.hero-note{gap:10px;flex-wrap:wrap}.section{padding:55px 6%}}