:root{--forest:#173e2c;--forest2:#204c36;--ink:#203b2d;--paper:#f4f2e9;--cream:#ebe9dd;--lime:#cddd55;--sage:#dce4cc;--muted:#7b8374;--serif:'Noto Serif SC',Georgia,serif;--sans:'Manrope',Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.announcement{height:32px;padding:0 5vw;background:var(--forest);color:#e8ebd3;display:flex;align-items:center;justify-content:space-between;font:9px var(--mono);letter-spacing:.12em}.announcement .announce-mark{color:var(--lime)}.site-header{height:84px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:11px;min-width:220px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--forest);border-radius:50%;font:19px var(--serif);color:var(--forest)}.brand-name{display:flex;flex-direction:column;gap:3px}.brand-name b{font-size:14px;letter-spacing:.13em}.brand-name small{font:8px var(--mono);letter-spacing:.06em;color:#798275}.main-nav{display:flex;gap:36px;margin-left:auto;margin-right:45px}.main-nav a{font-size:12px;color:#344b3b;transition:color .2s}.main-nav a:hover,.text-link:hover{color:#749521}.header-actions{display:flex;align-items:center;gap:24px}.lang-switch{display:flex;align-items:center;gap:7px;border:0;background:none;color:#7c8677;font:10px var(--mono);cursor:pointer}.lang-switch .lang-current{color:var(--forest)}html[lang="en"] .lang-switch .lang-current{color:#7c8677}html[lang="en"] .lang-switch>span:last-child{color:var(--forest)}.lang-switch i{height:13px;width:1px;background:#b6bcaa}.header-cta{font-size:11px;padding:12px 16px;background:var(--forest);color:white;display:flex;gap:20px;align-items:center}.header-cta b{font-size:15px;color:var(--lime)}.menu-toggle{display:none}.hero{height:min(740px,78vw);min-height:610px;position:relative;overflow:hidden;background:#243e2e;color:#fff}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background:url('assets/tea-landscape.jpg') 50% 50%/cover no-repeat;transform:scale(1.025);animation:heroReveal 1.8s ease both}.hero-shade{background:linear-gradient(90deg,rgba(11,36,25,.83) 0%,rgba(18,46,31,.55) 44%,rgba(18,46,31,.02) 100%),linear-gradient(0deg,rgba(9,29,20,.48),transparent 28%)}.hero-content{position:absolute;left:12.5%;top:20%;max-width:600px}.eyebrow,.kicker{font:10px var(--mono);letter-spacing:.14em}.eyebrow{display:flex;align-items:center;gap:12px;color:#e1e8c0}.eyebrow i{width:27px;height:1px;background:var(--lime)}h1,h2,h3,p{margin-top:0}.hero h1{font:500 clamp(54px,6.6vw,94px)/1.28 var(--serif);letter-spacing:.04em;margin:32px 0 18px}.hero h1 em{font-style:normal;color:var(--lime)}.hero-content>p{max-width:360px;color:rgba(255,255,255,.79);line-height:2;font-size:13px}.hero-link{display:inline-flex;align-items:center;gap:36px;margin-top:32px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.55);font:10px var(--mono);letter-spacing:.12em}.hero-link b{font-size:16px;color:var(--lime)}.hero-stamp{position:absolute;right:12.4%;top:22%;width:120px;height:120px;border:1px solid rgba(220,230,190,.7);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:7px;color:#ebefdb;transform:rotate(8deg)}.hero-stamp>span{font:17px/1.3 var(--serif);letter-spacing:.2em}.hero-stamp small{font:7px/1.5 var(--mono);letter-spacing:.08em}.hero-bottom{position:absolute;bottom:29px;left:5vw;right:5vw;display:flex;justify-content:space-between;color:rgba(255,255,255,.65);font:9px var(--mono);letter-spacing:.12em}.vertical-note{position:absolute;right:28px;top:45%;writing-mode:vertical-rl;font:8px var(--mono);letter-spacing:.16em;color:rgba(255,255,255,.66)}.ticker{height:68px;overflow:hidden;background:var(--lime);color:var(--forest);display:flex;align-items:center}.ticker-track{display:flex;align-items:center;gap:38px;white-space:nowrap;animation:marquee 34s linear infinite;font:10px var(--mono);letter-spacing:.19em}.ticker-track b{font-size:16px}.section-pad{padding:102px 12.5%}.section-label{display:flex;justify-content:space-between;border-bottom:1px solid #c8ccbb;padding-bottom:13px;font:9px var(--mono);letter-spacing:.1em;color:#758071}.section-label span:last-child{color:#a0a693}.intro-grid{display:grid;grid-template-columns:1.05fr .75fr;gap:11%;padding:71px 0 63px}.kicker{color:#82924c;margin-bottom:20px;text-transform:uppercase}.intro h2,.products h2,.capability h2,.standards h2,.contact h2{font:500 clamp(38px,4.5vw,61px)/1.42 var(--serif);letter-spacing:.025em;margin:0}.intro h2 span,.products h2 span,.capability h2 span,.standards h2 span,.contact h2 span{color:#81963f}.intro-copy{padding-top:44px}.intro-copy p,.capability-content>p,.standards-copy,.contact-copy{font-size:13px;line-height:2.15;color:#647063}.text-link{font:9px var(--mono);letter-spacing:.1em;display:inline-flex;gap:30px;padding-bottom:9px;border-bottom:1px solid #95a28d;margin-top:19px}.text-link b{font-size:15px}.stats-row{border-top:1px solid #c8ccbb;display:grid;grid-template-columns:1fr 1.25fr 1fr 1.2fr;align-items:center;padding-top:26px;gap:26px}.stats-row>div:not(.stats-note){display:flex;flex-direction:column;gap:7px}.stats-row strong{font:500 30px var(--serif);color:var(--forest)}.stats-row .unit{font:10px var(--mono);margin-left:5px}.stats-row>div span:last-child{font:9px var(--mono);letter-spacing:.08em;color:#8a9181}.stats-row .stats-note{font:11px/1.8 var(--serif);color:#777f70;border-left:1px solid #ccd0c2;padding-left:25px}.craft{background:var(--forest);color:#f2f0e6;display:grid;grid-template-columns:1fr 1fr;min-height:700px}.craft-photo{position:relative;min-height:650px;overflow:hidden}.craft-photo img{width:100%;height:100%;position:absolute;object-fit:cover;inset:0;filter:saturate(.8)}.photo-caption{position:absolute;bottom:25px;left:32px;right:32px;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.12em;color:white;text-shadow:0 1px 7px #24392a}.craft-content{padding:58px 13% 65px 12%}.section-label.light{border-color:rgba(237,240,217,.25);color:#dfe7c6}.section-label.light span:last-child{color:#aab996}.craft-content .kicker{color:#c9d66c;margin-top:65px}.craft h2{font:500 clamp(40px,4vw,58px)/1.5 var(--serif);margin:0 0 23px}.craft h2 span{color:var(--lime)}.craft-desc{font-size:12px;line-height:2.1;color:rgba(245,245,229,.71);max-width:470px}.process-list{margin-top:37px;border-top:1px solid rgba(242,244,223,.22)}.process-list>div{display:grid;grid-template-columns:38px 1fr 1fr;align-items:center;padding:14px 0;border-bottom:1px solid rgba(242,244,223,.22)}.process-list span{font:9px var(--mono);color:var(--lime)}.process-list b{font:13px var(--serif);font-weight:400}.process-list small{font:9px var(--mono);color:#9fac91}.light-link{display:inline-flex;gap:35px;border-bottom:1px solid #9da995;padding-bottom:10px;margin-top:30px;font:9px var(--mono);letter-spacing:.1em}.light-link b{font-size:15px;color:var(--lime)}.products{padding-top:105px;padding-bottom:96px}.products-heading{display:flex;justify-content:space-between;align-items:end;padding:53px 0 37px}.products-heading>p{max-width:260px;font:12px/2 var(--serif);color:#81887b;margin:0 0 6px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 22px}.product-card{display:block}.product-feature{grid-column:span 2}.product-image{height:310px;position:relative;overflow:hidden;background:#e8e8dc}.product-feature .product-image{height:430px}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.product-card:hover .product-image img{transform:scale(1.05)}.product-card:nth-child(2) .product-image img{object-position:center 56%}.product-card:nth-child(3) .product-image img{object-position:center 46%}.card-index{position:absolute;top:16px;left:17px;padding:7px 9px;background:rgba(244,242,233,.9);font:8px var(--mono);letter-spacing:.1em}.card-arrow{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:35px;height:35px;background:var(--lime);border-radius:50%;font-size:16px;transition:transform .2s}.product-card:hover .card-arrow{transform:rotate(45deg)}.product-meta{padding:15px 0 6px;display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #cbd0c1}.product-meta h3{font:500 17px var(--serif);margin:0 0 6px}.product-meta p{font:8px var(--mono);letter-spacing:.05em;color:#879080;margin:0}.product-en{font:8px var(--mono);letter-spacing:.08em;color:#a0a893;padding-top:6px}.product-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #cbd0c1;margin-top:38px;padding-top:20px;color:#7f8878;font:10px var(--serif)}.product-foot .text-link{margin:0}.capability{display:grid;grid-template-columns:1fr 1fr;background:#e8eadc}.capability-image{position:relative;min-height:700px}.capability-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.circle-note{position:absolute;right:8%;top:12%;width:124px;height:124px;border:1px solid white;border-radius:50%;display:grid;place-content:center;text-align:center;color:white;font:9px/1.7 var(--mono);letter-spacing:.09em;transform:rotate(-12deg)}.capability-content{padding:57px 13% 68px 12%}.capability-content .kicker{margin-top:60px}.capability-content h2{font-size:clamp(38px,4.1vw,57px)}.capability-content>p{margin:20px 0 25px}.capability-points{display:grid;gap:13px;border-top:1px solid #c4cbbb;padding-top:18px}.capability-points div{display:flex;gap:13px;align-items:center;font-size:11px;color:#485c49}.capability-points span:first-child{font-size:12px;color:#82963e}.button-dark{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;margin-top:28px;padding:15px 17px;background:var(--forest);color:white;font:9px var(--mono);letter-spacing:.1em}.button-dark b{color:var(--lime);font-size:15px}.standards{background:#243f2e;color:#f3f2e7;padding-top:74px;padding-bottom:81px}.standards-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;align-items:center;padding-top:52px}.standards .kicker{color:var(--lime)}.standards h2{font-size:clamp(37px,4vw,54px)}.standards h2 span{color:var(--lime)}.standards-copy{color:rgba(245,245,230,.67);max-width:450px;margin-top:18px;font-size:11px}.cert-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;border-top:1px solid rgba(238,241,220,.28)}.cert{min-height:115px;border-bottom:1px solid rgba(238,241,220,.28);display:flex;flex-direction:column;justify-content:center;gap:9px}.cert strong{font:500 20px var(--sans);letter-spacing:.02em;color:#edf0d7}.cert span{font:8px var(--mono);letter-spacing:.08em;color:#aebba2}.cert-note{font:8px/1.8 var(--mono);color:#aebba2;padding-top:15px;grid-column:span 2}.contact{padding-top:105px;padding-bottom:105px;display:grid;grid-template-columns:.9fr 1fr;gap:11%;align-items:center}.contact-art{position:relative;height:510px;overflow:hidden;background:#e2e5d7}.contact-art img{height:100%;width:100%;object-fit:cover;object-position:center}.contact-art-overlay{position:absolute;inset:auto 0 0;padding:30px;color:white;font:9px/1.6 var(--mono);letter-spacing:.15em;text-shadow:0 1px 6px #30432e;background:linear-gradient(transparent,rgba(21,43,29,.55))}.contact-art-overlay em{font:italic 46px var(--serif);color:var(--lime)}.contact-content .kicker{margin-top:24px}.contact h2{font-size:clamp(38px,4.3vw,59px)}.contact-copy{margin:18px 0 22px;max-width:390px}.contact-button{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;padding:15px 18px;background:var(--lime);font:9px var(--mono);letter-spacing:.1em;color:var(--forest)}.contact-button b{font-size:15px}.contact-company{margin-top:54px;padding-top:18px;border-top:1px solid #c8ccbb;display:flex;justify-content:space-between;gap:20px}.contact-company b{font:12px var(--serif);font-weight:500}.contact-company span{font:8px var(--mono);letter-spacing:.08em;color:#888f7e}.footer{background:#173e2c;color:#e8ebd7;min-height:115px;padding:24px 5vw;display:flex;align-items:center;justify-content:space-between}.footer-brand .brand-mark{border-color:#b6c491;color:#dce6ba}.footer-brand .brand-name b{font-size:12px}.footer-brand .brand-name small{color:#9eaf91}.footer-line{font:11px var(--serif);color:#c0cab1}.copyright,.back-top{font:8px var(--mono);letter-spacing:.07em;color:#a4b197}.back-top{color:var(--lime)}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes heroReveal{from{transform:scale(1.08);opacity:.7}to{transform:scale(1.025);opacity:1}}
@media(max-width:900px){.main-nav{gap:19px;margin-right:23px}.main-nav a{font-size:11px}.brand{min-width:175px}.header-actions{gap:12px}.section-pad{padding-left:8%;padding-right:8%}.hero-content{left:10%}.craft-content,.capability-content{padding-left:9%;padding-right:9%}.contact{gap:7%}.product-image{height:260px}.product-feature .product-image{height:360px}}
@media(max-width:680px){.announcement{padding:0 5%;font-size:7px}.site-header{height:70px;padding:0 5%}.brand{min-width:0}.brand-mark{width:34px;height:34px;flex:none}.brand{gap:7px}.brand-name b{font-size:9px;letter-spacing:.08em;white-space:nowrap}.brand-name small{display:none}.menu-toggle{display:flex;flex-direction:column;gap:5px;margin-left:auto;margin-right:10px;border:0;background:none;padding:9px;flex:none}.menu-toggle span{width:19px;height:1px;background:var(--forest)}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);margin:0;padding:22px 7%;box-shadow:0 15px 20px #1a311514;flex-direction:column;gap:20px}.main-nav.open{display:flex}.header-actions{gap:9px}.header-cta{padding:10px 9px;gap:10px;font-size:9px;white-space:nowrap}.lang-switch{gap:5px;font-size:9px}.hero{height:720px;min-height:0;max-height:100svh}.hero-image{background-position:58% center}.hero-shade{background:linear-gradient(90deg,rgba(11,36,25,.75),rgba(15,43,27,.2)),linear-gradient(0deg,rgba(9,29,20,.48),transparent 36%)}.hero-content{left:8%;right:8%;top:23%}.hero h1{font-size:clamp(53px,13vw,78px);margin-top:27px}.hero-content>p{max-width:310px;font-size:12px}.hero-stamp{top:auto;right:9%;bottom:22%;width:90px;height:90px}.hero-stamp>span{font-size:14px}.hero-stamp small{font-size:6px}.hero-bottom{left:6%;right:6%;bottom:20px;font-size:7px}.vertical-note{display:none}.ticker{height:54px}.ticker-track{font-size:8px;gap:25px}.section-pad{padding:70px 7%}.section-label{font-size:8px}.intro-grid{grid-template-columns:1fr;gap:22px;padding:48px 0 38px}.intro h2,.products h2,.capability h2,.standards h2,.contact h2{font-size:42px}.intro-copy{padding-top:0;max-width:500px}.stats-row{grid-template-columns:1fr 1fr;gap:23px 14px;padding:22px 0}.stats-row strong{font-size:27px}.stats-row .stats-note{grid-column:span 2;padding-left:15px;font-size:10px}.craft{grid-template-columns:1fr}.craft-photo{min-height:420px}.craft-content{padding:42px 7% 58px}.craft-content .kicker{margin-top:45px}.craft h2{font-size:42px}.process-list>div{grid-template-columns:34px 1fr 1.1fr}.process-list small{font-size:8px}.products-heading{display:block;padding:42px 0 28px}.products-heading>p{margin-top:18px;max-width:350px}.product-grid{grid-template-columns:1fr 1fr;gap:25px 13px}.product-feature{grid-column:span 2}.product-feature .product-image{height:340px}.product-image{height:230px}.product-meta{display:block;padding-top:11px}.product-meta h3{font-size:15px}.product-meta p{font-size:7px}.product-en{display:none}.card-index{font-size:7px;top:10px;left:10px}.card-arrow{right:10px;bottom:10px;width:30px;height:30px}.product-foot{align-items:flex-start;gap:10px;font-size:9px}.product-foot .text-link{font-size:8px;gap:15px;white-space:nowrap}.capability{grid-template-columns:1fr}.capability-image{min-height:390px}.capability-content{padding:45px 7% 57px}.capability-content .kicker{margin-top:44px}.standards{padding-top:50px;padding-bottom:55px}.standards-grid{grid-template-columns:1fr;gap:35px;padding-top:40px}.standards-copy{font-size:10px}.cert{min-height:100px}.cert strong{font-size:18px}.cert span{font-size:7px}.contact{grid-template-columns:1fr;padding-top:70px;padding-bottom:70px;gap:38px}.contact-art{height:380px}.contact-content .kicker{margin-top:0}.contact h2{font-size:43px}.contact-company{margin-top:40px;flex-direction:column;gap:8px}.footer{padding:23px 7%;display:grid;grid-template-columns:1fr 1fr;gap:22px}.footer-brand{min-width:0}.footer-line{font-size:10px;text-align:right}.copyright{font-size:7px}.back-top{font-size:7px;text-align:right}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:9px 18px;margin-top:15px;color:#798273;font:9px var(--mono);line-height:1.65}.contact-details a:hover{color:#607c24}.contact-details span{grid-column:span 2}@media(max-width:680px){.contact-details{grid-template-columns:1fr;gap:7px}.contact-details span{grid-column:auto}}
/* B2B readability and buyer-first behavior */
.intro-copy p,.capability-content>p,.standards-copy,.contact-copy,.products-heading>p{font-size:14px;line-height:1.9}
.capability-points div{font-size:12px;line-height:1.6}
.cert span{font-size:9px;line-height:1.5}
@media(max-width:680px){.capability-content{order:-1}.hero-content>p{line-height:1.85}.hero-stamp{width:84px;height:84px}.hero h1{letter-spacing:0}}
/* First-edition visual language, current bilingual brand story and official identity. */
.official-symbol{display:inline-block;width:36px;aspect-ratio:172/177;position:relative;overflow:hidden;flex-shrink:0;mix-blend-mode:multiply}.official-symbol img{position:absolute;width:321.5116%;height:auto;max-width:none;left:-116.2791%;top:-65.5367%}.official-wordmark{display:block;position:relative;overflow:hidden;width:163px;aspect-ratio:1197/129;mix-blend-mode:multiply}.official-wordmark img{position:absolute;width:130.994%;max-width:none;height:auto;left:-15.706%;top:-872.093%}.brand-lockup{display:flex;flex-direction:column;gap:8px}.brand-chinese{font-size:10px;letter-spacing:.3em}.brand{min-width:210px}.main-nav{gap:23px;margin-right:30px}.main-nav a{font-size:13px}.lang-switch{font-size:12px}.lang-switch .active{color:var(--forest);font-weight:700}.lang-switch .divider{color:#9da790}.official-hero-stamp{width:165px;height:165px;border:0;transform:none;right:10%;top:22%;border-radius:0}.official-hero-stamp img{width:100%;height:auto;filter:invert(1);mix-blend-mode:screen}.hero-content>p{font-size:17px;line-height:1.9;max-width:430px}.hero-link{font-size:12px}.hero h1{font-size:clamp(54px,6.2vw,88px)}.intro h2 em,.products h2 em,.capability h2 em,.standards h2 em,.contact h2 em{font-style:normal;color:#81963f}.standards h2 em{color:var(--lime)}.intro-copy p,.capability-content>p,.standards-copy,.contact-copy,.products-heading>p,.craft-desc{font-size:16px;line-height:1.9}.kicker{font-size:11px;line-height:1.7}.text-link,.light-link,.button-dark,.contact-button{font-size:12px}.product-meta h3{font-size:20px}.product-meta p{font-size:11px;line-height:1.6}.product-description{font-size:14px;line-height:1.8;color:#69755f;margin:14px 0 0}.products-heading>p{max-width:340px}.products-heading{gap:40px}.product-foot{font-size:12px;line-height:1.8}.product-grid{grid-template-columns:repeat(3,1fr);align-items:start}.product-card:last-child{grid-column:span 2}.product-card:last-child .product-image{height:310px}.product-card:last-child .product-image img{object-position:center 47%}.process-list b{font-size:15px}.process-list small{font-size:11px;line-height:1.6}.capability-points div{font-size:14px}.cert span{font-size:11px}.cert-note{font-size:11px;line-height:1.8}.contact-details{font-size:12px;overflow-wrap:anywhere}.contact-company b{font-size:15px}.footer-brand .official-wordmark{filter:invert(1);mix-blend-mode:screen;width:153px}.footer-brand .official-symbol{mix-blend-mode:screen;filter:grayscale(1) invert(1)}.footer-brand .brand-chinese{color:#d7dfc5}.footer-line{font-size:12px}.applications{display:grid;grid-template-columns:1fr 1fr;background:var(--paper);color:var(--forest)}.application-left{padding:58px 12% 65px}.applications .section-label{margin-bottom:48px}.applications h2{font:500 clamp(36px,4vw,56px)/1.45 var(--serif);margin-bottom:35px}.applications h2 em{font-style:normal;color:#81963f}.application-tabs{display:flex;gap:20px;border-bottom:1px solid #c4cbbb}.application-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:0 0 14px;font-size:13px;color:#738165;cursor:pointer;margin-bottom:-1px}.application-tabs button[aria-selected=true]{border-color:var(--forest);color:var(--forest)}.scene-index{font:10px var(--mono);letter-spacing:.1em;display:block;margin:30px 0 17px;color:#82924c}#scene-title{font:500 24px/1.6 var(--serif);margin-bottom:16px}#scene-copy{font-size:16px;line-height:1.9;color:#647063;min-height:125px}.scene-tags{display:flex;gap:10px;flex-wrap:wrap;margin:23px 0}.scene-tags span{font-size:12px;padding:5px 10px;border:1px solid #c4cbbb}.application-image{position:relative;min-height:780px;background:#dce4cc;overflow:hidden}.application-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.image-label{position:absolute;bottom:24px;left:28px;color:white;font:9px var(--mono);letter-spacing:.13em;text-shadow:0 1px 5px #203b2d}.applications .text-link>span:last-child{font-size:20px}.menu-toggle:focus-visible,.lang-switch:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #91a747;outline-offset:5px}html[lang=en] .hero h1{font-family:Georgia,serif;font-size:clamp(52px,5.4vw,78px);line-height:1.08;letter-spacing:-.025em}html[lang=en] h2{letter-spacing:-.02em;line-height:1.25}html[lang=en] .hero-content{top:15%;max-width:650px}html[lang=en] .hero h1 em{font-style:italic}html[lang=en] .main-nav{gap:20px}html[lang=en] .applications h2{font-family:Georgia,serif;font-size:clamp(38px,4vw,57px)}
@media(max-width:1080px){.main-nav{gap:15px;margin-right:20px}.main-nav a{font-size:11px}.header-actions{gap:12px}.brand{min-width:190px}.official-wordmark{width:145px}.official-symbol{width:31px}.header-cta{padding:12px;font-size:10px}.craft-content,.capability-content,.application-left{padding-left:9%;padding-right:9%}.products-heading>p{max-width:280px}.hero-content{left:9%;max-width:60%}.official-hero-stamp{right:7%;width:140px;height:140px}}
@media(max-width:680px){.brand{min-width:0;gap:8px}.official-wordmark{width:123px}.official-symbol{width:29px}.brand-chinese{font-size:8px}.brand-lockup{gap:6px}.header-cta{display:none}.header-actions{gap:9px}.lang-switch{font-size:12px}.menu-toggle{margin-right:12px}.main-nav a{font-size:15px}.hero{height:700px;max-height:none;min-height:0}.hero-content{left:8%;right:8%;top:16%;max-width:none}.hero h1{font-size:clamp(45px,12vw,67px);line-height:1.45}.hero-content>p{font-size:16px;max-width:300px}.hero-link{font-size:11px;margin-top:20px}.official-hero-stamp{width:112px;height:112px;top:auto;bottom:55px;right:7%}.hero-bottom{font-size:7px;gap:10px}.hero-bottom>span:last-child{display:none}.product-grid{grid-template-columns:1fr 1fr}.product-card:last-child{grid-column:span 2}.product-card:last-child .product-image{height:280px}.product-meta h3{font-size:18px}.product-meta p{font-size:10px}.product-description{font-size:13px}.product-foot{display:block;font-size:12px}.product-foot .text-link{margin-top:20px;font-size:11px}.process-list>div{grid-template-columns:26px 1fr 1.1fr;gap:7px}.process-list b{font-size:14px}.process-list small{font-size:10px}.applications{grid-template-columns:1fr}.application-left{padding:45px 7% 55px}.applications h2{font-size:38px}.application-tabs{gap:22px}.application-tabs button{font-size:13px}.application-image{min-height:550px}#scene-copy{min-height:115px}.cert span{font-size:10px}.cert-note{font-size:10px}.contact-company b{font-size:15px}.contact-details{font-size:12px}.footer-brand .official-wordmark{width:125px}.footer-brand .official-symbol{width:26px}.footer-line{font-size:10px}html[lang=en] .hero-content{top:12%}html[lang=en] .hero h1{font-size:clamp(44px,11.7vw,66px);line-height:1.15}html[lang=en] .intro h2,html[lang=en] .products h2,html[lang=en] .capability h2,html[lang=en] .standards h2,html[lang=en] .contact h2{font-size:37px}html[lang=en] .application-tabs{gap:14px}html[lang=en] .application-tabs button{font-size:11px}}

/* Individual photographic stories, preserving the original brand palette. */
.product-grid{grid-template-columns:1fr 1fr;gap:58px 34px}
.product-feature,.product-card:last-child{grid-column:auto}
.product-card:nth-child(even){margin-top:80px}
.product-image,.product-feature .product-image,.product-card:last-child .product-image{height:auto;aspect-ratio:4/5}
.product-image img{display:block;object-position:center 51%}
.product-card:nth-child(3) .product-image img{object-position:center 55%}
.product-card:last-child .product-image img{object-position:center 57%}
.craft-photo{background:#e9edcf;min-height:860px}
.craft-photo img{object-fit:cover;object-position:center;filter:none}
.craft-photo .photo-caption{background:rgba(23,62,44,.78);padding:12px;left:20px;right:20px;bottom:16px}
.application-image img{object-position:center 65%}
.capability-image img{object-position:center}
.contact-art img{object-position:center;filter:none}
@media(max-width:680px){.product-grid{grid-template-columns:1fr;gap:35px}.product-card:nth-child(even){margin-top:0}.product-feature,.product-card:last-child{grid-column:auto}.product-image,.product-feature .product-image,.product-card:last-child .product-image{height:auto;aspect-ratio:4/5}.craft-photo{min-height:0;aspect-ratio:9/16}.application-image{min-height:0;aspect-ratio:9/16}.product-meta h3{font-size:22px}}

/* FORTUNEBREW / botanical motion — original implementation */
.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;transform:scaleX(var(--read-progress,0));transform-origin:left;background:#bfd555;z-index:100;pointer-events:none}
.site-header{position:sticky;top:0;transition:background .35s,box-shadow .35s;z-index:30}
.site-header.is-scrolled{background:rgba(244,242,233,.96);box-shadow:0 8px 32px #173e2c12;backdrop-filter:blur(14px)}
.main-nav a{position:relative;padding:10px 0}
.main-nav a::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--forest);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.main-nav a:hover::after,.main-nav a[aria-current]::after{transform:scaleX(1)}
section[id]{scroll-margin-top:100px}
.motion-toggle{width:30px;height:30px;border:1px solid #b8c1a7;border-radius:50%;color:var(--forest);background:transparent;cursor:pointer;font-size:12px;flex-shrink:0}
.tea-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.tea-atmosphere>i{position:absolute;width:75%;height:55%;border-radius:50%;background:radial-gradient(ellipse,#e0ebbc35,transparent 68%);filter:blur(22px);animation:teaMist 22s ease-in-out infinite alternate;left:28%;top:12%}
.tea-atmosphere>i:nth-child(2){top:50%;left:0;animation-delay:-9s;animation-duration:28s;background:radial-gradient(ellipse,#cddd5530,transparent 65%)}
.tea-atmosphere>i:nth-child(3){left:60%;top:-20%;width:55%;height:110%;animation-delay:-17s;background:radial-gradient(ellipse,#fcf9d820,transparent 70%)}
.tea-orbit{position:absolute;width:490px;aspect-ratio:1;border:1px solid #e4edc52b;border-radius:50%;right:-160px;top:20%;animation:teaOrbit 45s linear infinite}
.tea-orbit::after{content:'';position:absolute;top:14%;left:14%;width:7px;height:7px;background:#dceba9;border-radius:50%;box-shadow:0 0 20px #e7efb8}
@keyframes teaMist{from{transform:translate3d(-8%,5%,0) scale(.95)}to{transform:translate3d(12%,-7%,0) scale(1.2)}}
@keyframes teaOrbit{to{transform:rotate(360deg)}}
.hero h1 .headline-line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.hero h1 .headline-line>span{display:block}
.product-image{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .45s ease,box-shadow .45s ease;isolation:isolate}
.product-image::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,50%),#ffffff24,transparent 55%);opacity:0;transition:opacity .4s}
.product-card:hover .product-image{box-shadow:0 20px 42px #173e2c24}
.product-card:hover .product-image::after{opacity:1}
.card-arrow{transition:transform .3s,background .3s,color .3s}
.product-card:hover .card-arrow{transform:rotate(-35deg);background:var(--lime);color:var(--forest)}
.header-cta,.button-dark,.contact-button{transition:background .3s,color .3s,box-shadow .3s}
.header-cta:hover,.button-dark:hover,.contact-button:hover{background:#315b3b;box-shadow:0 7px 20px #173e2c22}
.text-link b,.light-link b,.button-dark b,.header-cta b{transition:transform .3s}
a:hover>b{transform:translate(3px,-3px)}
.ticker:hover .ticker-track{animation-play-state:paused}
body.motion-paused *,body.motion-paused *::before,body.motion-paused *::after{animation-play-state:paused!important;transition:none!important}
body.motion-paused .product-image{transform:none}
@media(hover:none),(pointer:coarse){.product-image{transform:none!important}.product-image::after{display:none}}
@media(max-width:680px){.motion-toggle{width:26px;height:26px}.header-actions{gap:9px}.tea-orbit{width:330px;right:-205px;top:43%}.tea-atmosphere>i{filter:blur(12px)}section[id]{scroll-margin-top:84px}}
@media(prefers-reduced-motion:reduce){.tea-atmosphere>i,.tea-orbit{animation:none}.product-image{transform:none!important}.site-header,.main-nav a::after{transition:none}}

/* Three bilingual brand messages. */
.hero-switcher{position:absolute;right:5vw;bottom:76px;display:flex;gap:12px;z-index:2}
.hero-switcher button{width:48px;padding:12px 0;background:none;border:0;border-top:1px solid #ffffff50;color:#ffffff90;font:11px var(--mono);cursor:pointer;transition:color .3s,border-color .3s}
.hero-switcher button[aria-pressed=true]{color:var(--lime);border-color:var(--lime)}
.hero-switcher button:hover{color:white;border-color:white}
.hero-content>p{min-height:3.8em}
@media(max-width:680px){.hero-switcher{right:auto;left:8%;bottom:66px;gap:10px}.hero-switcher button{width:38px;padding:9px 0}.hero h1{font-size:clamp(40px,10.5vw,60px)}html[lang=en] .hero h1{font-size:clamp(42px,10.8vw,60px)}.hero-content>p{font-size:15px}.hero-link{margin-top:15px}}

/* Curated A04 + T01 + I06 + S01: atmosphere, typography, selection, entrance. */
.tea-atmosphere{isolation:isolate}
.tea-atmosphere>i{width:46%;height:76%;left:56%;top:9%;border-radius:42% 58% 64% 36% / 46% 38% 62% 54%;background:linear-gradient(135deg,#cbdf6d50,#7da8642b 60%,#d8e4c030);filter:blur(8px);animation:teaLiquid 19s ease-in-out infinite alternate}
.tea-atmosphere>i:nth-child(2){width:32%;height:48%;left:43%;top:58%;background:linear-gradient(145deg,#d9e5a840,#91b15b22);animation:teaLiquid 24s ease-in-out -11s infinite alternate;filter:blur(12px)}
.tea-atmosphere>i:nth-child(3){display:none}
@keyframes teaLiquid{0%{border-radius:42% 58% 64% 36% / 46% 38% 62% 54%;transform:translate3d(0,0,0) rotate(-9deg) scale(.94)}50%{border-radius:58% 42% 39% 61% / 60% 56% 44% 40%}100%{border-radius:34% 66% 55% 45% / 40% 63% 37% 60%;transform:translate3d(3%,-5%,0) rotate(8deg) scale(1.06)}}
.hero.effects-idle .tea-atmosphere>i,body.page-idle *{animation-play-state:paused!important}
.hero-image{animation:none;transform:none}
.ticker-track{animation:none}
.product-image{transform:none;transition:box-shadow .25s}
.product-image::after{display:none}
.product-card:hover .product-image img{transform:none}
.product-card:hover .card-arrow{transform:none}
.product-card:hover .product-image{box-shadow:0 10px 25px #173e2c18}
.application-tabs{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:5px;border:1px solid #c8d1bb;border-radius:9px;background:#e8ecdF;overflow:hidden}
.application-tabs .tab-slider{position:absolute;left:0;top:0;border-radius:6px;background:var(--forest);box-shadow:0 3px 8px #173e2c12;pointer-events:none;z-index:-1}
.application-tabs.slider-ready .tab-slider{transition:transform .38s cubic-bezier(.22,.8,.25,1),width .38s,height .25s}
.application-tabs button{margin:0;min-width:0;min-height:48px;padding:10px 8px;border:0;border-radius:6px;font-size:12px;line-height:1.5;color:#496040;transition:color .25s;position:relative;background:transparent}
.application-tabs button[aria-selected=true]{background:transparent;color:#f7f7eb;border:0}
.application-tabs button:focus-visible{outline:2px solid #bed65d;outline-offset:-3px}
html[lang=en] .application-tabs{gap:0}
html[lang=en] .application-tabs button{font-size:12px}
html.motion-paused{scroll-behavior:auto}
.motion-toggle:disabled{cursor:default;opacity:.7}
@media(max-width:680px){.tea-atmosphere>i{left:64%;width:74%;height:48%;top:38%;opacity:.8;filter:blur(4px);animation-duration:25s}.tea-atmosphere>i:nth-child(2){display:none}.application-tabs{gap:0}.application-tabs button{padding:9px 4px;font-size:12px;min-height:48px}html[lang=en] .application-tabs button{font-size:11px}.motion-toggle{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tea-atmosphere>i{animation:none!important}.application-tabs.slider-ready .tab-slider,.application-tabs button{transition:none!important}.hero-image{animation:none!important}}

/* Textured valley clouds: composited movement, no per-frame SVG filter changes. */
.tea-atmosphere{isolation:isolate;mask-image:linear-gradient(90deg,transparent 10%,#0004 32%,#000 62%);-webkit-mask-image:linear-gradient(90deg,transparent 10%,#0004 32%,#000 62%)}
.tea-atmosphere>i,.tea-atmosphere>i:nth-child(2),.tea-atmosphere>i:nth-child(3){display:block;position:absolute;border-radius:0;pointer-events:none;background:url('assets/valley-cloud.svg') center/100% 100% no-repeat;filter:none;will-change:transform;opacity:.9}
.tea-atmosphere>i{left:-25%;top:5%;width:150%;height:72%;animation:valleyCloudFar 20s linear -9s infinite alternate}
.tea-atmosphere>i:nth-child(2){left:-35%;top:29%;width:155%;height:76%;opacity:.85;animation:valleyCloudNear 15s linear -3s infinite alternate}
.tea-atmosphere>i:nth-child(3){left:15%;top:-12%;width:110%;height:62%;opacity:.45;animation:valleyCloudHigh 27s linear -13s infinite alternate}
@keyframes valleyCloudFar{from{transform:translate3d(-10%,3%,0)}to{transform:translate3d(14%,-5%,0)}}
@keyframes valleyCloudNear{from{transform:translate3d(16%,5%,0) scaleY(1.08)}to{transform:translate3d(-10%,-6%,0) scaleY(.92)}}
@keyframes valleyCloudHigh{from{transform:translate3d(-12%,4%,0)}to{transform:translate3d(9%,-3%,0)}}
@media(max-width:680px){.tea-atmosphere{mask-image:linear-gradient(90deg,transparent,#0005 35%,#000 80%);-webkit-mask-image:linear-gradient(90deg,transparent,#0005 35%,#000 80%)}.tea-atmosphere>i{left:-70%;top:14%;width:240%;height:65%;animation-duration:18s}.tea-atmosphere>i:nth-child(2){left:-90%;top:42%;width:260%;height:53%;opacity:.75;animation-duration:14s}.tea-atmosphere>i:nth-child(3){display:none}}
body.motion-paused .tea-atmosphere>i,.hero.effects-idle .tea-atmosphere>i{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.tea-atmosphere>i{animation:none!important;will-change:auto;opacity:.4}}

/* Review refinements: small-screen fit, reliable hit areas and calm panel sizing. */
.hero-playback-status{position:absolute;right:5vw;bottom:59px;font:8px var(--mono);letter-spacing:.08em;color:#e6ecd4b0;pointer-events:none}
.hero-switcher button{min-height:44px}
#application-panel{min-height:330px}
html[lang=en] #application-panel{min-height:375px}
.application-tabs button{font-weight:500}
.motion-toggle,.menu-toggle,.lang-switch{-webkit-tap-highlight-color:transparent}
@media(max-width:680px){.site-header .brand{flex-shrink:0}.site-header .menu-toggle{flex-shrink:0;width:34px;min-height:44px;margin-right:8px}.header-actions{flex-shrink:0}.lang-switch{min-height:44px;padding:4px}.hero-playback-status{left:8%;right:auto;bottom:48px;font-size:7px}.hero-switcher{bottom:68px}.footer{grid-template-columns:1fr}.footer-line,.back-top{text-align:left}.footer-brand .brand-lockup{flex-shrink:0}#application-panel{min-height:310px}html[lang=en] #application-panel{min-height:400px}}
@media(max-width:380px){.site-header{padding-left:4%;padding-right:4%}.site-header .brand{gap:5px}.site-header .official-symbol{width:23px}.site-header .official-wordmark{width:101px}.site-header .brand-chinese{font-size:7px}.site-header .menu-toggle{width:28px;margin:0 5px}.header-actions{gap:4px}.motion-toggle{width:32px;height:36px}.lang-switch{font-size:10px;gap:4px}.hero .eyebrow{font-size:8px;letter-spacing:.08em}html[lang=en] .hero-content>p{font-size:14px}.application-tabs button{font-size:11px}html[lang=en] .application-tabs button{font-size:10px}}

/* Keep the header focused on navigation and language. */
.motion-toggle[hidden]{display:none!important}

/* Scroll depth stays inside photographs; copy and document flow remain stable. */
.craft-photo,.capability-image,.contact-art{overflow:hidden}
@media(prefers-reduced-motion:reduce){.craft-photo>img,.application-image>img,.capability-image>img,.contact-art>img{transform:none!important}}

/* Origin: concrete buyer information in an editorial three-column layout. */
.intro .intro-grid{grid-template-columns:1fr 1fr;gap:8%;padding:44px 0 38px;align-items:start}
.intro .intro-copy{padding-top:0;max-width:none}
.intro .intro-copy p{margin-top:0;margin-bottom:18px;font-size:15px;line-height:1.9}
.origin-range{font:10px/1.8 var(--mono);letter-spacing:.06em;color:#758566;margin-top:25px}
.origin-advantages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-bottom:36px;border-top:1px solid #c8ccbb;border-bottom:1px solid #c8ccbb}
.origin-advantage{padding:28px 25px 25px 0;display:flex;flex-direction:column}
.origin-advantage+ .origin-advantage{border-left:1px solid #d5d8ca;padding-left:25px}
.origin-index{font:9px/1.6 var(--mono);letter-spacing:.07em;color:#7d914b}
.origin-advantage h3{font:500 24px/1.5 var(--serif);margin:17px 0 12px}
.origin-advantage p{font:14px/1.9 var(--sans);color:#647063;margin:0 0 22px}
.origin-tags{margin-top:auto;font:10px/1.7 var(--mono);color:var(--forest);letter-spacing:.03em}
.intro .stats-row{border-top:0;padding-top:0}
@media(max-width:680px){.intro .intro-grid{grid-template-columns:1fr;gap:18px;padding:30px 0}.origin-advantages{grid-template-columns:1fr;margin-bottom:25px}.origin-advantage,.origin-advantage+ .origin-advantage{padding:24px 0;border-left:0}.origin-advantage+ .origin-advantage{border-top:1px solid #d5d8ca}.origin-advantage h3{font-size:23px;margin:12px 0}.origin-advantage p{margin-bottom:14px}.origin-range{font-size:9px;margin-top:18px}}

/* Two equal groups give the brand ribbon an exact seamless loop. */
.ticker-track{width:max-content;flex-shrink:0;gap:0;animation:teaRibbonLoop 34s linear infinite;will-change:transform}
.ticker-group{display:flex;align-items:center;justify-content:space-around;gap:38px;min-width:100vw;flex-shrink:0;padding-right:38px}
.ticker:hover .ticker-track{animation-play-state:running}
@keyframes teaRibbonLoop{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(max-width:680px){.ticker-group{gap:25px;padding-right:25px}.ticker-track{animation-duration:30s}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none!important;will-change:auto}}

/* A living wash of mountain green, held behind the editorial content. */
#story{position:relative;isolation:isolate;background:linear-gradient(150deg,#e8edde 0%,#f4f2e9 42%,#e1e7d5 80%,#cbd8bd 100%)}
#story>.origin-wash{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:paint}
.origin-wash i{position:absolute;display:block;width:80%;height:90%;left:-30%;top:-18%;border-radius:42% 58% 64% 36%;background:radial-gradient(ellipse,#567c5261 0%,#8ea97640 33%,transparent 69%);animation:originWashDrift 19s ease-in-out -6s infinite alternate;will-change:transform}
.origin-wash i:nth-child(2){left:53%;top:28%;width:75%;height:85%;background:radial-gradient(ellipse,#acbe5970 0%,#9eb67638 39%,transparent 71%);animation:originWashReturn 24s ease-in-out -11s infinite alternate}
@keyframes originWashDrift{from{transform:translate3d(-6%,-4%,0) rotate(-8deg) scale(.95)}to{transform:translate3d(22%,17%,0) rotate(9deg) scale(1.16)}}
@keyframes originWashReturn{from{transform:translate3d(8%,7%,0) scale(.94)}to{transform:translate3d(-25%,-17%,0) scale(1.2)}}
.origin-advantages{background:#f7f8ef66;border-color:#a9b79b}
.origin-advantage{position:relative;isolation:isolate;padding-left:20px;padding-right:20px}
.origin-advantage::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(140deg,#ffffff80,#dee8bc80);opacity:0;transition:opacity .45s ease}
.origin-advantage::after{content:'';position:absolute;left:20px;right:20px;bottom:0;height:2px;background:#7c9746;transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
@media(hover:hover) and (pointer:fine){.origin-advantage:hover::before{opacity:1}.origin-advantage:hover::after{transform:scaleX(1)}}
#story .intro-copy p,#story .origin-advantage p{color:#4e6250}
#story .origin-range,#story .kicker,#story .origin-index{color:#61783b}
#story .stats-row>div span:last-child,#story .stats-note{color:#5c6e54}
#story.effects-idle .origin-wash i{animation-play-state:paused}
@media(max-width:680px){.origin-wash i{width:130%;left:-65%;height:55%;animation-duration:27s}.origin-wash i:nth-child(2){width:140%;left:30%;top:48%;height:60%;animation-duration:32s}.origin-advantage,.origin-advantage+ .origin-advantage{padding:24px 18px}}
@media(prefers-reduced-motion:reduce){.origin-wash i{animation:none!important;will-change:auto}.origin-advantage::before,.origin-advantage::after{transition:none}}