:root{color-scheme:light;--paper:#f6f1e7;--ink:#3a2e16;--muted:#74654c;--line:#d9ceba;--yellow:#f6de8c;--peach:#fccf98}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;-webkit-font-smoothing:antialiased;line-height:1.8}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #9d4a20;outline-offset:6px;border-radius:3px}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}.wrap{width:min(1120px,calc(100% - 80px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:24px;z-index:5;background:var(--ink);color:var(--paper);padding:12px 20px}.skip-link:focus{top:12px}.site-header{min-height:108px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:23px;font-weight:800;letter-spacing:.08em;white-space:nowrap}.brand span{display:block;font-size:10px;font-weight:400;letter-spacing:.16em;margin-top:-3px}nav{display:flex;gap:34px;font-size:13px}nav a{padding-block:10px}nav a:hover,.site-footer a:hover{text-decoration:underline;text-underline-offset:6px}nav span{padding-left:8px}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:670px;align-items:center;gap:24px;padding-block:66px 76px}.eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:600;letter-spacing:.16em;margin-bottom:22px}h1{font-size:clamp(38px,4.5vw,61px);line-height:1.35;font-weight:750;letter-spacing:-0.035em}.no-wrap{white-space:nowrap}.hero-description{color:var(--muted);font-size:16px;line-height:1.95;margin-top:28px}.hero-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:14px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:46px;padding:15px 24px;background:var(--ink);border:1px solid var(--ink);color:var(--paper);border-radius:4px;font-size:14px;transition:background .2s,transform .2s}.button:hover{background:#594529;transform:translateY(-2px)}.button span{font-size:19px}.hero-art{position:relative;height:485px;display:grid;place-items:center;isolation:isolate}.sun{position:absolute;width:90%;aspect-ratio:1;max-height:450px;background:var(--yellow);border-radius:46% 54% 49% 51% / 54% 47% 53% 46%;z-index:-1;transform:rotate(-9deg)}.hero-mark{width:188px;transform:rotate(5deg);margin-top:-12px}.intro-strip{background:#e9e3d5;padding-block:20px;font-size:14px;letter-spacing:.07em}.intro-strip p{display:flex;justify-content:space-between;gap:20px}.intro-strip span{font-size:12px;color:var(--muted)}.section{padding-block:100px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:46px}.section-heading .eyebrow{margin-bottom:14px}h2{font-size:38px;line-height:1.4;letter-spacing:-0.02em;font-weight:700}.section-heading>p{font-size:14px;color:var(--muted)}.coffee-pair{display:grid;grid-template-columns:1fr 1fr;gap:36px}.coffee-visual{height:354px;position:relative;display:grid;place-items:center;overflow:hidden}.peach{background:#f3e1cb}.yellow{background:#eee6c9}.coffee-visual img{width:192px;box-shadow:10px 16px 19px -11px #57402445;transform:rotate(-7deg);transition:transform .35s}.yellow img{transform:rotate(7deg)}.coffee-item:hover .coffee-visual img{transform:rotate(0)}.item-number{position:absolute;top:20px;left:24px;font:italic 22px Georgia,serif}.roast-label{position:absolute;right:21px;bottom:19px;font-size:12px;border:1px solid #8b7656;border-radius:50%;padding:6px 15px}.coffee-details{padding-top:24px}h3{font-size:27px;font-weight:700}.origin{color:var(--muted);font-size:12px;letter-spacing:.08em;margin-top:3px}dl{margin:22px 0 16px;border-top:1px solid var(--line)}dl>div{display:flex;justify-content:space-between;gap:20px;padding-block:11px;border-bottom:1px solid var(--line);font-size:13px}dt{color:var(--muted)}dd{margin:0}.available-as{font-size:12px}.available-as span{padding-inline:7px;color:#9d8e73}.product-shop-button,.hero-shop-button{display:flex;align-items:center;justify-content:center;gap:14px;min-width:180px;max-width:100%;min-height:48px;padding:12px 24px;border:1px solid var(--ink);border-radius:4px;background:var(--ink);color:var(--paper);font:inherit;font-size:15px;line-height:1.5;opacity:1;cursor:not-allowed}.product-shop-button{margin:24px auto 0}.hero-shop-button{background:transparent;color:var(--ink);font-size:14px}.product-shop-status{border-left:1px solid #8c7f65;padding-left:14px;font-size:11px}.brew-section{background:#eee8db}.brew-layout{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:80px}.brew-guide img{width:100%}.brew-guide>p{font-size:12px;color:var(--muted);text-align:center;margin-top:15px}.brew-dose{font-size:12px;color:var(--muted);margin-bottom:20px}.brew-water-label{font-size:13px;letter-spacing:.08em}.brew-water{font-size:56px;font-weight:700;line-height:1.25;margin:6px 0 28px}.brew-water span{font-size:22px;font-weight:400}.brew-steps{list-style:none;padding:0;margin:0;counter-reset:brew-step}.brew-steps li{position:relative;counter-increment:brew-step;padding:17px 0 17px 36px;border-top:1px solid #cfc2ac}.brew-steps li::before{content:"0" counter(brew-step);position:absolute;left:0;top:18px;font-size:12px;color:var(--muted)}.brew-steps strong{font-size:16px}.brew-steps p{margin-top:6px;font-size:13px;color:var(--muted)}.site-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:27px;font-size:12px}.site-footer p{font-weight:700}.site-footer p span{color:var(--muted);font-size:10px;margin-left:20px;font-weight:400}.site-footer a{font-size:11px}@media(max-width:900px){.wrap{width:calc(100% - 48px)}.hero{min-height:570px;gap:0;padding-block:54px}h1{font-size:42px}.hero-art{height:410px}.hero-mark{width:155px}.brew-layout{gap:40px}.coffee-visual{height:300px}.coffee-visual img{width:164px}}@media(max-width:650px){html{scroll-padding-top:18px}.wrap{width:calc(100% - 40px)}.site-header{min-height:94px;gap:10px}.brand{font-size:20px}.brand span{font-size:9px;letter-spacing:.08em}nav{gap:15px;font-size:11px}nav span{display:none}.hero{grid-template-columns:1fr;padding-block:45px 30px}h1{font-size:clamp(36px,8.5vw,49px)}.hero-description{font-size:14px;margin-top:22px}.hero-actions{margin-top:24px}.button{padding:12px 21px;font-size:13px}.hero-art{margin-top:27px;height:365px}.sun{width:310px;max-width:90%}.hero-mark{width:145px}.intro-strip{padding-block:19px}.intro-strip p{display:block;font-size:13px}.intro-strip span{display:block;font-size:10px;margin-top:5px}.section{padding-block:64px}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:17px;font-size:13px}h2{font-size:31px}.coffee-pair{grid-template-columns:1fr;gap:42px}.coffee-visual{height:320px}.coffee-visual img{width:175px}.coffee-details{padding-top:20px}.coffee-details h3{font-size:25px}.brew-layout{grid-template-columns:1fr;gap:34px}.brew-guide{max-width:460px;margin-inline:auto}.site-footer{align-items:start;font-size:12px;padding-block:23px}.site-footer p span{display:block;margin:4px 0 0;font-size:9px}.site-footer a{font-size:10px;padding-top:4px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}