:root{--paper:#faf9f4;--cream:#f0ece2;--ink:#332820;--brown:#4b291a;--gold:#b98735;--line:#d8d3c8;--muted:#736b61}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;font-size:15px;line-height:1.8}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.5}h1,h2{font-family:"Noto Serif TC","Songti TC",serif;letter-spacing:.035em}h1{font-size:clamp(32px,4vw,56px)}h2{font-size:clamp(26px,2.8vw,38px)}h3{font-size:21px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button{background:none;border:0}img{max-width:100%;display:block;object-fit:cover}a,button{transition:color .2s,background .2s}a:hover,.text-link:hover{color:#99621f}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b98735;outline-offset:5px}.skip{position:fixed;top:-90px;left:20px;padding:12px;background:white;z-index:20}.skip:focus{top:10px}.announcement{display:flex;justify-content:center;gap:18px;align-items:center;font-size:12px;background:var(--cream);padding:8px 20px;letter-spacing:.06em}.announcement a{text-decoration:underline;text-underline-offset:3px}.header{height:102px;display:grid;grid-template-columns:1fr 245px 1fr;align-items:center;padding:0 4vw;background:var(--paper);position:relative;z-index:5;border-bottom:1px solid #e6e1d7}.brand{grid-column:2;grid-row:1;justify-self:center}.brand img{object-fit:contain;width:220px;height:65px}.header nav{display:flex;gap:22px;grid-column:1;grid-row:1;font-size:14px;white-space:nowrap}.header nav a{padding:12px 0}.header a[aria-current=page]{border-bottom:1px solid var(--brown)}.list-link{justify-self:end;grid-column:3;grid-row:1;font-size:13px}.list-link span{background:var(--brown);color:white;display:inline-flex;justify-content:center;align-items:center;width:23px;height:23px;border-radius:50%;margin-left:6px}.nav-toggle{display:none}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;background:var(--brown);color:#fffaf1;padding:14px 28px;border:1px solid var(--brown);font-size:14px;letter-spacing:.06em;min-height:48px}.button:hover{background:#70472c;color:white}.text-link{border-bottom:1px solid currentColor;padding:4px 0;font-size:14px;display:inline-block}.section{padding:75px 5vw;max-width:1500px;margin:auto}.section-title{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.section-title p{color:var(--muted);font-size:13px}.home-hero>img{width:100%;height:min(39vw,550px);min-height:360px;object-position:50% 60%}.hero-caption{padding:26px 5vw 35px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}.hero-caption h1{font-size:clamp(26px,2.4vw,36px);margin-bottom:8px}.hero-caption p{color:var(--muted);font-size:14px}.hero-caption .button{min-width:235px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.product-info{padding:22px 0}.product-info h3{font-size:21px}.product-info p{font-size:14px;color:var(--muted);margin:7px 0 20px}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.product-bottom>span{font-size:14px}.package-art{height:300px;background:#efeee8;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.bag{width:155px;height:218px;background:var(--bag);clip-path:polygon(3% 0,97% 0,100% 100%,0 100%);position:relative;z-index:1;transform:rotate(-5deg);box-shadow:inset -10px 0 20px #0001}.seal{height:12px;border-top:2px solid #0001;border-bottom:2px solid #0001;position:absolute;top:8px;left:0;right:0}.bag-label{position:absolute;top:45px;left:18px;right:18px;bottom:27px;background:#faf7ef;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#493223}.bag-label strong{font-size:17px;font-family:serif}.bag-label span{font-size:13px}.bag-label small{font-size:9px;letter-spacing:.12em}.bag-label .little-sun{color:#b98735;font-size:28px;line-height:1}.ground-shadow{position:absolute;bottom:24px;left:28%;width:48%;height:18px;background:#5e4b3824;filter:blur(9px);transform:rotate(-6deg)}.split{display:grid;grid-template-columns:1fr 1fr;background:var(--cream);min-height:530px}.split>img{width:100%;height:100%;min-height:530px;max-height:680px}.split-copy{align-self:center;padding:65px 8vw}.split-copy h2{font-size:clamp(32px,3.4vw,48px);margin-bottom:24px}.split-copy p{color:#65594d;line-height:2;margin-bottom:30px;max-width:430px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.category-grid a{padding:36px;background:#e7e8df;position:relative;min-height:210px}.category-grid a:nth-child(2){background:#eaddc8}.category-grid a:nth-child(3){background:#ded4c9}.category-grid span{font-size:12px;color:#6e6151}.category-grid h3{font-family:serif;font-size:29px;margin:10px 0}.category-grid p{font-size:13px}.category-grid b{position:absolute;right:27px;bottom:18px;font-size:26px;font-weight:400}.home-end{text-align:center;padding:90px 24px}.home-end p{margin:16px 0 25px;color:var(--muted)}.home-end .button{margin-top:25px}footer{background:#e9e5da;padding:60px 5vw 20px}.footer-top{display:grid;grid-template-columns:1.3fr .8fr .8fr 1.1fr;gap:50px;max-width:1400px;margin:auto}.footer-top p{margin:20px 0;font-size:14px;color:#6e6151}.footer-top h3{font-size:15px;margin:15px 0 22px}.footer-top a:not(.text-link){display:block;font-size:13px;margin:11px 0}.footer-top img{object-fit:contain}.footer-bottom{border-top:1px solid #cfc8b9;margin:40px auto 0;padding-top:20px;max-width:1400px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#746b5e}.menu-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;background:#eee7dc}.menu-hero img{width:100%;height:540px}.menu-hero>div{padding:45px 7vw}.menu-hero p{margin:25px 0}.menu-hero .text-link{margin-top:12px}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.filter-bar button{border:1px solid var(--line);padding:9px 22px;font-size:14px;min-height:44px}.filter-bar button[aria-pressed=true]{color:white;background:var(--brown);border-color:var(--brown)}.check{display:flex;align-items:center;gap:10px;font-size:13px}.check input{accent-color:var(--brown);width:17px;height:17px}#menu-count{font-size:12px;color:var(--muted);margin:18px 0}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 70px}.menu-item{padding:28px 0;border-top:1px solid var(--line)}.menu-item>div{display:flex;justify-content:space-between;gap:20px;align-items:center}.menu-item h3{font-size:21px}.menu-item p{font-size:14px;color:var(--muted);margin:9px 0}.menu-item small{font-size:12px;color:#7a6954}.note{font-size:12px;color:var(--muted);line-height:1.9;margin-top:25px}.seasonal-note{background:#eee4d1;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.seasonal-note h2{margin:14px 0}.pill{font-size:12px;border:1px solid #b7a994;padding:5px 12px;display:inline-block}.coffee-hero{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;background:#f0ede5}.coffee-hero>div{padding:55px 6vw}.coffee-hero p{margin:20px 0 30px}.coffee-hero img{width:100%;height:550px}.finder{padding:35px;background:#ede9df;display:grid;grid-template-columns:.7fr 1.3fr;gap:20px 40px}.finder h2{font-size:29px}.finder p{font-size:14px;margin-top:12px}.finder form{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:end}.finder .button{grid-column:1/-1;justify-self:start}label{display:grid;gap:8px;font-size:13px}input,select,textarea{background:#fffefa;border:1px solid #cfc7b8;padding:11px 12px;border-radius:0;min-width:0;width:100%}textarea{resize:vertical}#finder-result{grid-column:1/-1;border-top:1px solid #c8bead;padding-top:23px}#finder-result button{margin-left:20px}.collection{padding-top:10px}.store-hero{position:relative}.store-hero img{width:100%;height:560px}.store-hero>div{position:absolute;bottom:35px;left:5vw;background:#faf9f4f5;padding:25px 40px}.store-hero h1{font-size:38px}.stores{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}.stores>div>p{margin:20px 0}.stores label{margin-top:30px}.stores article{padding:0 0 40px;margin-bottom:40px;border-bottom:1px solid var(--line)}.stores article h2{margin:14px 0}.stores article p{color:var(--muted)}dl{margin:25px 0}dl>div{display:grid;grid-template-columns:95px 1fr;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}dt{color:var(--muted)}dd{margin:0}.faq h2{margin-bottom:20px}.faq details{padding:22px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:17px}.faq details p{margin-top:20px;max-width:800px;color:var(--muted)}.story-head{text-align:center;padding:75px 24px}.story-head p{margin-top:25px;color:var(--muted)}.story-photo{padding:0 8vw}.story-photo img{width:100%;height:530px}.story-body{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw}.story-body p{margin-bottom:22px;line-height:2;color:#6b6054}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding-top:10px}.values article{border-top:1px solid var(--line);padding-top:28px}.values h2{font-size:27px;margin-bottom:18px}.values p{font-size:14px;color:var(--muted)}.brew-head{display:grid;grid-template-columns:1fr 1fr;align-items:center}.brew-head>div{padding:60px 6vw}.brew-head p{margin-top:25px;color:var(--muted)}.brew-head img{width:100%;height:480px}.brew-layout{display:grid;grid-template-columns:220px 1fr;gap:6vw}.brew-layout aside a{display:block;margin-top:24px;font-size:14px}.brew-layout aside h2{font-size:28px}.calculator{background:var(--cream);padding:35px}.calculator h2{font-size:28px;margin-bottom:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.brew-result{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin-top:30px;padding-top:25px}.brew-result span{font-size:12px}.brew-result strong{font-family:Georgia,serif;font-size:38px;display:block;font-weight:400;line-height:1.6}.brew-result small{font-family:inherit;font-size:16px}.steps{padding:55px 0}.steps h2{font-size:28px}.steps article{padding:28px 0;border-bottom:1px solid var(--line)}.steps article p{color:var(--muted);margin-top:12px;font-size:14px}.timer{background:#e7dfd0;margin-top:35px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.timer output{font-family:Georgia,serif;font-size:48px;font-variant-numeric:tabular-nums}.timer p{font-size:13px}.timer>div:last-child{display:flex;flex-direction:column;align-items:center;gap:15px}.tasting-head{padding-bottom:25px}.tasting-head p{margin-top:16px}.tasting-layout{display:grid;grid-template-columns:1.3fr .8fr;gap:7vw;align-items:start}.tasting-summary{background:var(--cream);padding:30px}.tasting-summary label{margin:20px 0}.tasting-summary h2{font-size:27px}.tasting-summary .button{width:100%}#tasting-total{margin:25px 0 12px;border-top:1px solid #c5baaa;padding-top:20px}.tasting-item{display:grid;grid-template-columns:75px 1fr auto;align-items:center;gap:25px;padding:25px 0;border-bottom:1px solid var(--line)}.tasting-swatch{height:100px;background:var(--bag);display:flex;align-items:center;justify-content:center;font-size:35px;color:#fff8e9}.tasting-item h2{font-size:25px}.tasting-item p{font-size:13px;color:var(--muted)}.tasting-item button{font-size:12px;text-decoration:underline}.empty{padding:60px 30px;background:#f0ede6;text-align:center}.empty p{margin:15px 0 28px}.empty h2{font-size:25px}dialog{border:1px solid var(--line);padding:55px 40px 40px;width:560px;max-width:calc(100% - 32px);max-height:85vh;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#23180fc0}.close{position:absolute;right:15px;top:10px;width:38px;height:38px;font-size:23px}dialog h2{font-size:32px}dialog p{margin-top:18px}dialog .button{margin-top:20px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 40px);background:#30251e;color:white;padding:13px 25px;z-index:30;font-size:14px;width:max-content}#brew-error{color:#9c301c;font-size:13px;margin-top:12px}[hidden]{display:none!important}@media(min-width:1600px){.header{grid-template-columns:1fr 300px 1fr}.home-hero>img{height:570px}}@media(max-width:1100px){.header{grid-template-columns:1fr 220px 1fr;padding:0 3vw}.header nav{gap:14px;font-size:12px}.brand img{width:190px}.section{padding:55px 4vw}.split-copy{padding:45px 5vw}.footer-top{gap:30px}.package-art{height:260px}.menu-grid{gap:0 40px}.brew-layout{grid-template-columns:160px 1fr;gap:35px}}@media(max-width:800px){html{scroll-padding-top:30px}.announcement{font-size:10px;gap:10px;padding:8px 10px}.announcement a{white-space:nowrap}.header{height:80px;grid-template-columns:1fr 175px 1fr;padding:0 20px}.brand img{width:175px;height:55px}.nav-toggle{display:flex;flex-direction:column;gap:6px;align-items:start;justify-content:center;padding:0;width:35px;height:44px}.nav-toggle span{height:1px;width:23px;background:var(--brown)}.header nav{display:none;position:absolute;left:0;right:0;top:80px;padding:18px 25px 28px;background:var(--paper);border-bottom:1px solid var(--line);font-size:16px;box-shadow:0 15px 18px #0001}.header nav.open{display:grid;gap:2px}.header nav a{padding:12px}.list-link{font-size:0}.list-link span{font-size:12px;width:26px;height:26px;margin:0}.list-link:before{content:"清單";font-size:11px;display:block;text-align:center}.home-hero>img{height:360px;min-height:0}.hero-caption{display:block;padding:26px 23px 32px}.hero-caption h1{font-size:27px}.hero-caption p{font-size:13px;line-height:1.9}.hero-caption .button{margin-top:23px;min-width:210px}.section{padding:45px 23px}.section-title{gap:15px;align-items:flex-end;margin-bottom:25px}.section-title h2{font-size:27px}.section-title .text-link{font-size:12px;flex-shrink:0}.products{gap:20px;grid-template-columns:1fr}.product{display:grid;grid-template-columns:135px 1fr;gap:20px;align-items:center}.package-art{height:185px}.bag{width:92px;height:138px}.bag-label{top:29px;left:10px;right:10px;bottom:16px;gap:3px}.bag-label strong{font-size:11px}.bag-label span{font-size:10px}.bag-label small{font-size:6px}.bag-label .little-sun{font-size:20px}.seal{top:5px;height:8px}.product-info h3{font-size:19px}.product-info p{font-size:12px;margin-bottom:15px}.product-bottom{display:block}.product-bottom>span{display:block;margin-bottom:10px}.product-bottom .text-link{font-size:12px}.ground-shadow{bottom:15px}.split{grid-template-columns:1fr;min-height:0}.split-copy{padding:42px 25px}.split-copy h2{font-size:34px;margin-bottom:18px}.split-copy p{font-size:14px;margin-bottom:25px}.split>img{min-height:0;height:330px;grid-row:1}.split-copy{grid-row:2}.category-grid{grid-template-columns:1fr;gap:14px}.category-grid a{min-height:160px;padding:24px}.category-grid h3{font-size:27px}.home-end{padding:55px 24px}.home-end h2{font-size:26px}.home-end p{font-size:13px}.footer-top{grid-template-columns:1fr 1fr;gap:20px}.footer-top>div:first-child{grid-column:1/-1}.footer-top>div:last-child{grid-column:1/-1}.footer-top h3{margin-bottom:15px}.footer-top img{width:200px}.footer-top p{font-size:13px;margin:13px 0}.footer-bottom{display:block;font-size:10px}.footer-bottom span{display:block;margin-top:10px}footer{padding:40px 25px 20px}.menu-hero,.coffee-hero,.brew-head{grid-template-columns:1fr}.menu-hero img{height:310px}.menu-hero>div,.coffee-hero>div,.brew-head>div{padding:35px 25px}.menu-hero p{margin:18px 0}.menu-hero h1,.coffee-hero h1,.brew-head h1{font-size:36px}.menu-grid{grid-template-columns:1fr}.filter-bar{gap:8px}.filter-bar button{padding:8px 14px;font-size:12px}.menu-item h3{font-size:20px}.seasonal-note{grid-template-columns:1fr;gap:5px}.seasonal-note dl{margin-bottom:0}.coffee-hero img{height:300px;grid-row:1}.coffee-hero>div{grid-row:2}.finder{padding:25px;grid-template-columns:1fr}.finder form{grid-template-columns:1fr;gap:20px}.finder h2{font-size:25px}#finder-result button{margin:12px 0 0}.store-hero img{height:430px}.store-hero>div{left:20px;right:20px;bottom:20px;padding:22px}.store-hero h1{font-size:31px}.stores{grid-template-columns:1fr;gap:40px}.stores article:last-child{margin-bottom:0}.story-head{padding:48px 25px}.story-head h1{font-size:34px}.story-photo{padding:0 23px}.story-photo img{height:300px}.story-body{grid-template-columns:1fr;gap:25px}.values{grid-template-columns:1fr;gap:25px;padding-top:0}.brew-head img{height:290px}.brew-head p{font-size:14px}.brew-layout{grid-template-columns:1fr;gap:30px}.brew-layout aside{display:flex;flex-wrap:wrap;gap:20px}.brew-layout aside h2{width:100%}.brew-layout aside a{margin:0}.calculator{padding:24px}.calculator h2{font-size:25px}.form-grid{gap:15px}.brew-result{gap:10px;flex-wrap:wrap}.brew-result strong{font-size:31px}.brew-result small{font-size:13px}.steps h2{font-size:25px}.timer{padding:22px;display:block}.timer>div:last-child{flex-direction:row;margin-top:15px}.tasting-head{padding-bottom:0}.tasting-layout{grid-template-columns:1fr;gap:35px}.tasting-item{gap:15px;grid-template-columns:55px 1fr auto}.tasting-item h2{font-size:21px}.tasting-swatch{height:80px}.tasting-summary{padding:25px}dialog{padding:50px 25px 30px}dialog h2{font-size:28px}.section-title>p{font-size:11px;white-space:nowrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:800px){body .home-hero>img{object-position:70% 60%}}