@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;900&display=swap');
.coffee-batch+.coffee-batch{margin-top:55px}.catalog-label{background:#fff;border:1px solid #e1e1d9;padding:8px;display:flex;align-items:center;aspect-ratio:1/.82;overflow:hidden}.catalog-label img{width:100%;height:100%;object-fit:contain;transition:transform .2s}.product:hover .catalog-label img{transform:scale(1.025)}.label-tabs{display:flex;gap:10px;margin-bottom:14px}.label-tabs button{border:1px solid #9da392;padding:8px 14px;font-size:11px}.label-tabs button[aria-pressed=true]{background:#262824;color:#fff}.label-download{display:inline-block;font-size:12px;text-decoration:underline;margin-top:15px}#detail-origin{overflow-wrap:anywhere}
:root{--paper:#f8f7f2;--ink:#262824;--line:#d6d7cc;--blue:#168db1;--purple:#b99ac6;--orange:#eaa975}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans TC',sans-serif;font-size:14px;line-height:1.7}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}button:disabled{cursor:not-allowed}button{background:none;border:0}.preview{background:var(--ink);color:white;text-align:center;font-size:11px;letter-spacing:2px;padding:5px}header{height:98px;max-width:1320px;margin:auto;padding:20px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:31px;line-height:1.1;font-weight:900;letter-spacing:-1.5px}.wordmark span{display:block;font-size:8px;letter-spacing:1.8px;margin-top:7px}nav{display:flex;gap:30px;align-items:center;font-size:12px}nav a:hover{color:var(--blue)}.cart-button{border:1px solid var(--ink);border-radius:30px;padding:9px 17px;font-size:12px}.cart-button span{display:inline-block;margin-left:12px}main{max-width:1320px;margin:auto}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:center;padding:70px 8% 80px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;margin:0 0 24px}h1{font-size:clamp(34px,4.3vw,60px);line-height:1.35;letter-spacing:-1.8px;margin:0 0 25px;font-weight:900}.hero p:not(.eyebrow){color:#686a62;line-height:2;margin-bottom:30px}.button{display:inline-flex;gap:35px;justify-content:space-between;align-items:center;padding:14px 23px;font-size:13px;border:1px solid var(--ink);border-radius:3px}.dark{background:var(--ink);color:white}.dark:hover{background:#41463e}.hero-label{background:linear-gradient(155deg,#bca2ca,#edb283 65%,#e7c9a6);padding:35px;transform:rotate(2deg);box-shadow:14px 17px 0 #e9e7de}.hero-label img{width:100%;display:block;mix-blend-mode:multiply}.hero-caption{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;margin-top:25px}.collection{padding:55px 5% 80px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:42px}.section-heading .eyebrow{margin-bottom:9px}h2{font-size:clamp(24px,2.4vw,34px);line-height:1.45;letter-spacing:-.8px;margin:0 0 15px}.section-heading h2{margin:0}.section-heading>p{font-size:12px;color:#696c63;margin:0}.batch-head{display:flex;justify-content:space-between;align-items:end;border-top:2px solid var(--ink);padding:20px 0;border-bottom:1px solid var(--line);margin-bottom:27px}.pill{font-size:9px;border:1px solid #acafa1;border-radius:20px;padding:3px 8px}.batch-head h3{font-size:23px;margin:7px 0 0;letter-spacing:1px}.batch-head small{font-size:10px;font-weight:400;letter-spacing:0}.batch-head>span{font-size:10px;color:#77796f}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.product{text-align:left;padding:0;min-width:0}.product-art{aspect-ratio:1/.94;background:linear-gradient(175deg,#b391c3,#edaa73 60%,#e9c59e);padding:25px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;transition:transform .2s}.product:hover .product-art{transform:translateY(-4px)}.art-code,.art-bottom{font-size:9px;letter-spacing:1.5px}.mini-logo{text-align:center;font-weight:700;font-size:12px;line-height:1.5}.mini-logo strong{font-size:38px;letter-spacing:-1.5px}.product-meta{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;margin-top:20px}.product h3{font-size:21px;margin:7px 0}.product>p{font-size:12px;color:#77796f;margin:0 0 20px}.price-line{border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;align-items:center}.price-line small{font-weight:400;font-size:10px}.price-line span{font-size:11px}.placeholder-art{aspect-ratio:1/.94;background:#e8e9e3;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#92968b}.placeholder-art span{font-size:55px;font-weight:400}.placeholder-art p{font-size:9px;letter-spacing:3px}.beige{background:#eee7dd}.pending h3{color:#72766b}.subscription{background:#e8ece2;padding:65px 5%}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plans button{text-align:left;padding:27px;background:var(--paper);border:1px solid #a9b09e}.plans button:hover{border-color:var(--ink);background:white}.plans span{font-size:9px;letter-spacing:2px}.plans h3{font-size:34px;letter-spacing:-1px;margin:25px 0 0}.plans p{font-size:11px;margin:0 0 32px}.plans b{font-size:12px}.fine{color:#72766b;font-size:11px;line-height:1.8}.subscription>.fine{margin-top:22px}.how{padding:35px 5%;display:flex;justify-content:space-between;font-size:12px;border-bottom:1px solid var(--line)}footer{max-width:1320px;margin:auto;padding:45px 5%;display:flex;gap:25px;align-items:center}footer strong{font-size:24px;letter-spacing:-1px}footer p,footer span{font-size:10px;letter-spacing:1px}footer span{margin-left:auto}dialog{background:var(--paper);color:var(--ink);border:0;border-radius:5px;padding:45px;width:min(560px,94vw);max-height:90dvh;box-shadow:0 20px 100px #0004}dialog::backdrop{background:#2229;backdrop-filter:blur(3px)}dialog .close{position:absolute;top:8px;right:12px;font-size:26px;width:36px;height:36px}#product-dialog{width:min(980px,94vw)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.label-photo img{width:100%;display:block;margin-top:20px}.detail-grid h2{font-size:30px}.detail-grid .eyebrow{margin-bottom:12px}.detail-grid p{font-size:13px}dl{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;font-size:11px}dl>div{display:flex;gap:25px}dt{width:50px;color:#73766c}dd{margin:0}.variant{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:16px 0}.variant b{font-size:13px}.variant small{display:block;font-size:10px;color:#72766b}.variant input{width:65px;padding:7px;border:1px solid var(--line);background:white;border-radius:0}.variant label{font-size:10px}.full{width:100%;justify-content:center}.field{display:block;font-size:12px;margin:18px 0}.field input,.field select,.field textarea{display:block;width:100%;background:white;border:1px solid #b9beaf;padding:12px;margin-top:7px;border-radius:0}.field textarea{min-height:90px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field[hidden]{display:none}fieldset{border:1px solid var(--line);padding:15px;margin:20px 0}fieldset legend{font-size:12px}fieldset>label{margin-right:15px;font-size:12px}.delivery>label{display:flex;gap:8px;margin:12px 0}.delivery b{margin-left:auto;font-size:11px;font-weight:500}.remember{font-size:12px}.total-line,.cart-line{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid var(--line)}.cart-line strong{font-size:13px}.cart-line p{font-size:11px;margin:5px 0}.cart-line button{font-size:11px;text-decoration:underline}.order-summary{border-top:1px solid var(--ink);padding-top:12px;margin-top:25px}.order-summary>div{display:flex;justify-content:space-between;margin:12px 0}.grand{border-top:1px solid var(--line);padding-top:15px;font-size:19px}.preview-note{font-size:12px;border-left:3px solid var(--blue);padding-left:12px}.saved-buttons{display:flex;gap:15px;font-size:12px}.saved-buttons button{text-decoration:underline}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 24px;border-radius:4px;z-index:10;display:none}
@media(max-width:700px){header{height:85px;padding:15px 5%}.wordmark{font-size:25px}.wordmark span{font-size:6px}nav{gap:13px;font-size:11px}.cart-button{padding:7px 10px;font-size:10px}.cart-button span{margin-left:5px}.hero{padding:40px 7% 55px;gap:35px;grid-template-columns:1fr}.hero-label{max-width:340px;width:90%;justify-self:center;padding:20px}.hero h1{font-size:39px}.hero .eyebrow{font-size:9px}.hero p:not(.eyebrow){font-size:13px}.section-heading{align-items:start;flex-direction:column;gap:15px;margin-bottom:28px}.collection{padding-top:40px}.batch-head{gap:12px}.batch-head h3{font-size:19px}.batch-head>span{max-width:95px;text-align:right}.product-grid{grid-template-columns:1fr;gap:35px}.product-art{aspect-ratio:1/1;max-height:360px}.placeholder-art{aspect-ratio:2/1}.product-meta{margin-top:15px}.plans{grid-template-columns:1fr;gap:12px}.plans button{padding:20px}.plans h3{margin:10px 0;font-size:30px}.plans p{margin-bottom:15px}.subscription{padding-top:40px}.how{flex-direction:column;gap:16px}footer{flex-wrap:wrap;gap:12px}footer span{width:100%;margin-left:0}dialog{padding:40px 23px 25px}.detail-grid{grid-template-columns:1fr;gap:20px}.label-photo img{margin:0}.detail-grid .eyebrow{font-size:9px}.form-grid{gap:12px}.cart-line{gap:10px}}

.mix-section{padding:55px 5%;border-top:1px solid var(--line);background:#eee9e1}.mix-section>.field{max-width:400px}.mix-section .total-line{max-width:550px;margin-top:15px}

.annual-note{border-top:1px solid #b6bcae;margin-top:28px;padding-top:18px}.annual-note h3{font-size:18px;margin:0 0 10px}.annual-note>p{font-size:12px}