@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600&family=Noto+Serif+TC:wght@500;600;700&display=swap";:root{--ink:#17130f;--paper:#f6f2e9;--gold:#b78a45;--line:#17130f29;--serif:"Noto Serif TC","Songti TC",serif;--sans:"Noto Sans TC",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font:400 16px/1.75 var(--sans);margin:0}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.announcement{background:var(--ink);color:#fff;text-align:center;letter-spacing:.08em;padding:.55rem 1rem;font-size:.78rem}.site-header{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f6f2e9f5;grid-template-columns:1fr auto 1fr;align-items:center;height:84px;padding:0 4vw;display:grid;position:sticky;top:0}.brand img{object-fit:contain;width:76px;height:66px}.site-header nav{gap:2.1rem;font-size:.9rem;display:flex}.site-header nav a{position:relative}.site-header nav a:after{content:"";background:currentColor;height:1px;transition:right .25s;position:absolute;bottom:-.45rem;left:0;right:100%}.site-header nav a:hover:after{right:0}.header-actions{justify-self:end;gap:.5rem;display:flex}.header-actions button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:.45rem .85rem}.header-actions span{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:1.25rem;height:1.25rem;margin-left:.25rem;font-size:.7rem;display:inline-grid}.hero{color:#fff;align-items:flex-end;min-height:min(760px,100vh - 118px);display:flex;position:relative;overflow:hidden}.hero-image,.hero-shade{width:100%;height:100%;position:absolute;inset:0}.hero-image{object-fit:cover;object-position:center 55%;transform:scale(1.01)}.hero-shade{background:linear-gradient(90deg,#0a0806d1 0%,#0a080680 48%,#0a08061f 78%),linear-gradient(#0000 55%,#0a080673)}.hero-copy{z-index:1;width:min(760px,90%);margin:0 0 9vh 7vw;position:relative}.eyebrow{color:var(--gold);letter-spacing:.22em;margin:0 0 1rem;font-size:.73rem;font-weight:600}.hero h1{font:600 clamp(2.8rem,5.2vw,5.7rem)/1.28 var(--serif);letter-spacing:-.045em;margin:0 0 1.5rem}.hero-copy>p:not(.eyebrow){color:#ffffffd4;max-width:600px;font-size:1.05rem}.hero-actions{flex-wrap:wrap;align-items:center;gap:1.8rem;margin-top:2.2rem;display:flex}.button{letter-spacing:.04em;border:1px solid;justify-content:center;align-items:center;min-height:48px;padding:.7rem 1.35rem;font-weight:600;transition:transform .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-light{color:var(--ink);background:#fff;border-color:#fff}.button-dark{background:var(--ink);border-color:var(--ink);color:#fff}.text-link{border-bottom:1px solid #fff6;padding-bottom:.2rem}.text-link span{margin-left:.35rem}.text-link.dark{border-color:var(--line)}.hero-note{z-index:2;border-left:1px solid #ffffff80;align-items:center;gap:.8rem;padding-left:1.2rem;display:flex;position:absolute;bottom:3.5vw;right:4vw}.hero-note strong{font:600 2.2rem var(--serif)}.hero-note span{letter-spacing:.08em;font-size:.76rem;line-height:1.5}.promise{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.promise article{border-right:1px solid var(--line);padding:3.6rem 4vw}.promise article:last-child{border-right:0}.promise span{color:var(--gold);letter-spacing:.12em;font-size:.72rem}.promise h2{font:600 1.35rem var(--serif);margin:.7rem 0 .6rem}.promise p{color:#6d655a;margin:0}.collection{padding:7rem 4vw 8rem}.section-heading{justify-content:space-between;align-items:end;gap:3rem;max-width:1400px;margin:0 auto 3rem;display:flex}.section-heading h2,.quiz h2{font:600 clamp(2.1rem,3.5vw,4rem)/1.3 var(--serif);letter-spacing:-.04em;margin:0}.section-heading>p{color:#6d655a;max-width:480px;margin:0}.product-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;max-width:1400px;margin:auto;display:grid}.product-card{background:var(--paper);min-width:0}.product-image{aspect-ratio:4/5;background:#eadfce;display:block;position:relative;overflow:hidden}.product-image:after{content:"";background:var(--accent);height:4px;position:absolute;inset:auto 0 0}.product-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.product-card:hover img{transform:scale(1.035)}.product-image span{background:#f6f2e9e6;padding:.25rem .55rem;font-size:.7rem;position:absolute;top:1rem;right:1rem}.product-info{padding:1.3rem 1.25rem 1.4rem}.origin{color:#776f64;letter-spacing:.08em;margin:0 0 .4rem;font-size:.72rem}.product-info h3{margin:0;font:600 1.15rem/1.3 Georgia,serif}.name-zh{margin:.15rem 0 .65rem;font-weight:500}.flavour{color:#6d655a;min-height:3.5em;margin:0;font-size:.82rem}.product-bottom{border-top:1px solid var(--line);justify-content:space-between;gap:.5rem;margin-top:1rem;padding-top:1rem;font-size:.76rem;display:flex}.product-bottom>span{color:#8b8378}.product-bottom a{font-weight:600}.quiz{background:#dcd0ba;grid-template-columns:1.08fr .92fr;min-height:650px;display:grid}.quiz-photo{min-height:540px;overflow:hidden}.quiz-photo img{object-fit:cover;width:100%;height:100%}.quiz-copy{align-self:center;padding:8vw}.quiz-copy>p:not(.eyebrow){color:#5e5548;max-width:520px;margin:1.5rem 0 2rem}.story{text-align:center;max-width:850px;margin:auto;padding:9rem 2rem}.story blockquote{font:600 clamp(2rem,4vw,3.8rem)/1.45 var(--serif);margin:1rem 0 1.5rem}.story>p:not(.eyebrow){color:#655d52;max-width:680px;margin:0 auto 2rem}footer{color:#ffffffc7;background:#17130f;grid-template-columns:2fr repeat(3,1fr);gap:3rem;padding:5rem 5vw 2rem;display:grid}.footer-brand img{object-fit:contain;background:#fff;width:100px;height:90px}footer h2{color:#fff;font:600 1rem var(--serif);margin:0 0 1rem}footer a{margin:.45rem 0;font-size:.86rem;display:block}.copyright{border-top:1px solid #ffffff21;grid-column:1/-1;margin-top:2rem;padding-top:1.5rem;font-size:.75rem}@media (width<=1050px){.site-header{grid-template-columns:auto 1fr}.site-header nav{display:none}.product-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.announcement{font-size:.68rem}.site-header{height:70px;padding:0 1rem}.brand img{width:64px;height:55px}.header-actions button:first-child{display:none}.hero{min-height:680px}.hero-copy{width:auto;margin:0 1.25rem 5rem}.hero h1{font-size:2.65rem}.hero-note{display:none}.promise{grid-template-columns:1fr}.promise article{border-right:0;border-bottom:1px solid var(--line);padding:2.2rem 1.25rem}.section-heading{display:block}.section-heading>p{margin-top:1rem}.collection{padding:5rem 1rem}.product-grid{grid-template-columns:1fr 1fr}.product-card:last-child{grid-column:1/-1;width:50%}.product-info{padding:1rem .8rem}.product-info h3{font-size:.92rem}.flavour{font-size:.75rem}.product-bottom{display:block}.product-bottom a{margin-top:.25rem;display:block}.quiz{grid-template-columns:1fr}.quiz-photo{min-height:400px}.quiz-copy{padding:4.5rem 1.4rem}.story{padding:6rem 1.4rem}footer{grid-template-columns:1fr 1fr;padding:4rem 1.5rem 2rem}.footer-brand{grid-column:1/-1}}