.nav{z-index:200;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 48px;display:flex;position:fixed;top:0;left:0;right:0}.nav__brand{align-items:baseline;gap:10px;text-decoration:none;display:flex}.nav__logo{letter-spacing:.12em;color:var(--cocoa);font-family:Cormorant Garamond,serif;font-size:26px;font-weight:500}.nav__zh{letter-spacing:.3em;color:var(--ink-faint);font-size:11px}.nav__links{align-items:center;gap:36px;list-style:none;display:flex}.nav__links a{letter-spacing:.18em;color:var(--ink-soft);font-size:12.5px;text-decoration:none;transition:color .25s}.nav__links a:hover{color:var(--cocoa)}.nav__cta{background:var(--cocoa);border-radius:2px;padding:10px 26px;transition:background .25s;color:var(--paper)!important}.nav__cta:hover{background:var(--accent)}.hero{grid-template-columns:1.05fr 1fr;align-items:stretch;min-height:100vh;display:grid}.hero__text{flex-direction:column;justify-content:center;padding:140px 64px 80px 88px;display:flex}.hero__eyebrow{letter-spacing:.42em;color:var(--accent);margin-bottom:34px;font-size:11.5px;font-weight:400}.hero__title{color:var(--cocoa);margin-bottom:26px;font-family:Noto Serif TC,serif;font-size:clamp(34px,3.6vw,52px);font-weight:600;line-height:1.55}.hero__sub{color:var(--ink-soft);max-width:40ch;margin-bottom:14px;font-size:15px}.hero__note{letter-spacing:.14em;color:var(--ink-faint);margin-bottom:52px;font-size:12px}.hero__actions{flex-wrap:wrap;gap:14px;display:flex}.hero__img{position:relative;overflow:hidden}.hero__img img{object-fit:cover;aspect-ratio:1;width:100%;height:100%}.hero__img:after{content:"";background:linear-gradient(105deg,var(--bg) 0%,transparent 22%);position:absolute;inset:0}.section{padding:120px 88px}.section__eyebrow{letter-spacing:.14em;color:var(--accent);margin-bottom:18px;font-family:Cormorant Garamond,serif;font-size:17px;font-style:italic}.section__title{color:var(--cocoa);font-family:Noto Serif TC,serif;font-size:clamp(26px,2.6vw,36px);font-weight:600;line-height:1.6}.center{text-align:center}.rule{background:var(--accent);width:48px;height:1px;margin:28px 0}.rule--center{margin:28px auto}.story{background:var(--paper);grid-template-columns:1fr 1.15fr;align-items:center;gap:96px;display:grid}.story__logo{opacity:.92;aspect-ratio:1;width:200px;margin:0 auto}.story p{color:var(--ink-soft);max-width:52ch;margin-bottom:20px;font-size:15px}.story__sig{color:var(--rose);letter-spacing:.1em;margin-top:32px;font-family:Noto Serif TC,serif;font-size:14.5px}.combo{background:var(--cocoa);color:#efe3d4;grid-template-columns:1fr 1fr;align-items:stretch;display:grid}.combo__img{overflow:hidden}.combo__img img{object-fit:cover;aspect-ratio:1;width:100%;height:100%;min-height:520px}.combo__body{flex-direction:column;justify-content:center;padding:110px 88px;display:flex}.combo__eyebrow{letter-spacing:.14em;color:#c99b72;margin-bottom:18px;font-family:Cormorant Garamond,serif;font-size:17px;font-style:italic}.combo__title{color:#f7ede0;margin-bottom:22px;font-family:Noto Serif TC,serif;font-size:clamp(28px,3vw,42px);font-weight:600;line-height:1.5}.combo__desc{color:#cbb59e;max-width:44ch;margin-bottom:36px;font-size:15px}.combo__price{align-items:baseline;gap:16px;margin-bottom:40px;display:flex}.combo__num{color:#f7ede0;font-family:Cormorant Garamond,serif;font-size:46px}.combo__pricebox{flex-direction:column;gap:2px;display:flex}.combo__oldprice{color:#f7ede080;font-family:Cormorant Garamond,serif;font-size:20px;-webkit-text-decoration:line-through #c98a80;text-decoration:line-through #c98a80}.combo__num--sale{color:#f0c9a0;flex-wrap:wrap;align-items:center;gap:12px;display:inline-flex}.combo__unit{letter-spacing:.16em;color:#a98f76;font-size:12.5px}.combo__btn{align-self:flex-start;color:#efd9be!important;border-color:#c99b72!important}.combo__btn:hover{color:var(--cocoa)!important;background:#c99b72!important}.flavors-head{text-align:center;padding:120px 24px 40px}.flavors-wrap{flex-direction:column;display:flex}.flavor{background:var(--bg);grid-template-columns:1fr 1fr;align-items:center;display:grid}.flavor:nth-child(2n){background:var(--paper)}.flavor__img{background:#efdcc8;align-items:center;display:flex;overflow:hidden}.flavor__img img{aspect-ratio:1000/740;object-fit:cover;width:100%;height:auto;transition:transform 1.2s}.flavor:hover .flavor__img img{transform:scale(1.03)}.flavor--reverse .flavor__img{order:2}.flavor__body{justify-self:center;max-width:640px;padding:88px}.flavor__no{letter-spacing:.3em;color:var(--ink-faint);font-family:Cormorant Garamond,serif;font-size:15px}.flavor__en{color:var(--accent);margin:14px 0 6px;font-family:Cormorant Garamond,serif;font-size:19px;font-style:italic}.flavor__name{color:var(--cocoa);margin-bottom:14px;font-family:Noto Serif TC,serif;font-size:30px;font-weight:600}.flavor__tagline{letter-spacing:.12em;color:var(--rose);margin-bottom:18px;font-size:14px}.flavor__desc{color:var(--ink-soft);margin-bottom:30px;font-size:14.5px}.flavor__meta{align-items:baseline;gap:18px;margin-bottom:30px;display:flex}.flavor__price{color:var(--cocoa);font-family:Cormorant Garamond,serif;font-size:30px}.flavor__qty{letter-spacing:.16em;color:var(--ink-faint);font-size:12px}.flavor__details summary{letter-spacing:.2em;color:var(--ink-soft);cursor:pointer;border-bottom:1px solid var(--line);align-items:center;gap:10px;padding-bottom:4px;font-size:12.5px;list-style:none;transition:color .25s;display:inline-flex}.flavor__details summary:hover{color:var(--cocoa)}.flavor__details summary::-webkit-details-marker{display:none}.flavor__details summary:after{content:"+";color:var(--accent);font-size:15px;transition:transform .3s}.flavor__details[open] summary:after{transform:rotate(45deg)}.detail-content{margin-top:26px;animation:.5s fadeIn}.detail-row{color:var(--ink-soft);margin-bottom:12px;font-size:13px;line-height:1.9}.detail-row span{letter-spacing:.2em;color:var(--ink-faint);margin-right:14px;font-size:11px;display:inline-block}.nutrition-table{border-collapse:collapse;width:100%;margin:18px 0;font-size:12.5px}.nutrition-table th{letter-spacing:.14em;color:var(--ink-faint);text-align:left;border-bottom:1px solid var(--line);padding:8px 10px;font-size:11px;font-weight:400}.nutrition-table td{color:var(--ink-soft);border-bottom:1px solid color-mix(in srgb,var(--line) 50%,transparent);padding:7px 10px}.nutrition-table tr td:first-child{color:var(--ink)}.allergen{color:var(--rose);letter-spacing:.04em;margin-top:14px;font-size:11.5px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.heating{background:var(--bg-alt)}.heating__grid{grid-template-columns:1fr 1fr;gap:64px;max-width:1080px;margin-top:64px;display:grid}.heating__col h4{color:var(--cocoa);letter-spacing:.1em;margin-bottom:8px;font-family:Noto Serif TC,serif;font-size:17px;font-weight:600}.heating__sub{letter-spacing:.1em;color:var(--ink-faint);margin-bottom:28px;font-size:12px}.heat-item{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;padding:18px 0;display:flex}.heat-item__method{color:var(--ink);letter-spacing:.06em;font-size:14.5px}.heat-item__spec{color:var(--ink-soft);text-align:right;font-size:13px}.heat-item__spec small{color:var(--ink-faint);letter-spacing:.06em;font-size:11px;display:block}.heating__warn{letter-spacing:.14em;color:var(--rose);border:1px solid color-mix(in srgb,var(--rose) 40%,transparent);margin-top:48px;padding:12px 28px;font-size:12.5px;display:inline-block}.heating__note{color:var(--ink-faint);margin-top:18px;font-size:12px}.heating__note--orig{color:var(--ink-soft);margin-top:28px;font-size:13px;line-height:1.9}.ht{text-align:left;grid-template-columns:1fr 2.1fr;gap:20px;max-width:1080px;margin-top:56px;display:grid}.ht-grp{background:var(--paper);border:1px solid var(--line);padding:26px 22px 22px}.ht-grp h4{color:var(--cocoa);letter-spacing:.1em;margin:0;font-family:Noto Serif TC,serif;font-size:17px;font-weight:600}.ht-sub{letter-spacing:.08em;color:var(--ink-faint);margin:2px 0 18px;font-size:12.5px}.ht-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;display:grid}.ht-item{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.ht-ic{width:112px;height:112px;margin-bottom:6px;overflow:visible}.ht-m{color:var(--cocoa);letter-spacing:.12em;font-family:Noto Serif TC,serif;font-size:16px;font-weight:600}.ht-big{color:var(--cocoa);letter-spacing:.04em;font-family:Noto Serif TC,serif;font-size:24px;font-weight:500;line-height:1.35}.ht-small{color:var(--ink-soft);letter-spacing:.06em;font-size:13.5px}.ht-orig{color:var(--ink-soft);background:var(--bg-alt);letter-spacing:.04em;border-radius:16px;max-width:100%;margin-top:10px;padding:4px 14px;font-size:13px;line-height:1.6}.ht-orig b{color:var(--cocoa);white-space:nowrap;font-weight:500;display:inline-block}.heating__note--orig strong{color:var(--cocoa);font-weight:500;display:block}.purchase{background:var(--paper);text-align:center}.purchase__grid{grid-template-columns:1fr 1fr;gap:32px;max-width:920px;margin:64px auto 0;display:grid}.pcard{border:1px solid var(--line);background:var(--bg);padding:64px 48px;transition:border-color .3s,transform .3s}.pcard:hover{border-color:var(--accent);transform:translateY(-4px)}.pcard__en{color:var(--accent);margin-bottom:10px;font-family:Cormorant Garamond,serif;font-size:16px;font-style:italic}.pcard__title{color:var(--cocoa);margin-bottom:16px;font-family:Noto Serif TC,serif;font-size:23px;font-weight:600}.pcard__desc{color:var(--ink-soft);min-height:66px;margin-bottom:36px;font-size:13.5px}.faq{background:var(--bg)}.faq__list{max-width:720px;margin:56px auto 0}.faq__item{border-bottom:1px solid var(--line)}.faq__item summary{color:var(--ink);cursor:pointer;letter-spacing:.04em;justify-content:space-between;align-items:center;padding:26px 0;font-size:15px;list-style:none;display:flex}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary:after{content:"+";color:var(--accent);font-family:Cormorant Garamond,serif;font-size:22px;transition:transform .3s}.faq__item[open] summary:after{transform:rotate(45deg)}.faq__a{color:var(--ink-soft);max-width:60ch;padding:0 0 26px;font-size:14px}.footer{background:var(--cocoa);color:#b99f87;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;padding:72px 88px;display:flex}.footer__brand{letter-spacing:.14em;color:#efe3d4;margin-bottom:8px;font-family:Cormorant Garamond,serif;font-size:30px}.footer__tag{letter-spacing:.2em;font-size:12px}.footer__links{letter-spacing:.14em;gap:28px;font-size:12.5px;display:flex}.footer__links a{text-decoration:none;transition:color .25s}.footer__links a:hover{color:#efe3d4}.footer__legal{letter-spacing:.1em;color:#8a6f58;border-top:1px solid #5e4230;width:100%;margin-top:40px;padding-top:28px;font-size:11px}.reveal{opacity:0;transition:opacity .9s,transform .9s;transform:translateY(32px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:900px){.nav{padding:14px 20px}.nav__links{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero__img{order:-1;height:52vw;min-height:300px}.hero__img:after{background:linear-gradient(0deg,var(--bg) 0%,transparent 20%)}.hero__text{padding:40px 28px 72px}.hero__actions{flex-direction:column}.hero__actions .btn{width:100%}.section{padding:72px 28px}.story{grid-template-columns:1fr;gap:48px}.story__logo{width:150px}.combo{grid-template-columns:1fr}.combo__img img{height:auto;min-height:0}.combo__body{padding:64px 28px}.flavor{grid-template-columns:1fr}.flavor__img,.flavor--reverse .flavor__img{order:-1}.flavor__img img{height:auto}.flavor__body{padding:48px 28px 64px}.heating__grid{grid-template-columns:1fr;gap:40px}.ht{grid-template-columns:1fr;gap:14px;margin-top:36px}.ht-row{grid-template-columns:1fr 1fr}.ht-grp--many .ht-item:last-child:nth-child(odd){grid-column:1/-1}.purchase{padding:56px 20px}.purchase__grid{grid-template-columns:1fr;gap:14px;margin-top:36px}.pcard{text-align:left;grid-template-columns:1fr auto;grid-template-areas:"en en""title btn""desc desc";align-items:center;gap:6px 14px;padding:22px 20px;display:grid}.pcard__en{grid-area:en;margin-bottom:2px;font-size:13px}.pcard__title{grid-area:title;margin-bottom:0;font-size:19px}.pcard__desc{grid-area:desc;min-height:0;margin-top:4px;margin-bottom:0;font-size:12.5px;line-height:1.75}.pcard .btn{white-space:nowrap;grid-area:btn;width:auto;padding:11px 22px;font-size:12.5px}.footer{flex-direction:column;align-items:flex-start;padding:56px 28px}}.nav__burger{cursor:pointer;z-index:310;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;display:none}.nav__burger span{background:var(--cocoa);height:1.5px;transition:transform .3s,opacity .3s;display:block}.nav__burger--open span:first-child{transform:translateY(6.5px)rotate(45deg)}.nav__burger--open span:nth-child(2){opacity:0}.nav__burger--open span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.mnav{z-index:250;background:var(--bg);opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:opacity .35s;display:flex;position:fixed;inset:0}.mnav--open{opacity:1;pointer-events:auto}.mnav a{letter-spacing:.2em;color:var(--cocoa);opacity:0;padding:14px 0;font-family:Noto Serif TC,serif;font-size:20px;font-weight:500;text-decoration:none;transition:opacity .4s,transform .4s;transform:translateY(12px)}.mnav--open a{opacity:1;transform:translateY(0)}.mnav--open a:first-child{transition-delay:50ms}.mnav--open a:nth-child(2){transition-delay:.1s}.mnav--open a:nth-child(3){transition-delay:.15s}.mnav--open a:nth-child(4){transition-delay:.2s}.mnav--open a:nth-child(5){transition-delay:.25s}.mnav--open a:nth-child(6){transition-delay:.3s}.mnav__cta{background:var(--cocoa);border-radius:2px;margin-top:20px;color:var(--paper)!important;letter-spacing:.24em!important;padding:14px 44px!important;font-size:15px!important}.stagger{opacity:0;animation:.8s cubic-bezier(.22,.7,.3,1) forwards staggerUp}@keyframes staggerUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.flavor-nav{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:36px;padding:0 16px;display:flex}.flavor-nav__item{letter-spacing:.12em;color:var(--ink-soft);border:1px solid var(--line);background:var(--paper);border-radius:22px;padding:8px 18px;font-size:12.5px;text-decoration:none;transition:all .25s}.flavor-nav__item:hover{border-color:var(--cocoa);color:var(--cocoa)}.flavor__meta{border-top:1px solid color-mix(in srgb,var(--line) 45%,transparent);align-items:baseline;gap:14px;margin-bottom:30px;padding-top:18px;display:flex}.flavor__dot{background:var(--ink-faint);border-radius:50%;align-self:center;width:3px;height:3px}@media (max-width:900px){.nav__burger{display:flex}.flavor-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;margin-left:-24px;margin-right:-24px;padding:0 24px;overflow-x:auto}.flavor-nav::-webkit-scrollbar{display:none}.flavor-nav__item{flex-shrink:0}.mnav a{font-size:18px}}.flavor,[id]{scroll-margin-top:76px}.story__logo--circle{border-radius:50%;width:220px;box-shadow:0 12px 40px #3a2a1d1f}@media (max-width:900px){.story__logo--circle{width:160px}.story p,.hero__sub{text-align:justify}}.flavor-swipe{display:none}.flavor-rail{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:14px;padding:8px 20px 4px;display:flex;overflow-x:auto}.flavor-rail::-webkit-scrollbar{display:none}.fcard{scroll-snap-align:center;background:var(--paper);border:1px solid var(--line);border-radius:10px;flex:0 0 84%;overflow:hidden;box-shadow:0 4px 20px #4a2f1f0f}.fcard__img{aspect-ratio:1;background:#efdcc8;overflow:hidden}.fcard__img img{object-fit:cover;width:100%;height:100%}.fcard__body{padding:20px 22px 24px;position:relative}.fcard__no{color:#ead9c5;font-family:Cormorant Garamond,serif;font-size:30px;font-style:italic;position:absolute;top:16px;right:20px}.fcard__en{letter-spacing:.1em;color:var(--accent);margin-bottom:6px;font-family:Cormorant Garamond,serif;font-size:14px;font-style:italic}.fcard__name{color:var(--cocoa);margin-bottom:10px;font-family:Noto Serif TC,serif;font-size:22px;font-weight:600}.fcard__tag{color:var(--ink-soft);min-height:48px;margin-bottom:16px;font-size:13.5px;line-height:1.75}.fcard__meta{align-items:center;gap:12px;margin-bottom:16px;display:flex}.fcard__price{color:var(--cocoa);font-family:Cormorant Garamond,serif;font-size:22px}.fcard__dot{background:#d9c4ac;border-radius:50%;width:4px;height:4px}.fcard__qty{color:var(--ink-faint);font-size:12.5px}.fcard__more{border:1px solid var(--line);width:100%;color:var(--accent);letter-spacing:.05em;cursor:pointer;background:0 0;border-radius:4px;padding:11px;font-family:inherit;font-size:12.5px;transition:background .2s}.fcard__more:active{background:var(--bg-alt)}.flavor-dots{justify-content:center;gap:7px;margin-top:20px;display:flex}.fdot{cursor:pointer;background:#dbc8b2;border:none;border-radius:50%;width:7px;height:7px;padding:0;transition:all .3s}.fdot.on{background:var(--cocoa);border-radius:4px;width:20px}.fsheet{z-index:100;position:fixed;inset:0}.fsheet:before{content:"";background:#3a2a1d6b;animation:.3s fsheetbg;position:absolute;inset:0}@keyframes fsheetbg{0%{opacity:0}to{opacity:1}}.fsheet__inner{background:var(--paper);border-radius:16px 16px 0 0;max-width:520px;max-height:85vh;margin:0 auto;padding:12px 24px 40px;animation:.34s cubic-bezier(.3,.8,.3,1) fsheetup;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}@keyframes fsheetup{0%{transform:translateY(100%)}to{transform:translateY(0)}}.fsheet__grip{background:var(--line);border-radius:2px;width:40px;height:4px;margin:6px auto 18px}.fsheet__head{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.fsheet__en{color:var(--accent);margin-bottom:4px;font-family:Cormorant Garamond,serif;font-size:14px;font-style:italic}.fsheet__name{color:var(--cocoa);font-family:Noto Serif TC,serif;font-size:22px;font-weight:600}.fsheet__close{background:var(--bg-alt);width:32px;height:32px;color:var(--ink-soft);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;font-size:20px;line-height:1}.fsheet__desc{color:var(--ink-soft);border-bottom:1px solid #efe4d6;margin-bottom:18px;padding-bottom:18px;font-size:13px;line-height:1.9}@media (max-width:900px){.flavors-wrap--desktop{display:none}.flavor-swipe{display:block}.flavors-head .flavor-nav{display:none}}
