@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500;600&family=Noto+Sans+TC:wght@300;400;500&display=swap');
:root{--cream:#f5f1e8;--paper:#eae5da;--ink:#292923;--gold:#846f52;--muted:#716e66;--deep:#36352d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Noto Sans TC',sans-serif;font-weight:300;line-height:1.95}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Noto Serif TC',serif;font-weight:400;line-height:1.5;letter-spacing:.11em}h1{font-size:clamp(2.1rem,5vw,5rem)}h2{font-size:clamp(1.9rem,3.3vw,3.6rem)}h3{font-size:clamp(1.4rem,2vw,2rem)}.eyebrow{font-size:.69rem;letter-spacing:.28em;font-weight:500;text-transform:uppercase;color:var(--gold)}.container{width:min(1260px,calc(100% - 8vw));margin-inline:auto}.nav{position:fixed;z-index:80;top:0;left:0;right:0;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:rgba(245,241,232,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(60,50,34,.1);transition:height .2s}.brand{display:flex;align-items:center;gap:13px}.brand-mark{height:43px;width:43px;object-fit:cover;border-radius:50%;mix-blend-mode:multiply}.brand-name{font-family:'Noto Serif TC',serif;letter-spacing:.28em;font-size:1.04rem;font-weight:600}.brand-sub{display:block;font-size:.55rem;letter-spacing:.36em;line-height:1.5}.nav-links{display:flex;align-items:center;gap:clamp(17px,2.3vw,43px);font-size:.85rem;letter-spacing:.1em}.nav-links a:hover,.text-link:hover{color:#a28c6a}.nav-links .nav-cta{border:1px solid var(--ink);padding:10px 19px}.menu-btn{display:none;border:0;background:none;padding:8px;font-size:1.4rem}.hero{position:relative;min-height:100svh;padding-top:82px;display:flex;align-items:center;overflow:hidden;background:#ded0bd}.hero-photo{position:absolute;inset:82px 0 0;object-position:center}.hero::after{content:'';position:absolute;inset:82px 0 0;background:linear-gradient(90deg,rgba(27,25,21,.72) 0%,rgba(30,26,23,.30) 43%,rgba(20,19,15,.06) 100%)}.hero-content{position:relative;z-index:2;color:#fffaf0;width:min(1270px,90%);margin:auto;padding:95px 0}.hero .eyebrow{color:#eee1c6;margin-bottom:29px}.hero h1{max-width:780px;letter-spacing:.19em}.hero-copy{margin-top:30px;font-family:'Noto Serif TC',serif;letter-spacing:.24em;font-size:1rem}.hero-actions{display:flex;gap:22px;align-items:center;margin-top:42px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:18px;background:var(--ink);border:1px solid var(--ink);color:#fff!important;padding:13px 29px;letter-spacing:.16em;font-size:.84rem;transition:.25s}.btn:hover{background:#655641;transform:translateY(-2px)}.btn-light{background:#f7f3eb;color:var(--ink)!important;border-color:#f7f3eb}.btn-outline{background:transparent;color:var(--ink)!important}.hero-scroll{position:absolute;z-index:2;bottom:32px;left:5%;color:white;font-size:.65rem;letter-spacing:.3em;writing-mode:vertical-lr}.intro{padding:120px 0 130px;display:grid;grid-template-columns:1fr 1.12fr;gap:8%;align-items:center}.intro .image-frame{height:590px}.copy p:not(.eyebrow){max-width:550px;line-height:2.4;color:var(--muted);font-size:.96rem}.copy h2{margin:19px 0 31px}.text-link{display:inline-flex;align-items:center;gap:18px;margin-top:32px;padding-bottom:9px;border-bottom:1px solid var(--gold);font-size:.83rem;letter-spacing:.13em}.section-gap{padding:120px 0}.tea{background:#e9e2d5}.tea-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center}.tea .photo{height:600px}.drink{padding:110px 0}.center{text-align:center}.center .eyebrow{margin-bottom:15px}.drink-head{margin-bottom:55px}.drink-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.drink-grid .photo{height:490px}.drink-title{margin:18px 0 6px;font-family:'Noto Serif TC',serif;font-size:1.23rem}.small{color:var(--muted);font-size:.85rem}.full-bleed{height:460px;position:relative}.full-bleed::after{content:'';position:absolute;inset:0;background:rgba(25,22,20,.18)}.franchise-band{background:var(--deep);color:#f5f0e6;padding:100px 0}.franchise-band .grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.franchise-band .eyebrow{color:#c3b397}.franchise-band p{color:#d8cfc1;line-height:2.3;margin:24px 0 33px}.franchise-band .photo{height:400px}.stores{padding:110px 0}.stores-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:39px}.stores-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.store-card .photo{height:250px}.store-card h3{font-size:1.3rem;margin-top:18px}.store-card p{font-size:.85rem;color:var(--muted)}.notice{background:#eee8dc;padding:18px 22px;font-size:.81rem;color:#686052;margin-top:35px;border-left:2px solid #aa9371}.footer{background:#262721;color:#ddd8cc;padding:75px 0 35px}.foot-grid{display:flex;justify-content:space-between;gap:40px}.foot-title{font-family:'Noto Serif TC',serif;font-size:1.45rem;letter-spacing:.16em}.foot-links{display:flex;gap:22px;flex-wrap:wrap;font-size:.82rem}.footer small{color:#a6a194}.footer-bottom{border-top:1px solid #55574e;margin-top:65px;padding-top:23px;display:flex;justify-content:space-between;gap:20px;font-size:.72rem;color:#aaa99f}.page-hero{padding:180px 0 115px;background:#e7dfd1}.page-hero h1{margin:21px 0}.page-hero p{max-width:660px;color:#686052}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature{border-top:1px solid #a59783;padding-top:22px}.feature h3{margin:17px 0;font-size:1.55rem}.feature p{color:var(--muted);font-size:.9rem}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:40px}.step{padding:24px;background:#f4efe6}.step em{font-size:1.9rem;color:#8c765b;font-family:Georgia,serif;font-style:normal}.step h3{font-size:1.2rem;margin:15px 0}.step p{font-size:.82rem;color:var(--muted)}.form-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;align-items:start}.form{background:#fbf9f3;padding:42px;box-shadow:0 12px 40px #322a1c0d}.field{margin:0 0 20px}.field label{display:block;font-size:.84rem;letter-spacing:.07em;margin-bottom:7px}.field input,.field select,.field textarea{background:#fff;border:1px solid #ccc3b6;color:#2b2824;width:100%;padding:12px;border-radius:0;outline-color:#b9aa95}.field textarea{min-height:115px}.checks{font-size:.78rem;color:var(--muted);margin:13px 0 25px}.checks input{vertical-align:middle}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:translateY(0)}.simple-main{min-height:65vh;padding:170px 0 100px}.simple-main p{max-width:750px;margin:22px 0;color:var(--muted)}@media(max-width:900px){.nav{height:72px}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:#f5f1e8;flex-direction:column;padding:25px 6vw 30px;box-shadow:0 18px 25px #201c161c}.nav-links.open{display:flex}.menu-btn{display:block}.hero{padding-top:72px}.hero-photo,.hero::after{top:72px}.hero h1{font-size:clamp(2.3rem,7vw,4.5rem)}.intro,.tea-grid,.franchise-band .grid,.form-wrap{grid-template-columns:1fr;gap:40px}.intro{padding:85px 0}.intro .image-frame,.tea .photo{height:430px}.tea-grid .copy{order:1}.tea-grid .photo{order:2}.section-gap,.drink,.stores{padding:75px 0}.franchise-band{padding:75px 0}.feature-grid{grid-template-columns:1fr;gap:28px}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.container{width:calc(100% - 42px)}.brand-name{font-size:.85rem}.brand-mark{height:36px;width:36px}.hero{min-height:94svh}.hero-photo{object-position:58% center}.hero::after{background:linear-gradient(90deg,rgba(25,22,19,.76),rgba(25,22,19,.27))}.hero h1{letter-spacing:.11em;font-size:2.45rem}.hero-copy{font-size:.83rem;letter-spacing:.15em}.hero-actions{flex-wrap:wrap;gap:12px}.intro .image-frame,.tea .photo{height:330px}.drink-grid{grid-template-columns:1fr}.drink-grid .photo{height:390px}.stores-grid{grid-template-columns:1fr}.stores-head{align-items:start;flex-direction:column}.full-bleed{height:260px}.footer .foot-grid,.footer-bottom{flex-direction:column}.form{padding:25px}.steps{grid-template-columns:1fr 1fr;gap:10px}.step{padding:15px}.page-hero{padding:150px 0 80px}.hero-scroll{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{animation:none!important}}
/* v1.1 — Typography refinement: clearer, more contemporary while preserving brand identity */
body { font-weight:400; line-height:1.85; }
h1,h2,h3 {font-weight:500; letter-spacing:.045em; line-height:1.48;}
h1 {letter-spacing:.08em;}
.brand-name {letter-spacing:.12em;font-weight:600;}
.nav-links {letter-spacing:.045em;font-weight:400;}
.hero h1 {letter-spacing:.10em;line-height:1.42;}
.hero-copy {letter-spacing:.08em;font-weight:400;}
.copy p:not(.eyebrow){line-height:2.05;font-size:1rem;}
.eyebrow{letter-spacing:.20em;}
.btn,.text-link{letter-spacing:.065em;}
@media(max-width:600px){.hero h1{letter-spacing:.05em}.brand-name{letter-spacing:.06em}.copy p:not(.eyebrow){font-size:.95rem;}}

/* V2 editorial system — approved About Us geometry and restrained negative space. */
:root {--cream:#f4f0e9;--paper:#eeeae3;--ink:#292823;--gold:#88775f;}
body{background:var(--cream)}
/* Exact 獅尾加糖宋體 renders if legally installed on the visitor's device or loaded later as a licensed webfont. */
:root{--display-font:'獅尾加糖宋體','Swei Sugar CJK TC','Noto Serif TC',serif;--english-font: 'Cormorant Garamond', Georgia,serif}
h1,h2,h3{font-family:var(--display-font);font-weight:400;letter-spacing:.055em}
.eyebrow,.brand-sub,.about-meta,.vertical-en,.hero-scroll{font-family:var(--english-font);letter-spacing:.19em}
.nav{background:rgba(244,240,233,.97);border-bottom:1px solid rgba(80,65,45,.06)}
.nav-links .nav-cta{border-color:#968875}
.hero{min-height:90svh}.hero::after{background:linear-gradient(90deg,rgba(27,25,21,.55),rgba(27,25,21,.17) 62%,rgba(27,25,21,.05))}
.hero h1{font-size:clamp(2.2rem,4.15vw,4.4rem);max-width:950px;letter-spacing:.11em}
.hero-copy{font-size:.91rem}
/* Editorial About Us: one original store photo, one modest secondary photo; no AI teapot, artificial foliage, or background props. */
.about-editorial{width:min(1550px,100%);margin-inline:auto;min-height:720px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.64fr) minmax(175px,.28fr);gap:clamp(35px,4.6vw,88px);padding:90px clamp(22px,3vw,55px) 110px 0;align-items:center;position:relative}
.about-photo{height:620px;align-self:stretch;overflow:hidden}
.about-photo img{object-position:47% 50%}
.about-body{align-self:center;max-width:500px;padding-top:5px}
.about-meta{display:flex;align-items:center;gap:20px;color:#87765c;font-size:.9rem}
.about-meta span+span{font-size:.79rem;letter-spacing:.24em}
.about-meta:after{content:'';display:block;height:1px;width:55px;background:#aea18e}
.about-body h2{font-size:clamp(2rem,2.7vw,2.85rem);margin:58px 0 28px;line-height:1.55;letter-spacing:.11em;white-space:nowrap}
.about-description{font-family:var(--display-font);color:#69645a;font-size:.83rem;line-height:1.72;letter-spacing:.06em}
.editorial-link{display:inline-flex;align-items:center;gap:19px;font-family:var(--display-font);font-size:.83rem;letter-spacing:.16em;border-bottom:1px solid #aca08c;padding-bottom:8px;margin-top:50px}
.about-side{align-self:center;min-width:0;position:relative;padding-top:145px}
.about-side img{height:150px;width:100%;object-fit:cover}
.about-side p{font-family:var(--display-font);font-size:.72rem;line-height:1.67;letter-spacing:.03em;color:#726a60;margin-top:25px}
.vertical-en{position:absolute;right:4px;top:-80px;writing-mode:vertical-rl;font-size:.85rem;font-weight:400;letter-spacing:.06em;max-height:175px}
.tea{background:#ebe6dd}.tea .photo{height:530px}.tea .copy h2,.drink h2,.franchise-band h2,.stores h2{font-size:clamp(1.9rem,2.85vw,3rem)}
.section-gap,.drink,.stores{padding-top:135px;padding-bottom:135px}
.copy p:not(.eyebrow){font-size:.91rem;line-height:1.9}
.drink-head{margin-bottom:60px}.drink-grid .photo{height:430px}
.franchise-band{background:#464137;padding:110px 0}.franchise-band .photo{height:390px}
@media(max-width:1150px){.about-editorial{grid-template-columns:1fr 1fr;gap:5vw;padding:90px 5vw}.about-photo{height:560px}.about-side{grid-column:2;padding:0;display:flex;gap:22px;align-items:center}.about-side img{width:135px;height:115px;flex:none}.about-side p{margin:0}.vertical-en{display:none}.about-body h2{margin-top:30px}}
@media(max-width:700px){.hero h1{max-width:340px;line-height:1.5}.about-editorial{grid-template-columns:1fr;padding:70px 22px 85px;gap:32px}.about-photo{height:390px;margin-inline:-22px}.about-body{padding:0}.about-body h2{font-size:clamp(1.85rem,8vw,2.45rem);margin:30px 0 23px;white-space:normal}.about-description{font-size:.79rem;line-height:1.7}.editorial-link{margin-top:29px}.about-side{grid-column:1;display:flex;gap:17px;padding-top:16px}.about-side img{width:38%;height:115px}.about-side p{font-size:.69rem}.section-gap,.drink,.stores{padding-top:85px;padding-bottom:85px}.tea .photo{height:340px}.drink-grid .photo{height:340px}.franchise-band .photo{height:320px}}