:root{--navy:#183653;--cream:#f7f4ed;--rust:#aa623d;--line:#d9d9cf;--muted:#697374}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--navy);background:var(--cream);font-family:'Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #b87549;outline-offset:5px}.announcement{background:var(--navy);color:#eee9dc;font-size:11px;letter-spacing:2px;text-align:center;padding:11px 20px}.announcement span{position:absolute;right:32px;font-size:10px;opacity:.7}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;background:var(--cream);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.logo-crop{display:block;width:64px;height:65px;background:url('assets/brand.png') -76px -4px/205px 205px;mix-blend-mode:multiply}.brand-type{font-family:serif;font-size:27px;letter-spacing:5px}.brand-type small{display:block;font:9px sans-serif;letter-spacing:4px;margin-top:5px}nav{display:flex;gap:28px;font-size:13px}nav a:hover{color:var(--rust)}.cart-button{background:none;border:1px solid #b7bdba;border-radius:3px;padding:12px 17px;font-size:12px}.cart-button span{margin-left:12px}.menu-button{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:655px}.hero-copy{padding:85px 8% 30px 9%;display:flex;flex-direction:column}.eyebrow,.section-label{font-size:10px;letter-spacing:2.5px;font-weight:600}.hero h1{font-family:'Noto Serif TC','Songti TC',serif;font-weight:500;font-size:clamp(38px,4.2vw,66px);line-height:1.55;letter-spacing:3px;margin:32px 0 23px}.hero h1 span{color:var(--rust)}p{font-size:14px;line-height:1.9;color:var(--muted)}.actions{display:flex;gap:26px;align-items:center;margin:25px 0 65px;flex-wrap:wrap}.button{display:inline-flex;justify-content:space-between;gap:30px;padding:16px 23px;background:var(--navy);color:white;font-size:13px;border:0}.text-link{font-size:13px;border:0;border-bottom:1px solid #9ba7ab;padding:8px 0;background:transparent}.hero-foot{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;margin-top:auto;color:var(--muted)}.hero-image{position:relative;overflow:hidden;background:#e8e0d3}.hero-image img{width:100%;height:100%;object-fit:cover;position:absolute;object-position:center}.image-caption{position:absolute;bottom:18px;right:20px;font-size:9px;letter-spacing:2px;background:#f7f4edc9;padding:9px}.ribbon{display:flex;justify-content:space-around;align-items:center;border-bottom:1px solid var(--line);padding:22px 12px;font-size:11px;letter-spacing:3px;gap:15px}.ribbon i{color:var(--rust);font-size:20px}.section{padding:80px 7%;scroll-margin-top:20px}h2{font-family:'Noto Serif TC','Songti TC',serif;font-weight:500;font-size:37px;line-height:1.55;letter-spacing:2px;margin:18px 0}h3{font-weight:500;line-height:1.5}.theme{background:#e9ece7}.theme-title{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;margin-top:28px}.theme h2{font-size:49px;margin-bottom:30px}.theme em{font-style:normal;color:var(--rust)}.theme-bottom{display:flex;justify-content:space-between;border-top:1px solid #bcc5c2;padding-top:24px;font-size:12px;letter-spacing:2px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{padding:9px 20px;border:1px solid #d3d7cf;background:none;border-radius:20px;font-size:12px}.filters button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.subtle{font-size:11px;margin:20px 0}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.product-art{height:240px;background:#ede8df;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-art small{position:absolute;bottom:12px;left:14px;font-size:9px;letter-spacing:2px;color:#7b817e}.cup{height:105px;width:115px;background:var(--navy);border-radius:6px 6px 45px 45px;box-shadow:10px 18px 22px #182d3421;position:relative;transform:rotate(-8deg)}.cup:before{content:'';position:absolute;right:-30px;top:12px;width:37px;height:53px;border:9px solid var(--navy);border-left:0;border-radius:0 25px 25px 0}.cup:after{content:'Jiaffeine';position:absolute;top:40px;left:13px;font:italic 19px Georgia;color:#eee8dd}.glass{width:86px;height:137px;background:linear-gradient(0deg,#d2a150,#f3d68b);border:3px solid #fff9;border-radius:5px 5px 18px 18px;transform:rotate(7deg);box-shadow:10px 18px 22px #182d3421}.glass:before{content:'◯';display:block;color:#faf5b8;font-size:55px;text-align:center;margin-top:20px}.protein{background:linear-gradient(0deg,#c3a482,#e7d8bb)}.bag{background:#faf3e8;width:110px;height:153px;box-shadow:10px 18px 22px #182d3421;transform:rotate(-8deg);border-top:13px solid #e5dccc;display:flex;align-items:center;justify-content:center;text-align:center;font-family:serif;font-size:24px}.bag span{font-size:10px;display:block;margin-top:10px}.product h3{font-size:17px;margin:17px 0 5px}.product p{font-size:12px;margin:5px 0}.product-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:12px}.product-bottom button{border:1px solid #bcc4c4;background:none;width:32px;height:32px;border-radius:50%;font-size:20px}.salon{background:var(--navy);color:var(--cream);display:grid;grid-template-columns:1fr 1.15fr;gap:70px}.salon p{color:#c5cdd0}.outline-tag{display:inline-block;border:1px solid #88969c;padding:8px 14px;font-size:11px;margin-top:15px}.events article{display:flex;gap:25px;border-top:1px solid #697e8b;padding:27px 0}.event-num{font:italic 36px Georgia;color:#c9b79b}.events small{font-size:10px;letter-spacing:1px;color:#bfcdc9}.events h3{margin:10px 0;font-size:23px}.events p{font-size:12px}.events .text-link{color:var(--cream)}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.journal-item{background:none;border:0;padding:0;text-align:left}.video-art{height:235px;position:relative;padding:26px;overflow:hidden}.blue{background:#dfe5e8}.sand{background:#e9dfce}.rust{background:#bb7954;color:#fff6e7}.big-word{font:43px/1 Georgia;letter-spacing:-2px;display:block;margin-top:27px}.video-art small{position:absolute;bottom:20px;font-size:9px;letter-spacing:2px}.play{position:absolute;right:20px;top:20px;border:1px solid;border-radius:50%;width:37px;height:37px;text-align:center;line-height:35px}.journal-item h3{font-size:18px;margin-bottom:5px}.journal-item p{font-size:12px}.community{background:#e9ece7;display:grid;grid-template-columns:1fr 1fr;gap:60px}.community small{font-size:10px;color:var(--muted)}.taste-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:center}.taste-options button{background:transparent;border:1px solid #acb8b6;padding:19px 17px;font-size:13px;display:flex;justify-content:space-between}.taste-options button:hover,.taste-options button.selected{background:var(--navy);color:white}.taste-options p{grid-column:1/-1;font-size:12px;min-height:45px}.about{text-align:center;padding:95px 20px}.about p{margin-bottom:30px}footer{border-top:1px solid var(--line);padding:42px 6%;display:flex;justify-content:space-between;gap:35px}footer strong{font:24px serif}footer strong em{font:italic 21px Georgia;margin-left:8px}footer p,footer a{font-size:11px}footer a{display:block;margin-bottom:12px}footer small{font-size:9px;color:var(--muted)}dialog{border:0;padding:40px;background:var(--cream);color:var(--navy);max-width:560px;width:calc(100% - 30px);max-height:85vh;overflow:auto;box-shadow:0 20px 70px #0003}dialog::backdrop{background:#11283b99;backdrop-filter:blur(3px)}.close{position:absolute;right:12px;top:8px;background:none;border:0;font-size:28px}.cart-row{display:flex;justify-content:space-between;gap:10px;padding:15px 0;border-bottom:1px solid var(--line);align-items:center;font-size:13px}.cart-row button{background:none;border:1px solid #bbb;padding:5px 10px}.cart-row small{display:block;margin-top:6px;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:13px 25px;font-size:13px;z-index:30;display:none}dialog h2{font-size:28px}dialog li{font-size:14px;line-height:2}dialog .button{margin-top:20px}@media(min-width:1500px){main,header,footer{max-width:1600px;margin:auto}}@media(max-width:1000px){nav{gap:15px;font-size:11px}.hero-copy{padding-top:55px}.actions{gap:15px}.products{grid-template-columns:repeat(2,1fr)}.salon{gap:30px}.hero{min-height:600px}.product-art{height:250px}.big-word{font-size:35px}}@media(max-width:700px){.announcement{font-size:9px;letter-spacing:1px}.announcement span{display:none}header{height:78px;padding:0 5%;gap:12px}.brand-type{font-size:22px}.logo-crop{width:45px;height:50px;background-size:155px 155px;background-position:-58px -3px}.brand-type small{font-size:7px}nav{display:none;position:absolute;left:0;top:78px;background:var(--cream);width:100%;padding:24px;box-shadow:0 8px 10px #0001}nav.open{display:flex;flex-direction:column;font-size:15px;gap:23px}.menu-button{display:block;background:none;border:0;font-size:22px}.cart-button{margin-left:auto;font-size:10px;padding:9px}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 7% 25px}.hero h1{font-size:43px;margin:22px 0 15px}.hero p{font-size:12px}.hero-image{height:430px}.hero-image img{object-position:center 60%}.actions{margin:20px 0 35px}.ribbon{font-size:8px;letter-spacing:1px}.ribbon span:last-child,.ribbon i:last-of-type{display:none}.section{padding:50px 6%}.theme-title,.salon,.community{grid-template-columns:1fr;gap:22px}.theme h2{font-size:37px}.theme-title{margin-top:25px}.theme-bottom{font-size:9px;letter-spacing:0;margin-top:25px}.section-heading{display:block}h2{font-size:29px}.section-heading p{font-size:12px}.products{gap:16px}.product-art{height:190px}.product h3{font-size:15px}.product p{font-size:11px}.cup{transform:scale(.8) rotate(-8deg)}.journal-grid{grid-template-columns:1fr}.video-art{height:220px}.big-word{font-size:48px}.journal-item{margin-bottom:12px}.salon-intro h2{font-size:31px}.salon-intro p{font-size:12px}.events h3{font-size:20px}.about{padding:65px 6%}footer{flex-wrap:wrap;padding:35px 6%}footer>div:last-child{width:100%}.filters button{padding:8px 13px}dialog{padding:32px 24px}.eyebrow{font-size:8px;letter-spacing:1.8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.cup-logo{width:70px;height:76px;object-fit:contain;background:transparent;mix-blend-mode:normal}.stores{border-top:1px solid var(--line);background:#eef0ea}.store-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.store-card{border:1px solid #cbd3cd;padding:30px;background:var(--cream)}.store-card h3{font-family:serif;font-size:25px}.store-card p{margin:8px 0}.store-card .text-link{display:inline-block;margin-top:12px}@media(max-width:700px){.cup-logo{width:48px;height:58px}}