/* English typography shares the existing paper, green and gold visual identity. */
html[lang="en"] .site{font-family:Georgia,'Times New Roman',serif;overflow-wrap:break-word}
html[lang="en"] .site button,html[lang="en"] .site input,html[lang="en"] .site textarea,html[lang="en"] .site select{font-family:inherit}
html[lang="en"] .brand-copy strong{font-size:clamp(21px,1.9vw,32px);letter-spacing:.01em;white-space:nowrap}
html[lang="en"] .brand-copy small{font-size:10px;letter-spacing:.02em;white-space:nowrap}
html[lang="en"] .site-header{gap:20px}
html[lang="en"] #primary-nav{gap:clamp(10px,1.2vw,24px)}
html[lang="en"] #primary-nav>a,html[lang="en"] .nav-group>a{font-size:clamp(14px,1.15vw,19px);white-space:nowrap;padding-inline:9px}
html[lang="en"] .header-right{gap:12px;font-size:14px;white-space:nowrap}
html[lang="en"] .nav-submenu,html[lang="en"] .nav-submenu.short-submenu,html[lang="en"] .nav-submenu.series-submenu{width:284px;min-width:284px}
html[lang="en"] .nav-submenu a{font-size:16px;line-height:1.45;padding:12px 16px;white-space:normal;min-height:44px}
html[lang="en"] .nav-submenu span,html[lang="en"] .short-submenu a span{letter-spacing:0;white-space:normal}
html[lang="en"] .site h1,html[lang="en"] .site h2,html[lang="en"] .site h3{letter-spacing:0;white-space:normal;text-wrap:balance;line-height:1.22}
html[lang="en"] .site h1{font-size:clamp(36px,3.6vw,62px)}
html[lang="en"] .site h2{font-size:clamp(26px,2.5vw,42px)}
html[lang="en"] .site h3{font-size:clamp(21px,1.7vw,29px)}
html[lang="en"] .site p{line-height:1.65}
html[lang="en"] .site p br{display:none}
html[lang="en"] .site .hero-actions{flex-wrap:wrap;white-space:normal;gap:20px}
html[lang="en"] .site .button,html[lang="en"] .site .outline-button{font-size:16px;line-height:1.4;height:auto;min-height:44px;padding:13px 20px;white-space:normal;text-align:center}
html[lang="en"] .site .text-link{font-size:16px;line-height:1.5;white-space:normal}
html[lang="en"] .home-hero-copy h1{font-size:clamp(35px,3.55vw,64px);margin-top:30px;line-height:1.16}
html[lang="en"] .home-hero-copy p{font-size:19px;max-width:32ch}
html[lang="en"] .home-tea-grid p{font-size:16px}
html[lang="en"] .home-tea-grid h3{font-size:23px}
html[lang="en"] .season-toolbar{gap:10px;flex-wrap:wrap}
html[lang="en"] .season-switch{gap:4px;flex-wrap:wrap}
html[lang="en"] .season-switch button{font-size:14px;padding:8px}
html[lang="en"] .season-toolbar>span{font-size:14px}
html[lang="en"] .season-copy{gap:14px;align-items:start}
html[lang="en"] .season-copy a{font-size:16px;max-width:54ch}
html[lang="en"] .season-controls{flex-wrap:wrap}
html[lang="en"] .season-controls>div{flex-wrap:wrap;min-width:0}
html[lang="en"] .site .site-header nav .nav-submenu>a{white-space:normal;min-width:0}
html[lang="en"] .site .site-header nav .nav-submenu>a>span{white-space:normal;min-width:0;letter-spacing:0}
html[lang="en"] .type-tabs button,html[lang="en"] .line-tabs a,html[lang="en"] .line-tabs button{font-size:17px;white-space:normal;line-height:1.4}
html[lang="en"] .category-guide{flex-wrap:wrap;gap:18px}
html[lang="en"] .filters{gap:14px;flex-wrap:wrap}
html[lang="en"] .filters select{min-width:155px;font-size:16px}
html[lang="en"] .category-products .filters .search-field{flex:1;min-width:220px}
html[lang="en"] .site input,html[lang="en"] .site textarea{font-size:16px}
html[lang="en"] .site .three-columns p{font-size:17px}
html[lang="en"] .tea-card h3,html[lang="en"] .article-card h3{font-size:25px}
html[lang="en"] .card-bottom{gap:12px;flex-wrap:wrap}
html[lang="en"] .card-bottom>span{font-size:15px}
html[lang="en"] .consult-band{min-height:145px;height:auto;gap:24px}
html[lang="en"] .consult-band h3{font-size:28px}
html[lang="en"] .mountain-band{min-height:390px;height:auto}
html[lang="en"] .mountain-band>div{padding-top:40px;padding-bottom:40px}
html[lang="en"] .section-head{gap:24px}
html[lang="en"] .inline-title{flex-wrap:wrap;gap:15px}
html[lang="en"] .brew-split,html[lang="en"] .detail-brew{height:auto;min-height:340px}
html[lang="en"] .detail-info h1{font-size:clamp(34px,3.1vw,54px)}
html[lang="en"] .article-page-body>h1{max-width:25ch}
html[lang="en"] .article-layout p,html[lang="en"] .story-prose p{font-size:18px;line-height:1.8}
html[lang="en"] .series-list h3{font-size:22px}
html[lang="en"] .series-heading{gap:24px;flex-wrap:wrap}
html[lang="en"] .about-copy h1{font-size:clamp(35px,3.4vw,58px)}
html[lang="en"] .about-copy p{font-size:17px}
html[lang="en"] .story-label h2{font-size:32px}
html[lang="en"] .app-hero h1{font-size:clamp(29px,2.7vw,46px)}
html[lang="en"] .app-hero .lead{font-size:17px}
html[lang="en"] .app-hero h4{font-size:17px}
html[lang="en"] .app-hero .app-features h2{font-size:25px}
html[lang="en"] .app-hero .app-features h3{font-size:18px}
html[lang="en"] .app-hero .app-features p{font-size:14px}
html[lang="en"] .app-support-grid .app-keep h2,html[lang="en"] .app-support-grid .app-faq h2{font-size:25px}
html[lang="en"] .app-support-grid .app-keep p{font-size:15px}
html[lang="en"] .footer-main{gap:28px}
html[lang="en"] .footer-main nav{flex-wrap:wrap;gap:22px}
html[lang="en"] .footer-main nav a{font-size:16px}
html[lang="en"] .footer-bottom{gap:20px;flex-wrap:wrap;font-size:14px}
html[lang="en"] .gallery-dialog-head h2{font-size:32px}
html[lang="en"] .gallery-dialog-foot{gap:18px;flex-wrap:wrap;font-size:15px}
html[lang="en"] .viewer-foot{gap:20px}
html[lang="en"] .form-bottom{gap:24px;align-items:start}
html[lang="en"] .check-label{font-size:14px;line-height:1.7}
@media(max-width:1200px) and (min-width:1101px){html[lang="en"] .site-header{flex-wrap:wrap;padding-block:12px}html[lang="en"] #primary-nav{order:3;flex:1 0 100%;justify-content:center}html[lang="en"] .header-right{margin-left:auto}}
@media(max-width:800px){
 html[lang="en"] .brand-copy strong{font-size:21px}html[lang="en"] .brand-copy small{font-size:9px}
 html[lang="en"] .header-right{gap:6px;font-size:11px}html[lang="en"] .site-header{gap:10px}
 html[lang="en"] #primary-nav>a,html[lang="en"] .nav-group>a{font-size:20px}
 html[lang="en"] .nav-submenu,html[lang="en"] .nav-submenu.short-submenu,html[lang="en"] .nav-submenu.series-submenu{width:100%;min-width:0}
 html[lang="en"] .nav-submenu a{font-size:16px}
 html[lang="en"] .site .nav-group.is-open>.nav-submenu{grid-template-columns:minmax(0,1fr)}
 html[lang="en"] .season-controls{align-items:flex-start;gap:6px}
 html[lang="en"] .season-controls>span{flex-basis:100%}
 html[lang="en"] .season-controls>div{gap:2px;justify-content:flex-start}
 html[lang="en"] .season-controls button{font-size:13px;padding:6px}
 html[lang="en"] .season-controls .season-auto{margin-left:0;font-size:12px}
 html[lang="en"] .site h1{font-size:36px}html[lang="en"] .site h2{font-size:28px}html[lang="en"] .site h3{font-size:22px}
 html[lang="en"] .home-hero-copy h1{font-size:38px;margin-top:22px}html[lang="en"] .home-hero-copy p{font-size:17px}
 html[lang="en"] .site .text-link{font-size:15px}html[lang="en"] .site .button{font-size:15px}
 html[lang="en"] .type-tabs{flex-wrap:wrap;display:flex}html[lang="en"] .type-tabs button{flex:1 0 30%;font-size:15px}
 html[lang="en"] .line-tabs{gap:14px;overflow:auto}html[lang="en"] .line-tabs a,html[lang="en"] .line-tabs button{font-size:15px;flex-shrink:0}
 html[lang="en"] .filters .search-field{min-width:0}html[lang="en"] .category-guide{gap:12px}
 html[lang="en"] .season-toolbar{align-items:start}html[lang="en"] .season-switch button{font-size:13px;padding:6px}
 html[lang="en"] .season-copy{flex-direction:column}html[lang="en"] .season-copy a{font-size:15px}
 html[lang="en"] .consult-band{display:flex;flex-wrap:wrap;padding:25px 22px;min-height:180px}html[lang="en"] .consult-band h3{font-size:25px}
 html[lang="en"] .mountain-band>div{padding-block:28px}html[lang="en"] .section-head{align-items:start;flex-wrap:wrap}
 html[lang="en"] .site .three-columns p,html[lang="en"] .story-prose p,html[lang="en"] .article-layout p{font-size:16px}
 html[lang="en"] .app-hero h1{font-size:34px}html[lang="en"] .app-hero .app-features h2{font-size:25px}
 html[lang="en"] .footer-main nav{gap:16px}html[lang="en"] .form-bottom{flex-direction:column}
 html[lang="en"] .gallery-dialog-head h2{font-size:26px}html[lang="en"] .viewer-head h2{font-size:23px}
}

/* English copy flows independently of the Chinese artwork coordinates. */
html[lang="en"] .site .home-gallery>.section-head{inset:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:32px;padding:28px 5.5%}
html[lang="en"] .site .home-gallery .section-head>div{min-width:0;flex:1}
html[lang="en"] .site .home-gallery .eyebrow,html[lang="en"] .site .home-gallery h2,html[lang="en"] .site .home-gallery .inline-title p,html[lang="en"] .site .home-gallery .section-head>.text-link{position:static;margin:0}
html[lang="en"] .site .home-gallery .eyebrow{margin-bottom:12px;font-size:13px}
html[lang="en"] .site .home-gallery h2{font-size:clamp(28px,2.5vw,42px)}
html[lang="en"] .site .home-gallery .inline-title p{font-size:17px;max-width:65ch;margin-top:10px}
html[lang="en"] .site .home-gallery .section-head>.text-link{flex:0 1 290px;margin-top:32px;font-size:17px}
html[lang="en"] .site .support-body{grid-template-columns:minmax(200px,24fr) minmax(0,76fr);gap:32px}
html[lang="en"] .site .support-nav{min-width:0;padding-right:20px}
html[lang="en"] .site .support-nav button{white-space:normal;font-size:19px;line-height:1.45;padding:10px 14px;max-width:100%}
html[lang="en"] .site #support-content{min-width:0;padding-right:0}
html[lang="en"] .site .policy-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
html[lang="en"] .site .policy-links>*{min-width:0}
html[lang="en"] .site .policy-links button{white-space:normal;gap:14px;font-size:18px}
html[lang="en"] .site .policy-links button>div{min-width:0}
html[lang="en"] .site .contact-main>*{min-width:0}
html[lang="en"] .site .small-faq p{display:block;font-size:16px}
html[lang="en"] .site .small-faq b{display:block;white-space:normal;margin-bottom:6px}
html[lang="en"] .site .small-faq .text-link{white-space:normal;display:inline-flex;max-width:100%;margin-top:8px}
@media(max-width:1100px){
 html[lang="en"] .site .nav-submenu,html[lang="en"] .site .nav-submenu.short-submenu,html[lang="en"] .site .nav-submenu.series-submenu{width:100%;min-width:0}
 html[lang="en"] .site .nav-group.is-open>.nav-submenu{grid-template-columns:minmax(0,1fr)}
 html[lang="en"] .site .filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
 html[lang="en"] .site .filters>*{min-width:0;width:100%;max-width:none;margin:0}
 html[lang="en"] .site .filters .tea-search-form{grid-column:1/-1}
 html[lang="en"] .site .category-products .filters .search-field{grid-column:1/-1;width:100%;max-width:none;margin:0;min-width:0}
 html[lang="en"] .site .category-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}
 html[lang="en"] .site .category-guide>span{grid-column:1/-1}
 html[lang="en"] .site .category-guide>a{justify-self:start}
 html[lang="en"] .site .home-gallery>.section-head{gap:20px;padding:24px 5.5%}
 html[lang="en"] .site .home-gallery .section-head>.text-link{flex-basis:220px}
 html[lang="en"] .site .policy-links{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
 html[lang="en"] .site .support-body{grid-template-columns:minmax(0,1fr)}
 html[lang="en"] .site .support-nav{flex-direction:column;gap:4px;border:0;padding:0}
 html[lang="en"] .site .support-nav button{font-size:17px}
 html[lang="en"] .site .home-gallery{display:flex;flex-direction:column}
 html[lang="en"] .site .home-gallery>.section-head{position:relative;order:-1;flex-direction:column;padding:28px 22px}
 html[lang="en"] .site .home-gallery .section-head>.text-link{flex-basis:auto;margin-top:0}
 html[lang="en"] .site .filters{grid-template-columns:minmax(0,1fr)}
 html[lang="en"] .site .policy-links{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:800px){
 html[lang="en"] .site .tea-list-section .type-tabs{height:auto;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
 html[lang="en"] .site .tea-list-section .type-tabs button{min-height:48px;font-size:15px!important}
 html[lang="en"] .site .tea-list-section .type-tabs button:first-child{grid-column:1/-1}
 html[lang="en"] .site .category-products>.line-tabs{height:auto;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
}