@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Noto+Serif+SC:wght@400;500&display=swap');
:root{--paper:#f4f3ed;--ink:#253d32;--muted:#626b61;--line:#d5d8cd;--red:#a84634;--light:#e7eadd;--serif:'EB Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--zh:'Noto Serif SC',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:active,.button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1,h2,.serif{font-family:var(--serif)}h1{font-size:clamp(48px,6.1vw,88px);line-height:1.02;letter-spacing:-2.5px}h2{font-size:clamp(35px,4vw,54px);line-height:1.1;letter-spacing:-1px}h3{font-family:var(--serif);font-size:30px;line-height:1.15}.eyebrow{font-size:10px;letter-spacing:2.2px;text-transform:uppercase;font-weight:650;display:block;color:var(--muted);margin-bottom:20px}.red{color:var(--red)}.zh{font-family:var(--zh)}.muted{color:var(--muted)}.header{height:106px;padding:0 4.3%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px;background:var(--paper);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:13px;font-size:15px;letter-spacing:2px;line-height:1.3;font-weight:650;white-space:nowrap}.brand small{display:block;font-size:8px;letter-spacing:1.5px;margin-top:6px;font-weight:500}.seal{background:var(--red);color:var(--paper);font-family:var(--zh);font-size:32px;width:45px;height:49px;display:inline-grid;place-items:center;border-radius:2px;transform:rotate(-3deg);flex-shrink:0}.seal.small{width:29px;height:32px;font-size:21px;margin-right:10px}nav{display:flex;gap:30px;align-items:center;height:100%;font-size:12px}nav a{height:100%;display:flex;align-items:center;position:relative;white-space:nowrap}nav a.active:after{content:'';height:2px;background:var(--red);position:absolute;bottom:24px;left:0;right:0}sup{font-size:9px;margin-left:4px;color:var(--red)}.nav-note{font-size:11px;white-space:nowrap}.nav-note span{margin-left:16px}.wrap{max-width:1440px;margin:auto;padding:0 6%}.hero{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding-top:54px;padding-bottom:52px;align-items:center}.hero-copy{padding-bottom:15px}.hero h1 em{font-weight:400}.hero .intro{max-width:355px;font-size:14px;color:var(--muted);margin:24px 0 30px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:13px 23px;font-size:12px;white-space:nowrap;transition:background .2s}.button:hover{background:#3f5847}.button.ghost{background:transparent;color:var(--ink);border-color:var(--line)}.text-link{font-size:12px;border-bottom:1px solid var(--ink);padding:4px 0}.hero-visual{position:relative;margin:0;padding:0 17px 16px 0}.hero-visual:after{content:'';position:absolute;inset:18px 0 0 18px;border:1px solid #aab39f;z-index:-1}.hero-photo{height:430px;width:100%;object-fit:cover;object-position:center 43%;filter:saturate(.8)}.hero-visual .vertical{position:absolute;top:25px;right:33px;writing-mode:vertical-rl;font-size:42px;letter-spacing:10px;color:#fff;text-shadow:0 1px 8px #0009}.photo-label{position:absolute;bottom:33px;left:18px;right:35px;color:white;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;text-shadow:0 1px 5px #000;background:#17241bc4;padding:10px 13px}.hero-stamp{position:absolute;bottom:62px;right:39px;background:var(--paper);padding:11px 15px;font-size:10px;border:1px solid var(--line)}.index-strip{display:grid;grid-template-columns:1fr 1fr 1fr 2.4fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;gap:25px;align-items:center}.index-strip strong{font-size:33px;font-family:var(--serif);font-weight:400;margin-right:10px}.index-strip span{font-size:11px;color:var(--muted)}.index-strip>div:last-child{border-left:1px solid var(--line);padding-left:28px;font-family:var(--serif);font-style:italic;font-size:20px}.section{padding-top:65px;padding-bottom:60px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-head .eyebrow{margin-bottom:10px}.section-head p{font-size:13px;color:var(--muted);max-width:400px}.teagrid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 25px}.tea-card{position:relative;min-width:0}.card-photo{position:relative;overflow:hidden;background:#e0e3d9}.card-photo>a{display:block}.card-photo img{width:100%;height:280px;object-fit:cover;transition:transform .65s;filter:saturate(.85)}.tea-card:hover .card-photo img{transform:scale(1.035)}.card-number{position:absolute;left:13px;top:13px;background:var(--paper);width:32px;height:32px;display:grid;place-items:center;font-size:11px}.favorite{position:absolute;right:12px;top:12px;border:0;width:32px;height:32px;background:var(--paper);color:var(--ink);font-size:18px}.favorite.on{color:var(--red)}.card-meta{display:flex;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:1.4px;text-transform:uppercase;margin:17px 0 9px;color:var(--muted)}.card-meta .status{color:var(--red)}.tea-card h3{font-size:29px}.card-zh{font-size:14px;letter-spacing:2px;margin:7px 0;color:var(--muted)}.tea-card .profile{font-size:12px;color:var(--muted);line-height:1.7;margin-top:8px}.card-bottom{margin-top:16px;padding-top:11px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px}.compare-toggle{display:flex;align-items:center;gap:7px;font-size:10px;cursor:pointer}.compare-toggle input{accent-color:var(--ink)}.feature{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid var(--line);margin:15px 0 65px}.feature img{width:100%;height:380px;object-fit:cover;filter:saturate(.75)}.feature-copy{padding:42px 45px;display:flex;flex-direction:column;align-items:start;justify-content:center}.feature p{margin:20px 0;font-size:13px;color:var(--muted)}.feature .zh{font-size:25px;letter-spacing:5px;margin:12px 0}.entryways{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-bottom:65px}.entryway{border-top:1px solid var(--ink);padding-top:22px;display:grid;grid-template-columns:1fr auto;gap:25px}.entryway .zh{font-size:70px;line-height:1.1;color:#abb6a3}.entryway h3{font-size:36px}.entryway p{font-size:12px;color:var(--muted);max-width:310px;margin:14px 0}.page-head{padding:52px 0 34px;display:flex;justify-content:space-between;align-items:end;gap:30px}.page-head h1{font-size:67px}.page-head p{max-width:380px;font-size:13px;color:var(--muted);margin-top:18px}.page-no{font-family:var(--serif);font-size:90px;color:#d4d9cb;line-height:1}.search-panel{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:25px 0;display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px}.field label{display:block;font-size:10px;letter-spacing:1.1px;text-transform:uppercase;margin-bottom:8px}.field input,.field select,.field textarea{border:1px solid #bfc7b9;background:#ffffff66;width:100%;padding:12px 14px;color:var(--ink);border-radius:0;min-height:45px}.field textarea{min-height:130px;resize:vertical}.search-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 0 28px;font-size:11px}.search-bottom button{background:none;border:0;color:var(--red);font-size:11px}.filters{display:flex;gap:16px;align-items:center}.filters label{display:flex;gap:6px;align-items:center}.filters input{accent-color:var(--ink)}.collection{padding-bottom:65px}.empty{border:1px dashed #a8b29f;padding:55px;text-align:center;grid-column:1/-1}.empty p{margin:15px}.comparebar{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:40;background:var(--ink);color:var(--paper);padding:15px 22px;box-shadow:0 4px 22px #253d3233;align-items:center;gap:24px;font-size:12px;max-width:95vw;width:max-content}.comparebar:not([hidden]){display:flex}.comparebar button{background:transparent;color:inherit;border:1px solid #a8b49e;padding:7px 13px;font-size:11px}.comparebar a{border-bottom:1px solid currentColor}.breadcrumb{padding-top:28px;font-size:11px;color:var(--muted);display:flex;gap:12px}.detail-head{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;padding:35px 0 45px;align-items:center}.detail-head img{width:100%;height:490px;object-fit:cover;cursor:zoom-in;filter:saturate(.85)}.detail-head h1{font-size:61px}.detail-head .zh-title{font-size:37px;letter-spacing:6px;margin:18px 0 6px}.pinyin{font-family:var(--serif);font-size:23px;font-style:italic}.detail-info{font-size:12px;color:var(--muted);margin:23px 0}.detail-info strong{display:block;color:var(--ink);font-weight:500}.tag{display:inline-block;padding:4px 9px;font-size:9px;letter-spacing:.7px;background:var(--light);margin-right:6px}.tag.outline{background:none;border:1px solid var(--line)}.tabs{display:flex;gap:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:36px;overflow:auto;white-space:nowrap}.tabs a{padding:18px 0;font-size:12px}.tabs a:first-child{border-bottom:2px solid var(--red)}.detail-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:60px;padding-bottom:65px}.aside{font-size:12px}.aside dl{margin:0}.aside dt{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;margin:22px 0 7px;color:var(--muted)}.aside dd{margin:0}.aside h3{font-size:28px}.content-section{margin-bottom:45px}.content-section>p{max-width:65ch;margin:16px 0;font-size:14px}.content-section h2{font-size:39px;margin-bottom:20px}.content-section h3{font-size:25px}.notice{background:var(--light);border-left:2px solid var(--ink);padding:20px 24px;font-size:12px;margin:22px 0}.notice strong{display:block;font-weight:600;margin-bottom:5px}.source-block{border-top:1px solid var(--line);padding:15px 0}.source-block summary{cursor:pointer;font-size:12px;display:list-item;list-style-position:inside}.source-block summary span{color:var(--muted);margin-left:15px;font-size:10px}.source-text{white-space:pre-line;font-size:13px;line-height:1.85;max-width:75ch;padding-top:20px;overflow-wrap:anywhere}.source-text p{margin-bottom:10px}.source-images{display:flex;gap:12px;overflow:auto;padding:20px 0}.source-images img{max-height:220px;max-width:300px;object-fit:contain;cursor:zoom-in}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gallery button{background:none;padding:0;border:0}.gallery img{width:100%;height:210px;object-fit:cover;cursor:zoom-in}.gallery figcaption{font-size:9px;padding-top:7px;color:var(--muted);text-align:left}.gallery figure{margin:0}.journal-list{padding:15px 0 65px}.journal-entry{display:grid;grid-template-columns:100px 180px 1fr 40px;gap:28px;padding:27px 0;border-top:1px solid var(--line);align-items:center}.journal-entry .entry-number{font-family:var(--serif);font-size:64px;line-height:1;color:#89947c}.journal-entry img{width:180px;height:135px;object-fit:cover}.journal-entry p{font-size:12px;color:var(--muted);max-width:550px;margin-top:10px}.journal-entry .date{font-size:10px;letter-spacing:1.4px;margin-bottom:9px;color:var(--red)}.journal-entry .arrow{font-size:28px}.dossier-intro{display:grid;grid-template-columns:1fr 1.6fr;gap:65px;padding:25px 0 50px}.big-zh{font-size:150px;line-height:1.2;letter-spacing:20px;writing-mode:vertical-rl;max-height:370px;color:#68795b}.tones{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:25px 0}.tone{border-top:1px solid var(--line);padding-top:10px}.tone strong{font-family:var(--serif);font-size:55px;font-weight:400;line-height:1.1}.tone p{font-size:10px;line-height:1.5;margin-top:8px}.dossier-intro h2{font-size:44px}.dossier-intro>div>p{font-size:13px;margin-top:20px;max-width:60ch}.glossary-search{max-width:540px;margin:25px 0}.glossary{display:grid;grid-template-columns:repeat(3,1fr);gap:0 35px;padding-bottom:65px}.term{padding:23px 0;border-top:1px solid var(--line);position:relative}.term .zh{font-size:33px;letter-spacing:3px}.term .pinyin{font-size:21px;margin:8px 0}.term p{font-size:12px;color:var(--muted);max-width:90%}.speak{position:absolute;top:25px;right:0;background:none;border:1px solid var(--line);width:29px;height:29px;font-size:14px;color:var(--ink)}.note-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.note-form .wide{grid-column:1/-1}.note-form .button{justify-self:start}.local-note{font-size:11px;color:var(--muted)}.saved-note{border-top:1px solid var(--line);padding:18px 0}.saved-note p{white-space:pre-wrap;font-size:13px;margin:10px 0}.saved-note small{font-size:10px;color:var(--muted)}.saved-note button{background:none;border:0;color:var(--red);font-size:11px;padding-left:0}.comparison{overflow:auto;margin:30px 0 65px}.comparison table{border-collapse:collapse;width:100%;min-width:650px;font-size:12px}.comparison td,.comparison th{text-align:left;border-bottom:1px solid var(--line);padding:20px;vertical-align:top;min-width:190px}.comparison th{font-weight:500}.comparison th:first-child{min-width:130px}.comparison img{height:170px;width:100%;object-fit:cover;margin-bottom:15px}.comparison h3{font-size:28px}.data-actions{display:flex;gap:15px;flex-wrap:wrap;margin:22px 0 40px}.data-actions label{cursor:pointer}footer{margin:0 4.3%;border-top:1px solid var(--line);padding:28px 0 35px;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:10px;color:var(--muted)}footer>div{display:flex;align-items:center;font-family:var(--serif);font-size:17px}footer>span{font-size:8px;letter-spacing:1.5px}.toast{position:fixed;right:25px;bottom:25px;background:var(--ink);color:var(--paper);padding:13px 20px;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s}.toast.visible{opacity:1}dialog{border:0;padding:38px 24px 15px;background:var(--paper);max-width:94vw;max-height:94dvh}dialog::backdrop{background:#142219d9}dialog img{max-height:78dvh;max-width:85vw;object-fit:contain;margin:auto}dialog p{font-size:9px;text-align:center;margin:13px 0 0;letter-spacing:2px}.close{position:absolute;right:10px;top:3px;font-size:28px;background:none;border:0;color:var(--ink)}.skip{position:fixed;top:-100px;left:20px;z-index:200;background:var(--ink);color:var(--paper);padding:10px}.skip:focus{top:10px}.fade{animation:appear .35s ease-out}@keyframes appear{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.mobile-note{display:none!important}@media(max-width:1100px){.mobile-note{display:flex!important}}.infusion{display:grid;grid-template-columns:40px 1fr;gap:17px;border-top:1px solid var(--line);padding:20px 0}.infusion>span{font-family:var(--serif);font-size:31px;color:#89947c}.infusion h3{font-family:var(--sans);font-size:12px;font-weight:600;margin-bottom:7px}.infusion p{font-size:13px;color:var(--muted);max-width:63ch}.timer select{max-width:100%;background:transparent;border:1px solid var(--line);padding:5px;color:var(--ink);font-size:11px;margin-left:8px}.timer .button{font-size:11px;padding:8px 20px}
@media(min-width:1600px){.hero-photo{height:500px}.hero{padding-top:65px;padding-bottom:65px}}@media(max-width:1100px){.header{padding:0 4%;gap:16px}.brand{font-size:13px}nav{gap:20px}.nav-note{display:none}.hero{gap:5%}.hero h1{font-size:65px}.hero-photo{height:420px}.detail-head{gap:35px}.detail-head h1{font-size:50px}.detail-grid{gap:35px;grid-template-columns:190px 1fr}.card-photo img{height:250px}.journal-entry{grid-template-columns:65px 140px 1fr 25px}.journal-entry img{width:140px}.feature-copy{padding:30px}}
@media(max-width:767px){.header{height:auto;min-height:112px;flex-wrap:wrap;gap:10px;padding:15px 6% 0}.brand{font-size:13px}.brand .seal{width:34px;height:38px;font-size:26px}nav{order:2;gap:22px;overflow:auto;width:100%;height:43px;font-size:11px}nav a{padding-bottom:10px}nav a.active:after{bottom:0}.wrap{padding:0 6%}.hero{grid-template-columns:1fr;padding-top:33px;gap:32px;padding-bottom:35px}.hero h1{font-size:66px;letter-spacing:-2px}.hero .intro{margin:20px 0 24px}.hero-photo{height:360px}.hero-visual .vertical{font-size:36px}.index-strip{grid-template-columns:repeat(3,1fr);gap:12px}.index-strip strong{font-size:29px;display:block}.index-strip>div:last-child{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:15px 0 0;margin-top:7px;font-size:19px}.section{padding-top:40px;padding-bottom:35px}.section-head{align-items:start}.section-head p{display:none}.section-head h2{font-size:38px}.section-head .text-link{font-size:10px;white-space:nowrap}.teagrid{grid-template-columns:1fr 1fr;gap:30px 15px}.card-photo img{height:210px}.tea-card h3{font-size:24px}.card-meta{font-size:8px;letter-spacing:.5px;display:block}.card-meta .status{display:block;margin-top:3px}.tea-card .profile{font-size:11px}.card-zh{font-size:13px}.card-bottom{flex-wrap:wrap}.feature{grid-template-columns:1fr;margin:10px 0 40px}.feature img{height:290px}.feature-copy{padding:28px}.entryways{grid-template-columns:1fr;gap:28px;padding-bottom:40px}.entryway .zh{font-size:60px}.page-head{padding-top:35px}.page-head h1{font-size:52px}.page-no{display:none}.search-panel{grid-template-columns:1fr 1fr;gap:14px}.search-panel .field:first-child{grid-column:1/-1}.search-bottom{align-items:start;flex-direction:column}.filters{gap:12px;flex-wrap:wrap}.detail-head{grid-template-columns:1fr;gap:28px;padding-top:25px}.detail-head img{height:400px;grid-row:2}.detail-head h1{font-size:53px}.detail-head .zh-title{font-size:31px}.detail-grid{grid-template-columns:1fr;gap:35px}.aside dl{display:grid;grid-template-columns:1fr 1fr;gap:18px}.aside dl>div{min-width:0}.aside dt{margin-top:0}.tabs{gap:25px;margin-bottom:25px}.gallery{grid-template-columns:1fr 1fr}.gallery img{height:200px}.journal-entry{grid-template-columns:40px 85px 1fr;gap:13px;padding:20px 0}.journal-entry img{width:85px;height:115px}.journal-entry .entry-number{font-size:40px}.journal-entry .arrow{display:none}.journal-entry h3{font-size:25px}.journal-entry p{font-size:11px}.journal-entry .date{font-size:8px;letter-spacing:.5px}.dossier-intro{grid-template-columns:1fr;gap:25px}.big-zh{writing-mode:horizontal-tb;font-size:75px;letter-spacing:15px}.tones{gap:8px}.tone strong{font-size:43px}.tone p{font-size:9px}.glossary{grid-template-columns:1fr 1fr;gap:0 24px}.term .zh{font-size:27px}.term .pinyin{font-size:20px}.term .speak{top:23px}.note-form{grid-template-columns:1fr}.note-form .wide{grid-column:1}.comparebar{gap:12px;padding:12px;font-size:11px;bottom:12px}.comparebar button{padding:5px 8px;font-size:10px}footer{margin:0 6%;flex-direction:column;align-items:start;gap:16px}footer>span{display:none}.empty{padding:30px 15px}}
.header-tools{display:flex;align-items:center;gap:23px}.language-picker{display:flex;align-items:center;gap:8px;padding-left:18px;border-left:1px solid var(--line)}.language-picker label{font-size:9px;letter-spacing:.5px;color:var(--muted)}.language-picker select{border:0;background:transparent;color:var(--ink);font-size:12px;padding:7px 3px;max-width:100px;cursor:pointer}.header nav{gap:22px}.source-text[lang=es]{font-family:var(--sans);letter-spacing:normal}html[lang=zh-Hans] h1,html[lang=zh-Hans] h2,html[lang=zh-Hans] h3{font-family:var(--zh);line-height:1.4;letter-spacing:0}html[lang=zh-Hans] .eyebrow{letter-spacing:1px}html[lang=zh-Hans] .hero h1{font-size:clamp(48px,5vw,72px)}html[lang=zh-Hans] .hero h1 em{font-style:normal}html[lang=zh-Hans] .profile,html[lang=zh-Hans] .infusion p{line-height:1.9}html[lang=zh-Hans] .detail-head h1{font-size:50px}html[lang=zh-Hans] .tea-card h3{font-size:25px}html[lang=zh-Hans] .entryway h3{font-size:30px}html[lang=en] .hero h1{font-size:clamp(48px,5.5vw,79px)}@media(max-width:1100px){.header-tools{gap:0}.language-picker{padding-left:0;border:0}.header nav{gap:16px}.language-picker label{display:none}}@media(max-width:767px){.header-tools{margin-left:auto}.language-picker select{font-size:11px;max-width:86px}.header nav{gap:20px}html[lang=zh-Hans] .hero h1{font-size:52px}html[lang=zh-Hans] .detail-head h1{font-size:38px}html[lang=en] .hero h1{font-size:59px}.source-block summary{overflow-wrap:anywhere}}@media(max-width:380px){.hero h1{font-size:57px}.teagrid{grid-template-columns:1fr}.card-photo img{height:300px}.glossary{grid-template-columns:1fr}.journal-entry{grid-template-columns:32px 1fr}.journal-entry img{display:none}.brand{font-size:11px}.brand small{font-size:7px}}
@media(min-width:768px) and (max-width:1100px){.header{height:auto;min-height:108px;flex-wrap:wrap;padding-top:15px;gap:8px}.header nav{order:3;width:100%;height:42px;justify-content:center}.header nav a{height:42px}.header nav a.active:after{bottom:0}.header-tools{margin-left:auto}}