:root{--ink:#271914;--muted:#75625a;--paper:#fffaf3;--cream:#f5e8d6;--caramel:#b9673e;--cocoa:#56352a;--green:#5e7350;--line:#e7d7c5;--shadow:0 24px 64px rgba(74,45,32,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;line-height:1.65}img{display:block;width:100%}a{color:inherit}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px clamp(18px,5vw,72px);background:rgba(255,250,243,.94);border-bottom:1px solid rgba(231,215,197,.8);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:44px;height:44px;overflow:hidden;border:1px solid var(--line);border-radius:50%}.brand-logo{height:100%;object-fit:cover}.brand strong,.brand small{display:block;line-height:1.25}.brand small{color:var(--muted);font-size:.78rem;letter-spacing:.08em}.site-nav{display:flex;align-items:center;gap:clamp(14px,3vw,32px)}.site-nav a{text-decoration:none;font-weight:700}.nav-order{padding:9px 16px;color:#fff;background:var(--cocoa);border-radius:999px}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,540px);align-items:center;gap:clamp(32px,7vw,96px);min-height:calc(100vh - 73px);padding:clamp(48px,8vw,100px) clamp(18px,6vw,92px);background:radial-gradient(circle at 10% 0%,#fff 0,transparent 38%),linear-gradient(135deg,#f6ead9,#fffaf3 60%)}.hero-copy{max-width:650px}.eyebrow{margin:0 0 12px;color:var(--caramel);font-size:.82rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:22px;font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(3rem,7vw,6.4rem);font-weight:500;line-height:.98;letter-spacing:-.04em}h1 em{color:var(--caramel);font-style:normal}h2{margin-bottom:14px;font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(2.2rem,4.5vw,4rem);font-weight:500;line-height:1.12}h3{margin-bottom:8px;font-size:1.45rem}.lead{max-width:570px;color:var(--muted);font-size:clamp(1rem,1.8vw,1.2rem)}.price-callout{display:flex;align-items:baseline;gap:10px;margin:25px 0}.price-callout span{color:var(--muted)}.price-callout strong{color:var(--cocoa);font-size:2rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:0 24px;border:1px solid transparent;border-radius:999px;font-weight:900;text-decoration:none;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button.primary{color:#fff;background:var(--cocoa);box-shadow:0 12px 28px rgba(86,53,42,.22)}.button.secondary{background:#fff;border-color:var(--line)}.hero-media{position:relative;margin:0}.hero-media img{aspect-ratio:4/5;object-fit:cover;border-radius:48% 48% 18px 18px;box-shadow:var(--shadow)}.hero-media figcaption{position:absolute;right:-14px;bottom:24px;padding:10px 16px;color:#fff;background:var(--cocoa);border-radius:999px;font-size:.85rem;font-weight:800}.section{padding:clamp(64px,9vw,120px) clamp(18px,6vw,92px)}.section-heading{max-width:780px;margin-bottom:40px}.section-heading>p:last-child{color:var(--muted)}.flavors-section{background:#fff}.flavor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.flavor-card{overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 30px rgba(74,45,32,.07)}.flavor-card img{aspect-ratio:4/5;object-fit:cover}.card-copy{position:relative;padding:26px}.flavor-number{position:absolute;right:24px;top:24px;color:#bda99e;font:italic 1.1rem Georgia,serif}.card-copy p{min-height:80px;color:var(--muted)}.card-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:18px;border-top:1px solid var(--line)}.card-bottom strong{color:var(--cocoa);font-size:1.45rem}.card-bottom a{color:var(--caramel);font-weight:900;text-decoration:none}.matcha .card-bottom a{color:var(--green)}.story-section{display:grid;grid-template-columns:minmax(280px,520px) minmax(0,1fr);align-items:center;gap:clamp(36px,8vw,110px);background:#f2eadf}.story-image img{aspect-ratio:1/1;object-fit:cover;border-radius:50% 50% 12px 12px;box-shadow:var(--shadow)}.story-copy{max-width:650px}.story-copy>p:not(.eyebrow){color:var(--muted);font-size:1.1rem}.story-copy ul{display:grid;gap:9px;padding-left:1.3rem;font-weight:800}.order-banner{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:clamp(55px,8vw,90px) clamp(18px,6vw,92px);color:#fff;background:var(--cocoa)}.order-banner .eyebrow{color:#e9b995}.order-banner h2{font-size:clamp(2rem,4vw,3.5rem)}.order-banner p{margin-bottom:0;color:rgba(255,255,255,.78)}.button.light{flex:none;color:var(--cocoa);background:#fff}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px clamp(18px,6vw,92px);color:#fff;background:#211511}.site-footer strong,.site-footer small{display:block}.site-footer small{color:#cdbeb6}.footer-links{display:flex;gap:22px}.footer-links a{text-decoration:none}
@media(max-width:900px){.hero,.story-section{grid-template-columns:1fr}.hero{min-height:auto}.hero-media{max-width:560px}.flavor-grid{grid-template-columns:1fr}.flavor-card{display:grid;grid-template-columns:minmax(230px,42%) 1fr}.flavor-card img{height:100%}.card-copy p{min-height:0}.order-banner{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.site-header{align-items:flex-start;flex-direction:column}.site-nav{width:100%;justify-content:space-between;font-size:.9rem}.hero,.section{padding-left:16px;padding-right:16px}.hero-media figcaption{right:10px}.hero-actions{flex-direction:column}.button{width:100%}.flavor-card{display:block}.order-banner{padding-left:16px;padding-right:16px}.site-footer{align-items:flex-start;flex-direction:column}}