:root{--cream:#fff8ee;--cream-dark:#f4eadb;--brown:#653a2b;--dark:#301806;--gold:#a17d42;--ink:#392a23;--muted:#6e655c;--line:#ded2bf;--green:#314d32;--white:#fff;--ease:cubic-bezier(.22,1,.36,1);--serif:Georgia,'Times New Roman','Songti SC',serif;--sans:Arial,'Helvetica Neue','PingFang SC','Microsoft YaHei',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;color:var(--ink);background:var(--cream);font:16px/1.7 var(--sans);-webkit-font-smoothing:antialiased}body.drawer-open{overflow:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.25}h1,h2{letter-spacing:-.02em}h2{font-size:clamp(30px,2.7vw,40px);color:var(--brown);text-transform:uppercase}h2 em,h1 em{font-style:normal}h3{font-size:25px}p{color:var(--muted)}::selection{background:#ded9bd;color:var(--dark)}:focus-visible{outline:3px solid #ae7836;outline-offset:5px}.skip-link{position:fixed;top:-100px;left:20px;z-index:10000;background:#fff;padding:10px 20px}.skip-link:focus{top:15px}[inert]{pointer-events:none}.section{padding:100px max(5vw,24px)}.section>*,.footer-main,.footer-links,.footer-bottom{max-width:1300px;margin-left:auto;margin-right:auto}.eyebrow{font:12px/1.6 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:20px}.btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:50px;padding:15px 30px;font:12px/1.4 var(--serif);letter-spacing:.15em;text-transform:uppercase;transition:background .25s,color .25s,transform .35s var(--ease)}.btn:hover{transform:translateY(-3px)}.btn.primary{background:var(--dark);color:#fff}.btn.primary:hover{background:var(--brown)}.btn.glass{color:#fff;border-color:#ffffff70;background:#ffffff08}.btn.glass:hover{background:#fff;color:var(--dark)}.btn.light,.btn.white{background:#fff;color:var(--brown)}.btn.outline{border-color:var(--brown);color:var(--brown);background:transparent}.btn.full{width:100%}.text-link{display:inline-flex;align-items:center;gap:28px;margin-top:25px;color:var(--brown);font:13px var(--serif);text-transform:uppercase;letter-spacing:.13em;border-bottom:1px solid var(--gold);padding-bottom:12px}.text-link b{font-family:var(--sans);font-size:23px;font-weight:400;transition:transform .3s}.text-link:hover b{transform:translate(3px,-3px)}
/* The brand sequence is progressive: it can never hide page content permanently. */
.site-intro{position:fixed;inset:0;background:var(--cream);display:grid;place-items:center;z-index:1000;pointer-events:none;animation:introOut .6s 1.4s forwards}.intro-mark{position:relative;width:min(370px,70vw);aspect-ratio:350/95}.intro-mark img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.intro-base{animation:wordmark .9s var(--ease) both}.intro-leaf{transform-origin:78% 42%;animation:leafIn .7s .4s var(--ease) both}.intro-leaf-right{animation-delay:.55s}.intro-accent{position:absolute;top:calc(50% + 70px);width:140px;height:1px;background:var(--line)}.intro-accent i{display:block;height:100%;background:var(--gold);transform-origin:left;animation:lineIn 1.2s var(--ease)}.is-exiting{opacity:0;transition:opacity .5s}@keyframes wordmark{from{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(8px)}to{opacity:1;clip-path:inset(0);transform:none}}@keyframes leafIn{from{opacity:0;transform:rotate(-20deg) scale(.5)}to{opacity:1;transform:none}}@keyframes lineIn{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes introOut{to{opacity:0;visibility:hidden}}
/* Cream masthead and a quiet, traditional navigation. */
.site-header{height:108px;position:sticky;top:0;z-index:70;display:flex;align-items:center;gap:35px;padding:0 4vw;background:var(--cream);border-bottom:1px solid #dbc9ac50;transition:box-shadow .3s,background .3s}.site-header.scrolled{box-shadow:0 4px 22px #30180609;background:#fff8eef5;backdrop-filter:blur(14px)}.brand{flex-shrink:0;margin-right:auto}.brand img{width:190px;height:auto}.nav{display:flex;align-items:center;gap:26px}.nav a{font:13px/1.5 var(--serif);text-transform:uppercase;position:relative;padding:12px 0;white-space:nowrap}.nav a::after{content:'';position:absolute;bottom:5px;left:0;width:100%;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s}.nav a:hover::after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:15px}.lang-switch{background:none;font-size:14px;min-height:44px;padding:0 8px}.enquiry-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--dark);color:#fff;border-radius:40px;padding:14px 24px;min-height:48px;font:12px var(--serif);text-transform:uppercase;letter-spacing:.12em}.enquiry-btn b{font:12px var(--sans);border:1px solid #ffffff70;border-radius:50%;min-width:22px;height:22px;display:grid;place-items:center}.menu-btn{display:none;background:none;width:44px;height:44px;padding:8px}.menu-btn span{display:block;width:28px;height:1px;background:var(--brown);margin:7px 0;transition:transform .3s}.menu-btn[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-btn[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
.hero{height:calc(100svh - 108px);min-height:620px;max-height:940px;position:relative;overflow:hidden;color:white;background:#26372a}.hero-media{position:absolute;inset:0}.hero-image{height:100%;width:100%;object-fit:cover;object-position:center 55%;transform:scale(1.035)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,20,9,.73),rgba(22,30,14,.34) 62%,rgba(18,29,12,.16)),linear-gradient(0deg,#101b1177,transparent 60%)}.hero-content{position:absolute;left:7vw;top:50%;transform:translateY(-50%);max-width:840px;padding-right:35px}.hero h1{font-size:clamp(34px,3.25vw,49px);line-height:1.3;text-transform:uppercase;color:#fff;text-wrap:balance}.hero .eyebrow{color:#e0cda1;font-size:12px}.hero-copy{max-width:610px;color:#f4f0e8;font-size:16px;line-height:1.75;margin-top:24px}.hero-actions{display:flex;gap:18px;margin-top:36px}.hero .btn.primary{background:#fff;color:var(--dark);min-width:235px}.hero-scroll{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);display:flex;align-items:center;gap:18px;white-space:nowrap;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#fff}.scroll-line{display:block;width:1px;height:32px;background:#fff9;position:relative;overflow:hidden}.scroll-line:after{content:'';display:block;width:100%;height:60%;background:white;animation:scrollCue 2s ease infinite}@keyframes scrollCue{from{transform:translateY(-100%)}to{transform:translateY(180%)}}.motion-toggle{position:absolute;bottom:24px;right:4vw;width:40px;height:40px;border:1px solid #fff8;background:#0c170b44;border-radius:50%;color:#fff;z-index:3}.motion-paused .scroll-line:after{animation-play-state:paused}
/* Service photography follows the reference's three-image rhythm. */
.services{position:relative;overflow:hidden}.services:before,.services:after{content:'';position:absolute;z-index:0;border:1px solid #d5c09b70;width:340px;height:500px;border-radius:54% 46% 35% 65%;right:-235px;top:-200px;transform:rotate(35deg);pointer-events:none}.services:after{right:auto;top:auto;left:-260px;bottom:-260px;background:#e7eacd;border:0}.center-heading{position:relative;text-align:center;max-width:1050px;margin-bottom:58px}.leaf-mark{display:block;width:25px;height:14px;margin:0 auto 20px;background:var(--green);border-radius:95% 0 90% 0;transform:rotate(-25deg)}.center-heading .eyebrow{margin-bottom:10px}.section-intro{max-width:920px;margin:28px auto 0;font-size:16px}.service-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.service-card{height:450px;position:relative;isolation:isolate;border-radius:26px;overflow:hidden;color:#fff;background:#233221}.service-card>img{position:absolute;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .9s var(--ease)}.service-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 20%,#131209c9 100%);z-index:-1}.service-card>div{position:absolute;bottom:32px;left:32px;right:32px}.service-card h3{font-size:26px;color:#fff;padding-right:42px}.service-card p{color:#ede8de;font-size:14px;line-height:1.6;border-top:1px solid #fff5;padding-top:18px;margin-top:20px}.round-arrow{width:38px;height:38px;border-radius:50%;background:var(--cream);color:var(--brown);position:absolute;right:0;top:-2px;display:grid;place-items:center;font:24px var(--sans);transition:transform .3s}.service-card:hover>img{transform:scale(1.06)}.service-card:hover .round-arrow{transform:translateX(5px)}
.section-kicker{display:flex;align-items:center;gap:16px;margin-bottom:30px}.section-kicker>span{font:12px var(--serif);color:var(--gold);border:1px solid var(--line);padding:5px 9px;border-radius:50%}.section-kicker p{color:var(--gold);font-size:11px;letter-spacing:.19em}.story{background:#fff}.story-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:center}.story-copy>p{margin-top:23px;max-width:520px}.story-visual{position:relative;border-radius:24px;overflow:hidden;min-height:460px}.story-visual>img{width:100%;height:460px;object-fit:cover}.story-stamp{position:absolute;bottom:25px;left:25px;background:#fff8eef0;padding:22px 30px;backdrop-filter:blur(10px)}.story-stamp span,.story-stamp small{display:block;font-size:11px;letter-spacing:.18em;color:var(--gold)}.story-stamp strong{display:block;font:23px var(--serif);color:var(--brown);margin:6px 0}.story-stamp small{font-size:12px;letter-spacing:.02em}
/* Catalogue functionality remains first-class within the editorial design. */
.catalogue{background:var(--cream)}.catalog-head{display:grid;grid-template-columns:1fr 370px;align-items:end;gap:50px}.catalog-head p{margin-top:20px;max-width:680px}.catalog-tools{display:grid;grid-template-columns:1fr 110px;gap:10px}.catalog-search,.catalog-tools select{width:100%;min-width:0;border:1px solid var(--line);background:#fffaf3;padding:12px 13px;border-radius:0;font-size:14px;color:var(--ink)}.catalog-tools>span{font-size:12px;color:var(--muted)}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:35px auto 30px}.filter-chip{min-height:40px;border:1px solid var(--line);background:transparent;border-radius:24px;padding:8px 16px;font-size:12px;transition:background .2s}.filter-chip:hover{background:#ecdfcd}.filter-chip.active{background:var(--brown);color:#fff;border-color:var(--brown)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 30px}.product-card{min-width:0;border-bottom:1px solid var(--line);background:transparent;padding-bottom:24px}.product-image{height:270px;overflow:hidden;border-radius:20px;position:relative;background:#e9e0d3}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.product-card:hover .product-image img{transform:scale(1.04)}.product-badge{position:absolute;top:16px;left:16px;padding:5px 12px;border-radius:20px;color:var(--brown);background:var(--cream);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.product-body{padding-top:22px}.product-category{font:10px var(--sans);color:var(--gold);letter-spacing:.14em;text-transform:uppercase}.product-body h3{font-size:23px;color:var(--brown);margin:10px 0 20px;min-height:58px}.product-spec{display:flex;justify-content:space-between;gap:20px;font-size:12px;margin:6px 0}.product-spec>span{color:var(--muted)}.product-spec b{font-weight:400;text-align:right}.product-price{display:flex;justify-content:space-between;font-size:12px;padding-top:13px;margin-top:12px;border-top:1px solid var(--line);gap:15px}.product-price strong{font-weight:400;color:var(--brown)}.product-actions{display:flex;gap:10px;margin-top:20px}.small-btn{border:1px solid var(--line);border-radius:24px;min-height:42px;padding:9px 14px;font-size:12px;background:transparent;flex:1;transition:background .2s}.small-btn:hover{background:#eadbc5}.small-btn.add{background:var(--brown);color:#fff;border-color:var(--brown)}.small-btn.add:hover{background:var(--dark)}.empty-products{grid-column:1/-1;padding:45px 0}.catalog-caption{font-size:12px;margin-top:26px;text-align:center}
.origin-feature{position:relative;min-height:560px;display:flex;align-items:center;background:var(--dark);isolation:isolate;overflow:hidden}.origin-image{position:absolute;inset:0;z-index:-2}.origin-image img{width:100%;height:100%;object-fit:cover;object-position:center 55%}.origin-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1e180cec,#1c190f95 48%,#20170c22);z-index:-1}.origin-copy{padding:95px 7vw;max-width:750px}.origin-copy h2{color:white}.origin-copy p:not(.eyebrow){color:#efe7d9;margin:24px 0 30px}.origin-copy .eyebrow{color:#dfcda6}
.private-label{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;background:#fff}.pl-copy{max-width:630px;margin:0}.pl-copy>p{margin-top:26px}.steps-mini{display:grid;grid-template-columns:1fr 1fr;margin:25px 0 35px;gap:14px}.steps-mini span{display:flex;gap:14px;align-items:center;font-size:13px}.steps-mini b{font:16px var(--serif);color:var(--gold)}.steps-mini i{font-style:normal}.pl-visual{position:relative;width:100%;height:470px;perspective:1000px;background:radial-gradient(ellipse at 50% 70%,#ddd6bf80,transparent 66%);display:flex;justify-content:center;align-items:center}.pack{position:absolute;width:205px;height:285px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:15px 24px 25px #281c1420;border-right:13px solid #00000015}.pack-back{transform:translate(-68px,-20px) rotate(-10deg);background:#31492d;color:#e6d5a7}.pack-back span{font:20px var(--serif);letter-spacing:.12em}.pack small{font-size:8px;letter-spacing:.2em;margin-top:12px}.pack-front{transform:translate(70px,18px) rotate(8deg);background:#eee3cc;color:var(--brown);border-top:7px solid #cfb38c;border-bottom:7px solid #cfb38c}.pack-front img{width:130px;margin-bottom:28px;mix-blend-mode:multiply}.pack-front b{font:34px/1.15 var(--serif);letter-spacing:.12em;text-align:center}.pack-caption{position:absolute;bottom:15px;text-align:center;font:15px var(--serif);color:var(--muted)}
.process{background:var(--cream)}.process-head{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.process-list{margin-top:60px;display:grid;grid-template-columns:repeat(5,1fr);gap:32px}.process-list article{position:relative;padding-top:27px;border-top:1px solid var(--gold)}.process-list article>span{position:absolute;top:-17px;background:var(--cream);padding-right:15px;font:26px var(--serif);color:var(--gold)}.process-list h3{font-size:21px;margin:10px 0 17px;color:var(--brown)}.process-list p{font-size:14px;line-height:1.7}
.china-band{padding:75px 7vw;background:#304631;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.china-band h2{color:white;font-size:33px}.china-band p{color:#ecede6;margin-bottom:24px}.china-band .eyebrow{color:#d5c9a6}.china-band .btn{letter-spacing:.08em}.faq{background:#fff}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-item{border-bottom:1px solid var(--line)}.faq-q{display:flex;width:100%;text-align:left;align-items:center;justify-content:space-between;gap:25px;background:transparent;font:18px/1.5 var(--serif);padding:22px 0;color:var(--brown)}.faq-q>span:last-child{font:25px var(--sans);font-weight:200;transition:transform .3s}.faq-item.open .faq-q>span:last-child{transform:rotate(45deg)}.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease)}.faq-a>div{overflow:hidden}.faq-a p{padding-bottom:0;font-size:14px;transition:padding .35s}.faq-item.open .faq-a{grid-template-rows:1fr}.faq-item.open .faq-a p{padding-bottom:22px}.contact{background:var(--cream);position:relative;overflow:hidden}.contact:after{content:'';position:absolute;width:350px;height:500px;border:1px solid #d8c5a580;border-radius:50%;right:-160px;bottom:-200px;transform:rotate(30deg);pointer-events:none}.contact-card{text-align:center;max-width:850px}.contact-card>img{width:175px;mix-blend-mode:multiply;margin:0 auto 38px}.contact-card>p:not(.eyebrow){max-width:630px;margin:25px auto 32px}.contact-actions{display:flex;gap:15px;justify-content:center}.contact-card>small{display:block;margin-top:23px;font-size:12px;color:var(--muted)}footer{background:#f0e5d3;border-top:1px solid var(--line);padding:55px 5vw 25px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-logo img{width:185px;mix-blend-mode:multiply}.footer-main p{font:17px var(--serif)}.footer-links{display:flex;gap:25px;justify-content:flex-end;margin-top:35px;font-size:13px}.footer-links a:hover{text-decoration:underline}.admin-link{color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #bda37b50;margin-top:30px;padding-top:22px}.footer-bottom small{font-size:11px;color:var(--muted)}
/* Accessible enquiry panels. */
.drawer-backdrop{position:fixed;inset:0;z-index:90;background:#1b120b70;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}.drawer-backdrop.open{opacity:1;visibility:visible}.enquiry-drawer{position:fixed;right:0;top:0;bottom:0;width:min(560px,100%);background:var(--cream);z-index:100;display:flex;flex-direction:column;transform:translateX(100%);visibility:hidden;transition:transform .5s var(--ease),visibility .5s}.enquiry-drawer.open{transform:none;visibility:visible}.drawer-head{display:flex;justify-content:space-between;gap:20px;padding:25px 28px;border-bottom:1px solid var(--line);align-items:center}.drawer-head small{font-size:10px;color:var(--gold);letter-spacing:.2em}.drawer-head h3{margin-top:5px}.drawer-head button,.modal-close{font:30px/1 var(--sans);background:transparent;width:44px;height:44px;border-radius:50%;flex-shrink:0}.drawer-items{overflow-y:auto;padding:10px 28px;flex:1;overscroll-behavior:contain}.drawer-item{display:grid;grid-template-columns:70px 1fr;gap:17px;padding:24px 0;border-bottom:1px solid var(--line)}.drawer-item>img{width:70px;height:90px;object-fit:cover;border-radius:10px}.drawer-item-main{min-width:0}.drawer-item-title{display:flex;align-items:flex-start;gap:12px;justify-content:space-between}.drawer-item-title strong{font:18px var(--serif);display:block}.drawer-item-title small{font-size:11px;color:var(--muted)}.cart-remove{font-size:11px;text-decoration:underline;background:none;padding:2px}.cart-editor{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.cart-field{min-width:0;display:block}.cart-field>span{display:block;font-size:11px;margin-bottom:5px;color:var(--muted)}.cart-field select,.cart-field input{width:100%;min-width:0;background:white;border:1px solid var(--line);padding:8px;font-size:13px;border-radius:4px;height:38px}.cart-note-field{grid-column:1/-1}.qty-control{display:flex;align-items:center}.qty-control button{width:30px;height:38px;background:#eee2cf}.qty-control input{width:55px;text-align:center;border-radius:0;appearance:textfield}.drawer-foot{padding:22px 28px;border-top:1px solid var(--line)}.drawer-foot p{font-size:13px;margin-bottom:20px}.product-modal,.message-modal{border:0;border-radius:20px;padding:36px;max-width:min(1000px,calc(100% - 36px));max-height:90svh;background:var(--cream);color:var(--ink);overflow:auto}.product-modal::backdrop,.message-modal::backdrop{background:#1b120b99;backdrop-filter:blur(5px)}.modal-close{position:absolute;right:12px;top:12px;z-index:2;background:var(--cream)}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.modal-main-image{width:100%;height:400px;object-fit:cover;border-radius:12px}.modal-thumbs{display:flex;gap:10px;margin-top:15px}.modal-thumb{width:58px;height:58px;object-fit:cover;cursor:pointer;border:2px solid transparent;border-radius:6px}.modal-thumb.active{border-color:var(--brown)}.modal-copy{padding-top:20px}.modal-copy h2{font-size:30px;text-transform:none;margin:15px 0}.modal-copy p{font-size:14px}.spec-table{margin:22px 0}.spec-table>div{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);padding:10px 0;font-size:12px}.spec-table b{font-weight:400;text-align:right}.message-modal{max-width:min(650px,calc(100% - 30px));padding:45px 32px 25px}.message-modal h2{font-size:29px;text-transform:none;margin-bottom:20px}.message-modal>p{font-size:14px}.message-modal textarea{width:100%;resize:vertical;border:1px solid var(--line);padding:15px;color:var(--ink);background:#fff;margin:20px 0;font-size:14px;line-height:1.65;border-radius:8px}.message-actions{display:flex;gap:12px}.message-actions .btn{font-size:10px;padding:13px 20px}.message-modal #copyStatus{margin-top:15px}
@media(min-width:1600px){.hero-content{left:calc((100vw - 1300px)/2)}.section{padding-left:max(5vw,calc((100vw - 1300px)/2));padding-right:max(5vw,calc((100vw - 1300px)/2))}}
@media(max-width:1200px){.site-header{gap:20px}.brand img{width:155px}.nav{gap:17px}.nav a{font-size:12px}.header-actions{gap:8px}.enquiry-btn{padding:12px 17px}.story-grid{gap:50px}.service-grid{gap:24px}.service-card>div{left:25px;right:25px}.process-list{gap:22px}.process-list h3{font-size:20px}.catalog-head{grid-template-columns:1fr 320px;gap:30px}}
@media(max-width:1000px){html{scroll-padding-top:90px}.site-header{height:86px;gap:18px}.brand img{width:180px}.menu-btn{display:block}.nav{position:absolute;top:86px;left:0;right:0;padding:20px 5vw 30px;background:var(--cream);display:flex;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 25px #24140818;visibility:hidden;opacity:0;transform:translateY(-10px);transition:opacity .3s,transform .35s var(--ease),visibility .3s;max-height:calc(100svh - 86px);overflow:auto}.nav.open{visibility:visible;opacity:1;transform:none}.nav a{font-size:20px;line-height:1.5;padding:12px 0;border-bottom:1px solid var(--line)}.hero{height:calc(100svh - 86px);min-height:640px}.hero-content{left:6vw}.hero h1{font-size:42px}.service-card{height:390px}.service-card h3{font-size:23px}.service-card p{font-size:13px}.section{padding:75px 5vw}.story-grid{grid-template-columns:1fr 1fr;gap:35px}.story-visual,.story-visual>img{min-height:420px;height:420px}.catalog-head{grid-template-columns:1fr}.catalog-tools{max-width:430px}.product-grid{grid-template-columns:repeat(2,1fr)}.private-label{gap:35px}.pack{width:165px;height:250px}.pack-front{transform:translate(55px,18px) rotate(8deg)}.pack-back{transform:translate(-55px,-20px) rotate(-10deg)}.pack-front img{width:120px}.process-head{gap:35px}.process-list{grid-template-columns:repeat(3,1fr);gap:45px 30px}.china-band{gap:45px;padding:70px 5vw}.china-band h2{font-size:30px}.faq-grid{gap:40px}}
@media(max-width:700px){html{scroll-padding-top:80px}.site-header{height:80px;padding:0 20px;gap:8px}.brand img{width:146px}.header-actions{gap:5px}.lang-switch{padding:0 5px;font-size:13px}.enquiry-btn{font-size:10px;padding:10px 12px;min-height:42px;gap:7px;letter-spacing:.03em}.enquiry-btn b{width:19px;min-width:19px;height:19px;font-size:10px}.menu-btn{width:36px;padding:6px}.menu-btn span{width:25px}.nav{top:80px;max-height:calc(100svh - 80px);padding:10px 24px 25px}.hero{height:calc(100svh - 80px);min-height:625px;max-height:900px}.hero-image{object-position:57% center}.hero-overlay{background:linear-gradient(0deg,#15210fc4,#1c200b40 90%),linear-gradient(90deg,#171d1260,#12210f20)}.hero-content{left:24px;right:24px;top:48%;text-align:center;max-width:none;padding:0}.hero h1{font-size:clamp(29px,6.7vw,39px);line-height:1.3}.hero .eyebrow{font-size:10px;letter-spacing:.18em;max-width:280px;margin:0 auto 22px}.hero-copy{font-size:14px;line-height:1.75;margin:22px auto 0;max-width:440px}.hero-actions{flex-direction:column;align-items:stretch;gap:12px;margin:28px auto 0;max-width:370px}.hero .btn{min-height:48px;padding:14px 20px;font-size:11px}.hero-scroll{font-size:9px;gap:12px;bottom:22px;letter-spacing:.18em}.motion-toggle{bottom:20px;right:20px;width:34px;height:34px}.section{padding:65px 24px}.center-heading{margin-bottom:34px}.center-heading .eyebrow{font-size:10px;letter-spacing:.18em}h2{font-size:29px;line-height:1.3}.section-intro{font-size:15px;margin-top:20px}.service-grid{grid-template-columns:1fr;gap:22px}.service-card{height:390px;border-radius:23px}.service-card>div{left:27px;right:27px;bottom:27px}.service-card h3{font-size:26px}.service-card p{font-size:14px}.section-kicker{margin-bottom:24px;gap:12px}.section-kicker p{font-size:10px;letter-spacing:.13em}.story-grid{grid-template-columns:1fr;gap:35px}.story-copy>p{font-size:15px}.story-visual,.story-visual>img{height:350px;min-height:350px}.story-stamp{bottom:20px;left:20px;padding:16px 22px}.catalog-head{gap:24px}.catalog-head p{font-size:15px}.catalog-tools{max-width:none;grid-template-columns:1fr 115px;width:100%}.catalog-tools input,.catalog-tools select{font-size:16px}.filters{gap:8px;margin:25px 0;flex-wrap:nowrap;overflow-x:auto;padding:3px 0 12px;scrollbar-width:thin;overscroll-behavior-x:contain;max-width:100%}.filter-chip{white-space:nowrap;flex-shrink:0;font-size:12px}.product-grid{gap:30px 15px}.product-image{height:210px;border-radius:14px}.product-body{padding-top:17px}.product-body h3{font-size:21px;min-height:0;margin-bottom:14px}.product-category{font-size:9px}.product-spec{font-size:11px;gap:8px;flex-wrap:wrap}.product-spec b{text-align:left}.product-price{flex-direction:column;gap:4px}.product-actions{flex-direction:column;gap:7px}.small-btn{font-size:11px;padding:10px 8px;min-height:41px}.product-badge{top:10px;left:10px;font-size:8px;padding:4px 8px}.catalog-caption{font-size:11px;line-height:1.6}.origin-feature{min-height:500px}.origin-copy{padding:70px 24px}.origin-copy p:not(.eyebrow){font-size:15px}.origin-feature:after{background:linear-gradient(90deg,#171a10dc,#171b118a)}.private-label{grid-template-columns:1fr;gap:10px}.pl-copy>p{font-size:15px}.pl-copy>.btn{width:100%;font-size:11px}.pl-visual{height:370px}.pack{width:165px;height:240px}.pack-front b{font-size:30px}.pack-caption{font-size:14px;bottom:5px}.process-head{grid-template-columns:1fr;gap:22px}.process-head>p{font-size:15px}.process-list{grid-template-columns:1fr;margin-top:40px;gap:0}.process-list article{padding:24px 0 25px 52px;border-top:1px solid var(--line)}.process-list article>span{top:28px;left:0;font-size:24px}.process-list h3{margin:0 0 10px;font-size:23px}.process-list p{font-size:14px}.china-band{grid-template-columns:1fr;gap:22px;padding:60px 24px}.china-band h2{font-size:29px}.china-band p{font-size:15px;margin-bottom:20px}.china-band .eyebrow{font-size:11px}.faq-grid{grid-template-columns:1fr;gap:25px}.faq-q{font-size:18px}.contact-card>img{width:160px;margin-bottom:28px}.contact-card>p:not(.eyebrow){font-size:15px}.contact-actions{flex-direction:column}.contact-card>small{font-size:11px}.footer-main{flex-direction:column;align-items:flex-start;gap:22px}.footer-main p{font-size:16px}.footer-links{justify-content:flex-start;flex-wrap:wrap;gap:16px 22px;font-size:12px}.footer-bottom{flex-direction:column;gap:8px}.footer-bottom small{font-size:10px}.modal-grid{grid-template-columns:1fr;gap:20px}.product-modal{padding:25px 20px;max-width:calc(100% - 20px);border-radius:15px}.modal-main-image{height:240px}.modal-copy{padding-top:0}.modal-copy h2{font-size:26px}.message-modal{padding:46px 22px 24px}.message-modal textarea{font-size:16px}.message-actions{flex-direction:column}.message-actions .btn{font-size:12px}.drawer-head{padding:22px 20px}.drawer-items{padding:5px 20px}.drawer-foot{padding:18px 20px}.drawer-item{grid-template-columns:54px 1fr;gap:12px}.drawer-item>img{width:54px;height:72px}.drawer-item-title strong{font-size:17px}.drawer-head h3{font-size:24px}.cart-editor{grid-template-columns:1fr}.cart-field input,.cart-field select{font-size:16px}.qty-control input{width:75px}.cart-remove{min-height:35px}.drawer-foot .btn{font-size:11px}.drawer-foot p{font-size:12px}}
@media(max-width:390px){.site-header{padding:0 13px}.brand img{width:128px}.enquiry-btn{padding:10px}.header-actions{gap:3px}.hero-content{left:20px;right:20px}.product-grid{grid-template-columns:1fr}.product-image{height:300px}.product-actions{flex-direction:row}.product-spec,.product-price{font-size:13px}.product-price{flex-direction:row}.product-body h3{font-size:25px}.section{padding-left:20px;padding-right:20px}.hero h1{font-size:28px}.hero-copy{font-size:14px}.pack{width:145px}.pack-front{transform:translate(50px,18px) rotate(8deg)}.pack-back{transform:translate(-50px,-20px) rotate(-10deg)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.site-intro{display:none}.hero-image{transform:none!important}.reveal{opacity:1!important;transform:none!important;clip-path:none!important}.motion-toggle{display:none}}
/* Extend the photographic scrim beyond the media's animated edges. */
.hero-overlay{inset:-8%;pointer-events:none}
.hero-media{display:block;z-index:0;background:#26372a url('assets/film/advanteas-home-4k-poster.jpg') center/cover no-repeat}
.hero-film,.hero-media .hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity 1.15s ease}
.hero-film{opacity:0;z-index:1}
.hero-media.film-ready .hero-film{opacity:1}
.hero-media.film-ready .hero-image{opacity:0}
.hero-overlay{z-index:1}
.hero-content{z-index:2}
.hero-scroll{z-index:3}
.film-caption{position:absolute;left:7vw;bottom:27px;z-index:3;display:grid;gap:5px;color:#fff;text-shadow:0 1px 20px #0008}
.film-caption span{font-size:8px;letter-spacing:.22em;opacity:.72}
.film-caption strong{font:10px var(--sans);letter-spacing:.16em}
@media(min-width:1600px){.film-caption{left:calc((100vw - 1300px)/2)}}
@media(max-width:700px){.film-caption{display:none}.hero-film,.hero-media .hero-image{object-position:center}}
@media(prefers-reduced-motion:reduce){.hero-film{transition:none}.hero-media .hero-image{opacity:1}}
.services .center-heading,.services .service-grid{z-index:1}
/* Standalone public pages share navigation, catalogue data and enquiry storage. */
.nav a[aria-current=page]::after{transform:scaleX(1)}
.page-heading{padding:60px 5vw 50px;background:var(--cream);border-bottom:1px solid var(--line)}
.page-heading>p,.page-heading>h1{max-width:1300px;margin-left:auto;margin-right:auto}
.page-heading h1{font-size:clamp(32px,4vw,52px);color:var(--brown);text-transform:uppercase}
.page-heading .eyebrow{font-size:11px;margin-bottom:18px}
.page-heading .eyebrow a:hover{text-decoration:underline}
.page-cta{padding:65px 5vw;text-align:center;background:var(--cream-dark)}
.page-cta h2{font-size:clamp(26px,3vw,36px);margin-bottom:25px}
.inner-page #teas,.inner-page #contact{background:#fff}
@media(max-width:700px){.page-heading{padding:35px 24px}.page-heading h1{font-size:32px}.page-cta{padding:45px 24px}}
/* Physical detail on the actual packaging illustration, not on reading surfaces. */
.pack{transform-style:preserve-3d;backface-visibility:hidden}
.pack::after{content:'';position:absolute;top:-7px;left:0;width:100%;height:13px;background:#c3ad83;transform-origin:bottom;transform:rotateX(65deg);pointer-events:none}
.pack-back::after{background:#47613e}
.btn:active,.small-btn:active,.enquiry-btn:active{transform:scale(.97);transition-duration:100ms}
@view-transition{navigation:auto}
::view-transition-old(root){animation:pageFadeOut .12s ease both}
::view-transition-new(root){animation:pageFadeIn .2s ease both}
@keyframes pageFadeOut{to{opacity:0}}
@keyframes pageFadeIn{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}.pack{rotate:none!important}.btn:active,.small-btn:active,.enquiry-btn:active{transform:none}}

/* Client-requested catalogue, DION and enquiry refinements. */
.catalogue-cta{text-align:center;margin-top:42px}
.home-page .product-grid{grid-template-columns:repeat(3,1fr)}
.dion-feature{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,7vw,110px);align-items:center;background:#eadfce}
.dion-visual{min-height:500px;display:flex;align-items:center;justify-content:center;gap:25px;background:radial-gradient(circle at 50% 60%,#fff9,transparent 65%);perspective:900px}
.dion-product-photo{width:min(45%,280px);height:390px;object-fit:contain;border-radius:18px;box-shadow:20px 26px 35px #2d1a0f30;background:#f5f1e9;transition:transform .5s var(--ease)}
.dion-photo-front{transform:rotate(-5deg)}.dion-photo-back{transform:translateY(24px) rotate(5deg)}
.dion-visual:hover .dion-photo-front{transform:translateY(-8px) rotate(-3deg)}.dion-visual:hover .dion-photo-back{transform:translateY(16px) rotate(3deg)}
.dion-copy>p:not(.eyebrow){font-size:16px;margin:25px 0 32px;max-width:610px}
.who-we-work-with{padding-top:70px;padding-bottom:70px;background:#fff}.who-we-work-with h2{margin-bottom:28px}.buyer-types{display:flex;flex-wrap:wrap;gap:10px}.buyer-types span{padding:12px 18px;border:1px solid var(--line);border-radius:30px;color:var(--brown);font:14px var(--serif)}
.private-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}.private-form label{display:grid;gap:5px}.private-form label span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.private-form input,.private-form select{width:100%;height:46px;padding:8px 12px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink)}.private-form .btn{grid-column:1/-1;margin-top:6px}
.process.section{padding-top:70px;padding-bottom:75px}.process-list{grid-template-columns:repeat(6,1fr);gap:22px;margin-top:48px}.process-list h3{font-size:19px}.process-list p{font-size:13px}
.enquiry-details{padding:26px 0 10px}.enquiry-details h4{margin:20px 0 10px;font:18px var(--serif);color:var(--brown)}.enquiry-details .cart-editor{margin-top:0}.empty-cart{color:var(--muted);padding:20px 0}.drawer-foot .btn:disabled{cursor:not-allowed;opacity:.42;transform:none}.modal-thumb-button{background:transparent;padding:0}
.product-body h3{min-height:64px}.product-spec{align-items:flex-start}.product-spec b{max-width:62%;line-height:1.35}
@media(max-width:1000px){.home-page .product-grid{grid-template-columns:repeat(2,1fr)}.dion-feature{grid-template-columns:1fr}.dion-visual{min-height:430px}.process-list{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.home-page .product-grid{grid-template-columns:repeat(2,1fr)}.dion-feature{padding-top:55px;padding-bottom:60px}.dion-visual{min-height:340px;gap:12px}.dion-product-photo{width:min(46%,185px);height:270px;border-radius:12px}.private-form{grid-template-columns:1fr}.private-form .btn{grid-column:1}.process.section{padding-top:55px;padding-bottom:55px}.process-list{grid-template-columns:1fr}.who-we-work-with{padding-top:55px;padding-bottom:55px}.product-body h3{min-height:0}.product-spec b{max-width:100%}}
@media(max-width:390px){.home-page .product-grid{grid-template-columns:1fr}.dion-product-photo{height:230px}}

/*
  ADVANTEAS EDITORIAL TEA ATLAS — 2026
  The public experience follows a numbered, image-led tea atlas: ivory paper,
  botanical paths, circular material studies and compact raised information plates.
  Functionality and claims remain unchanged; the visual hierarchy is rebuilt.
*/
:root{--cream:#f7f5ec;--cream-dark:#e7e9dd;--brown:#171a14;--dark:#0b4a3a;--gold:#a7832c;--ink:#171a14;--muted:#596057;--line:#d9ddcf;--green:#0b4a3a;--white:#fff;--paper:#fbfaf4;--garden:#5e7e24;--shadow:0 16px 38px rgba(35,55,36,.12);--serif:"Baskerville","Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Songti SC",serif;--sans:"Avenir Next",Avenir,"Helvetica Neue","PingFang SC","Microsoft YaHei",Arial,sans-serif;--duration-press:120ms;--duration-ui:200ms;--duration-reveal:700ms;--ease-cinematic:cubic-bezier(.16,1,.3,1)}
body{background:var(--cream);color:var(--ink);line-height:1.6}
h1,h2,h3{color:var(--ink);text-transform:none;letter-spacing:-.025em;line-height:1.02}
h2{font-size:clamp(2.45rem,5vw,4.9rem);text-wrap:balance}
p{color:var(--muted)}
.section{padding:clamp(82px,9vw,142px) max(5vw,24px)}
.eyebrow{color:var(--gold);font-weight:700;letter-spacing:.17em;margin-bottom:14px}
.btn{border-radius:14px;font-family:var(--sans);font-weight:700;letter-spacing:.08em;box-shadow:none;transition:transform var(--duration-press) ease-out,background var(--duration-ui),color var(--duration-ui)}
.btn:active,.small-btn:active,.enquiry-btn:active{transform:scale(.97);transition-duration:var(--duration-press)}
.btn.primary,.enquiry-btn{background:var(--dark);color:#fff}.btn.primary:hover,.enquiry-btn:hover{background:#07382d}
.btn.outline{border-color:var(--dark);color:var(--dark);background:var(--paper)}
.site-header{height:92px;background:rgba(247,245,236,.96);border-bottom:1px solid var(--line);padding:0 max(3vw,24px)}
.site-header.scrolled{background:rgba(247,245,236,.97);box-shadow:0 8px 26px rgba(26,47,32,.08)}
.brand img{width:172px}.nav{gap:22px}.nav a{font:700 11px/1.4 var(--sans);letter-spacing:.045em;text-transform:none}.nav a::after{height:2px;background:var(--dark)}
.enquiry-btn{border-radius:14px;font-family:var(--sans);font-weight:700}
.site-intro{background:var(--cream)}

/* First viewport: an editorial cover with a framed moving landscape. */
.hero{height:min(840px,calc(100svh - 92px));min-height:650px;max-height:none;background:var(--cream);color:var(--ink);display:grid;grid-template-columns:minmax(340px,.82fr) minmax(0,1.18fr);padding:clamp(38px,5vw,76px) max(5vw,24px);gap:clamp(35px,6vw,96px);align-items:center}
.hero-media{position:relative;inset:auto;grid-column:2;grid-row:1;width:100%;height:100%;max-height:690px;border-radius:50% 50% 46% 54% / 43% 45% 55% 57%;overflow:hidden;box-shadow:0 24px 60px rgba(15,68,53,.18);border:12px solid var(--paper);outline:1px solid var(--line)}
.hero-media::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6);z-index:3;pointer-events:none}
.hero-image,.hero-film,.hero-media .hero-image{object-position:center;transform:none}.hero-overlay{display:none}
.hero-content{position:relative;left:auto;top:auto;transform:none;grid-column:1;grid-row:1;max-width:640px;padding:0;z-index:4}
.hero-content::before{content:"01";display:block;font:700 clamp(2.5rem,5vw,4.5rem)/1 var(--sans);color:var(--dark);margin-bottom:46px;letter-spacing:-.06em}
.hero h1{font-size:clamp(3.2rem,6.1vw,6rem);line-height:.91;color:var(--ink);text-transform:none;max-width:10ch}
.hero h1 em{color:var(--dark)}.hero .eyebrow{color:var(--gold);font-size:11px}.hero-copy{color:var(--muted);font-size:15px;line-height:1.7;max-width:55ch}
.hero-actions{margin-top:28px;flex-wrap:wrap}.hero .btn.primary{background:var(--dark);color:#fff;min-width:0}.hero .btn.glass{color:var(--dark);border-color:var(--dark);background:transparent}.hero .btn.glass:hover{background:var(--dark);color:#fff}
.hero-scroll,.motion-toggle,.film-caption{display:none}

/* Reusable infographic chapter language. */
.section-kicker{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:clamp(38px,6vw,80px)}
.section-kicker>span{border:0;padding:0;border-radius:0;font:700 42px/1 var(--sans);letter-spacing:-.06em;color:var(--ink)}
.section-kicker p{font-weight:700;color:var(--gold);letter-spacing:.15em;padding-bottom:4px}
.center-heading{text-align:left;max-width:800px;margin:0 auto clamp(54px,7vw,92px)}.center-heading .leaf-mark{margin:0 0 22px;width:34px;height:22px;background:var(--garden)}
.section-intro{margin:26px 0 0;max-width:65ch}.services{background:var(--paper)}.services::before,.services::after{border:0;background:rgba(94,126,36,.08)}
.service-grid{grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,44px);align-items:start}
.service-grid::before{content:"";position:absolute;left:7%;right:7%;top:114px;height:150px;border-top:20px solid var(--dark);border-radius:50%;z-index:0;opacity:.97}
.service-card{height:auto;background:transparent;color:var(--ink);border-radius:0;overflow:visible;display:grid;justify-items:center;text-align:center;z-index:1}
.service-card>img{position:relative;z-index:1;width:220px;height:220px;border-radius:50%;object-fit:cover;border:10px solid var(--paper);outline:3px solid var(--dark);box-shadow:var(--shadow);transition:transform .5s var(--ease)}
.service-card::after{display:none}.service-card>div{position:relative;inset:auto;padding:31px 18px 0}.service-card h3{font-size:clamp(1.6rem,2.3vw,2.2rem);color:var(--ink);padding:0}.service-card p{color:var(--muted);border:0;padding:10px 0 0;margin:0;max-width:28ch}.round-arrow{position:relative;right:auto;top:auto;margin:18px auto 0;background:var(--dark);color:#fff;width:42px;height:42px}
.service-card:hover>img{transform:translateY(-8px) scale(1.02)}

.story{background:var(--cream)}.story-grid{grid-template-columns:minmax(280px,.82fr) minmax(380px,1.18fr);gap:clamp(55px,8vw,120px)}
.story-copy{position:relative}.story-copy::before{content:"";position:absolute;left:-38px;top:8px;bottom:8px;width:13px;background:var(--dark);border-radius:999px}
.story-copy>p{max-width:62ch}.story-visual{min-height:520px;border-radius:50%;border:14px solid var(--paper);outline:1px solid var(--line);box-shadow:var(--shadow)}
.story-visual>img{height:520px}.story-stamp{left:auto;right:18px;bottom:24px;border-radius:15px;background:var(--paper);box-shadow:var(--shadow);padding:20px 26px;backdrop-filter:none}

.catalogue{background:var(--paper)}.catalog-head{grid-template-columns:minmax(0,1fr) minmax(300px,390px);align-items:start}.catalog-head>div:first-child{max-width:780px}.catalog-head p{max-width:65ch}
.catalog-tools{background:var(--cream);padding:14px;border-radius:15px;box-shadow:var(--shadow)}.catalog-search,.catalog-tools select{background:#fff;border:0;border-radius:10px}
.filters{justify-content:center;margin:45px auto 42px}.filter-chip{background:#fff;border:0;border-radius:13px;box-shadow:0 8px 22px rgba(35,55,36,.08);font-weight:700}.filter-chip.active{background:var(--dark)}
.product-grid{grid-template-columns:repeat(3,1fr);gap:58px 32px}.product-card{border:0;padding:0;text-align:center}.product-image{height:auto;aspect-ratio:1;border-radius:50%;border:10px solid var(--cream);outline:1px solid var(--line);box-shadow:var(--shadow);background:var(--cream-dark)}
.product-image img{border-radius:50%}.product-badge{top:10px;left:50%;transform:translateX(-50%);background:var(--dark);color:#fff;white-space:nowrap}.product-body{padding:25px 10px 0}.product-category{color:var(--gold);font-weight:700}.product-body h3{font-size:clamp(1.55rem,2vw,2rem);color:var(--ink);min-height:0;margin:8px 0 20px}.product-spec{background:var(--cream);padding:9px 12px;margin:5px 0;border-radius:11px;text-align:left}.product-actions{justify-content:center}.small-btn{border:0;background:var(--cream);border-radius:12px;font-weight:700}.small-btn.add{background:var(--dark);border-color:var(--dark)}

.dion-feature{background:var(--cream-dark);grid-template-columns:1.08fr .92fr;overflow:hidden}.dion-visual{background:transparent;position:relative}.dion-visual::before{content:"";position:absolute;width:470px;height:470px;background:var(--dark);border-radius:50%}.dion-product-photo{z-index:1;box-shadow:0 24px 46px rgba(16,54,43,.22);border-radius:14px}.dion-copy{background:var(--paper);padding:clamp(32px,5vw,72px);border-radius:15px;box-shadow:var(--shadow)}
.origin-feature{min-height:680px;background:var(--dark)}.origin-feature::after{background:linear-gradient(90deg,rgba(5,44,34,.92),rgba(5,44,34,.58) 58%,rgba(5,44,34,.18))}.origin-copy h2{font-size:clamp(3rem,5vw,5.3rem);color:#fff}.origin-copy p:not(.eyebrow){max-width:58ch}.origin-copy .eyebrow{color:#d3b758}

.private-label{grid-template-columns:minmax(0,1.1fr) minmax(350px,.9fr);background:var(--paper);position:relative;overflow:hidden}.private-label::before{content:"";position:absolute;width:30%;height:110%;left:56%;top:-5%;border-left:22px solid var(--dark);border-radius:50%;opacity:.95}.pl-copy{z-index:1;background:rgba(251,250,244,.94);padding:clamp(28px,4vw,55px);border-radius:15px;box-shadow:var(--shadow)}
.steps-mini{gap:12px}.steps-mini span{background:#fff;padding:14px;border-radius:14px;box-shadow:0 9px 22px rgba(35,55,36,.09)}.steps-mini b{display:grid;place-items:center;background:var(--garden);color:#fff;width:34px;height:34px;border-radius:50%}
.private-form{gap:12px}.private-form label{background:#fff;padding:11px 13px;border-radius:12px}.private-form input,.private-form select{border:0;border-bottom:1px solid var(--line);border-radius:0;padding-left:0}.pl-visual{background:transparent;z-index:1}

.process{background:var(--paper)}.process-head{grid-template-columns:.9fr 1.1fr}.process-list{position:relative;display:grid;grid-template-columns:1fr;gap:0;max-width:920px;margin:65px auto 0}.process-list::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;background:var(--dark);transform:translateX(-50%);border-radius:99px}.process-list article{width:calc(50% - 48px);min-height:150px;border:0;background:#fff;border-radius:15px;box-shadow:var(--shadow);padding:25px 27px;margin-bottom:24px}.process-list article:nth-child(even){margin-left:auto}.process-list article>span{top:50%;transform:translateY(-50%);right:-76px;left:auto;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--dark);color:#fff;padding:0;font:700 16px var(--sans);box-shadow:0 0 0 9px var(--paper)}.process-list article:nth-child(even)>span{left:-76px;right:auto}.process-list h3{font-size:25px;color:var(--ink);margin:0 0 12px}

.who-we-work-with{background:var(--paper)}.buyer-types{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.buyer-types span{border:0;border-radius:14px;background:#fff;box-shadow:var(--shadow);padding:24px 16px;text-align:center;color:var(--ink);font-weight:700}
.china-band{background:var(--dark);padding:90px max(5vw,24px)}.china-band h2{font-size:clamp(2.5rem,4vw,4.3rem)}
.faq{background:var(--paper)}.faq-grid{grid-template-columns:.72fr 1.28fr}.accordion{display:grid;gap:13px}.faq-item{border:0;background:#fff;border-radius:15px;box-shadow:var(--shadow);overflow:hidden}.faq-q{padding:20px 22px;color:var(--ink);font-weight:700}.faq-a p{padding-left:22px;padding-right:60px}.faq-item.open .faq-a p{padding-bottom:22px}

.contact{background:var(--cream);min-height:680px;display:grid;place-items:center}.contact::before{content:"";position:absolute;width:min(610px,70vw);aspect-ratio:1;border:26px solid var(--dark);border-radius:50%;opacity:.08}.contact::after{display:none}.contact-card{position:relative;background:var(--paper);padding:clamp(42px,7vw,82px);border-radius:15px;box-shadow:var(--shadow);max-width:860px}.contact-card>img{width:185px}.contact-actions .btn{min-width:210px}

.page-heading{padding:70px max(5vw,24px) 58px;background:var(--cream);border-bottom:1px solid var(--line)}.page-heading h1{font-size:clamp(3.2rem,7vw,7rem);line-height:.87;color:var(--ink);text-transform:none;max-width:12ch}.page-heading .eyebrow{color:var(--gold)}
.page-cta{background:var(--dark);padding:85px max(5vw,24px)}.page-cta h2{color:#fff;font-size:clamp(2.4rem,4vw,4.5rem);max-width:14ch;margin:0 auto 30px}.page-cta .btn.primary{background:#fff;color:var(--dark)}
footer{background:var(--cream-dark);border-top:0}.footer-logo img{mix-blend-mode:multiply}.footer-main p{font-size:20px;color:var(--ink)}

.enquiry-drawer,.product-modal,.message-modal{background:var(--paper)}.drawer-head,.drawer-foot{background:var(--cream)}.drawer-item>img{border-radius:50%;aspect-ratio:1;height:auto}.modal-main-image{border-radius:50%;aspect-ratio:1;height:auto;border:10px solid var(--cream)}.modal-close{background:var(--dark);color:#fff}.spec-table>div{border-bottom-color:var(--line)}
@media(hover:hover) and (pointer:fine){.small-btn:hover{transform:translateY(-2px)}.nav a:hover{color:var(--dark)}}
@media(prefers-reduced-transparency:reduce){.site-header,.site-header.scrolled{background:var(--cream);backdrop-filter:none}.story-stamp{background:var(--paper)}}
@media(prefers-contrast:more){.site-header,.catalog-tools,.faq-item,.contact-card,.dion-copy{border:2px solid var(--ink)}p{color:#343a34}.btn.outline{border-width:2px}}

@media(max-width:1000px){
  .hero{grid-template-columns:.9fr 1.1fr;gap:35px}.hero h1{font-size:clamp(2.9rem,6vw,4.7rem)}.hero-content::before{margin-bottom:30px}
  .service-card>img{width:180px;height:180px}.story-grid{gap:50px}.buyer-types{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
  .site-header{height:80px}.nav{top:80px;background:var(--cream)}
  .hero{height:auto;min-height:0;display:flex;flex-direction:column;padding:34px 24px 62px;gap:34px}.hero-content{order:1}.hero-media{order:2;height:58vh;min-height:400px;width:100%;border-width:8px}.hero-content::before{font-size:2.2rem;margin-bottom:24px}.hero h1{font-size:clamp(3rem,14vw,4.6rem);max-width:9ch}.hero-copy{text-align:left}.hero-actions{align-items:stretch}.hero-actions .btn{width:100%}
  .section{padding:72px 24px}.section-kicker{grid-template-columns:48px 1fr;margin-bottom:42px}.section-kicker>span{font-size:32px}
  .service-grid{gap:56px}.service-grid::before{left:50%;right:auto;top:80px;bottom:80px;width:0;height:auto;border-top:0;border-left:18px solid var(--dark)}.service-card>img{width:205px;height:205px}.service-card>div{padding-top:25px}
  .story-grid{grid-template-columns:1fr;gap:50px}.story-copy::before{left:-14px;width:7px}.story-visual,.story-visual>img{height:360px;min-height:360px}.story-stamp{right:10px;bottom:15px}
  .catalog-head{grid-template-columns:1fr}.product-grid,.home-page .product-grid{grid-template-columns:repeat(2,1fr);gap:42px 14px}.product-image{border-width:6px}.product-body{padding-left:0;padding-right:0}.product-spec{display:none}.product-actions{flex-direction:column}.small-btn{width:100%}
  .dion-feature{grid-template-columns:1fr}.dion-visual::before{width:300px;height:300px}.dion-copy{padding:28px}
  .private-label{grid-template-columns:1fr}.private-label::before{left:82%;border-left-width:14px}.pl-copy{padding:24px}.steps-mini{grid-template-columns:1fr}.pl-visual{height:340px}
  .process-head{grid-template-columns:1fr}.process-list::before{left:25px}.process-list article,.process-list article:nth-child(even){width:calc(100% - 68px);margin-left:68px;padding:22px 20px;min-height:0}.process-list article>span,.process-list article:nth-child(even)>span{left:-68px;right:auto;width:46px;height:46px;top:26px;transform:none;box-shadow:0 0 0 7px var(--paper)}
  .buyer-types{grid-template-columns:1fr}.buyer-types span{text-align:left}.faq-grid{grid-template-columns:1fr}.faq-a p{padding-right:22px}
  .page-heading{padding:48px 24px}.page-heading h1{font-size:clamp(3rem,13vw,4.5rem)}.contact{min-height:auto}.contact-card{padding:38px 22px}.contact-actions{flex-direction:column}.contact-actions .btn{width:100%}
}

/* Additional refinements — premium editorial exporter system (October 2026). */
:root{
  --forest-950:#052b23;
  --forest-900:#07392e;
  --forest-800:#0b4a3a;
  --sage-200:#dce6d7;
  --paper-50:#fbfaf4;
  --cream-100:#f3f0e4;
  --gold-500:#a98232;
  --charcoal-900:#18211c;
  --glass-light:rgba(251,250,244,.82);
  --glass-dark:rgba(5,43,35,.78);
  --ease-premium:cubic-bezier(.16,1,.3,1);
}

html{scroll-behavior:smooth;scroll-padding-top:108px}
body{overflow-x:hidden}

/* Horizontal arrows are the only directional language used sitewide. */
.text-link b,
.footer-enquiry a::after{
  display:inline-block;
  transform:none;
  transition:transform .5s var(--ease-premium);
}
.footer-enquiry a::after{content:""}
.text-link:hover b,
.text-link:focus-visible b,
.footer-enquiry a:hover::after,
.footer-enquiry a:focus-visible::after{transform:translateX(5px)}

/* The homepage now moves immediately from film into a dark, tactile market chapter. */
.home-page .services{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:var(--forest-950);
  color:#fff;
}
.home-page .services::before{
  content:"";
  position:absolute;
  inset:-20% -8% auto auto;
  width:min(680px,62vw);
  aspect-ratio:1;
  border:1px solid rgba(218,196,122,.2);
  border-radius:50%;
  box-shadow:0 0 0 70px rgba(255,255,255,.018),0 0 0 140px rgba(255,255,255,.012);
  pointer-events:none;
  z-index:-1;
}
.home-page .services .center-heading{margin-left:0}
.home-page .services .center-heading h2{color:#fff;max-width:13ch}
.home-page .services .section-intro{color:#cbd7d0}
.home-page .services .capability-card{
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.075);
  color:#fff;
  box-shadow:0 18px 46px rgba(0,0,0,.16);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.home-page .services .capability-card:nth-child(2){background:rgba(220,230,215,.13)}
.home-page .services .capability-card:nth-child(3){background:rgba(218,196,122,.12)}
.home-page .services .capability-card:nth-child(4){background:rgba(0,0,0,.18)}
.home-page .services .capability-card h3,
.home-page .services .capability-card p,
.home-page .services .capability-card span{color:#fff}
.home-page .services .capability-card p{color:#cbd7d0}
.home-page .services .capability-card svg{stroke:#d8bd6f}
.home-page .services .capability-card:hover{background:rgba(255,255,255,.12);border-color:rgba(218,196,122,.38)}

/* Editorial inner-page covers: dark field, subtle tea texture, restrained glass title plate. */
.inner-page .page-heading,
.inner-page .compact-heading{
  position:relative;
  isolation:isolate;
  min-height:clamp(390px,48vw,560px);
  display:grid;
  align-content:center;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(5,43,35,.97),rgba(5,43,35,.82) 58%,rgba(5,43,35,.68)),
    url("assets/photos/tea-02.webp") center 44%/cover no-repeat;
  color:#fff;
}
.inner-page .page-heading::before{
  content:"";
  position:absolute;
  width:min(430px,46vw);
  aspect-ratio:1;
  right:-7%;
  bottom:-45%;
  border:1px solid rgba(215,190,111,.28);
  border-radius:50%;
  box-shadow:0 0 0 54px rgba(255,255,255,.025),0 0 0 108px rgba(255,255,255,.018);
  z-index:-1;
}
.inner-page .page-heading>*{
  position:relative;
  width:min(760px,100%);
  margin-left:max(6vw,24px);
  margin-right:auto;
}
.inner-page .page-heading h1,
.inner-page .page-heading>p:last-child{color:#fff}
.inner-page .page-heading h1{max-width:12ch}
.inner-page .page-heading>p:last-child{color:#dce6df;max-width:58ch}
.inner-page .page-heading .breadcrumb{color:#d8bd6f}
.inner-page .page-heading .breadcrumb a{color:#fff}
.inner-page .page-heading h1,
.inner-page .page-heading>p:last-child,
.inner-page .page-heading .breadcrumb{
  padding-left:clamp(24px,3vw,42px);
  padding-right:clamp(24px,3vw,42px);
  background:var(--glass-dark);
  border-left:1px solid rgba(215,190,111,.44);
  border-right:1px solid rgba(255,255,255,.09);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.inner-page .page-heading .breadcrumb{padding-top:clamp(24px,3vw,34px);padding-bottom:12px;margin-bottom:0;border-top:1px solid rgba(255,255,255,.13);border-radius:16px 16px 0 0}
.inner-page .page-heading h1{padding-top:6px;padding-bottom:10px}
.inner-page .page-heading>p:last-child{padding-top:8px;padding-bottom:clamp(24px,3vw,34px);margin-top:0;border-bottom:1px solid rgba(255,255,255,.13);border-radius:0 0 16px 16px}

/* The tea catalogue has an image-led split cover instead of a generic heading block. */
.inner-page .teas-hero{background:var(--forest-950);color:#fff}
.inner-page .teas-hero-copy{position:relative;z-index:1}
.inner-page .teas-hero-copy::before{content:"";position:absolute;inset:11% 6% 11% max(3vw,18px);border:1px solid rgba(215,190,111,.26);border-radius:16px;z-index:-1;background:rgba(255,255,255,.045)}
.inner-page .teas-hero-copy h1,.inner-page .teas-hero-copy>p:last-child{color:#fff}
.inner-page .teas-hero-copy>p:last-child{color:#d8e0dc}
.inner-page .teas-hero .breadcrumb,.inner-page .teas-hero .breadcrumb a{color:#d8bd6f}
.inner-page .teas-hero-image{position:relative}
.inner-page .teas-hero-image::after{content:"";position:absolute;inset:0;box-shadow:inset 40px 0 70px rgba(5,43,35,.32);pointer-events:none}

/* Alternating surfaces create a clear, rich page rhythm. */
.inner-page main>section:nth-of-type(even):not(.page-cta):not(.origin-feature):not(.markets-band){background:var(--paper-50)}
.inner-page main>section:nth-of-type(odd):not(.page-heading):not(.teas-hero):not(.page-cta):not(.origin-feature):not(.markets-band){background:var(--cream-100)}
.story-grid,.contact-layout,.inner-page .process-head{position:relative}
.story-grid::before,.contact-layout::before{
  content:"";
  position:absolute;
  left:-18px;
  top:-18px;
  width:76px;
  height:1px;
  background:var(--gold-500);
}
.story-visual,.contact-intro,.pl-visual,.process-photo,.dion-visual{overflow:hidden}
.story-visual img,.contact-intro>img,.process-photo img,.origin-image img{transition:transform .7s var(--ease-premium)}
@media(hover:hover) and (pointer:fine){
  .story-visual:hover img,.contact-intro:hover>img,.process-photo:hover img{transform:scale(1.035)}
}

/* A real concluding chapter, clearly distinct from the corporate footer. */
.page-cta{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:var(--sage-200);
  border-top:1px solid rgba(7,57,46,.12);
  border-bottom:1px solid rgba(7,57,46,.12);
}
.page-cta::after{
  content:"";
  position:absolute;
  right:-90px;
  top:50%;
  width:330px;
  aspect-ratio:1;
  border:1px solid rgba(7,57,46,.14);
  border-radius:50%;
  transform:translateY(-50%);
  z-index:-1;
}
.page-cta h2{max-width:15ch}
.page-cta .btn.primary{background:var(--forest-900);color:#fff}
.page-cta .btn.primary:hover{background:var(--charcoal-900);transform:translateY(-2px)}

footer{
  background:var(--forest-950);
  color:#fff;
  border-top:0;
  padding-top:72px;
}
.footer-logo img{filter:brightness(0) invert(1);mix-blend-mode:normal;opacity:.94}
.footer-main p,.footer-enquiry strong,.footer-enquiry a,.footer-links a,.footer-links button,.footer-bottom small{color:#fff}
.footer-main p,.footer-bottom small{color:#bfcac4}
.footer-enquiry a{color:#d8bd6f;text-decoration:none}
.footer-links{border-top-color:rgba(255,255,255,.16);gap:24px}
.footer-links a,.footer-links button{text-decoration:none;transition:color .3s ease}
.footer-links a:hover,.footer-links button:hover{color:#d8bd6f}
.footer-bottom{border-top-color:rgba(255,255,255,.1)}

/* Focus and tactile states: visible, quiet and consistent. */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #d8bd6f;outline-offset:4px}
.filter-chip,.small-btn,.faq-q,.nav a{transition:color .35s ease,background .35s ease,border-color .35s ease,transform .35s var(--ease-premium)}
.faq-item{transition:transform .45s var(--ease-premium),box-shadow .45s var(--ease-premium)}
.faq-item.open{transform:translateX(6px);box-shadow:0 20px 42px rgba(19,36,25,.13)}

@media(max-width:900px){
  .home-page .services .capability-grid{grid-template-columns:repeat(2,1fr)}
  .inner-page .page-heading>*{margin-left:max(4vw,22px)}
}
@media(max-width:700px){
  html{scroll-padding-top:88px}
  .home-page .services::before{width:520px;right:-70%}
  .home-page .services .capability-grid{grid-template-columns:1fr}
  .home-page .services .capability-card{min-height:250px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
  .inner-page .page-heading,.inner-page .compact-heading{min-height:430px;padding:50px 20px}
  .inner-page .page-heading>*{width:100%;margin-left:0}
  .inner-page .page-heading h1,.inner-page .page-heading>p:last-child,.inner-page .page-heading .breadcrumb{padding-left:22px;padding-right:22px}
  .inner-page .teas-hero{grid-template-columns:1fr}
  .inner-page .teas-hero-copy{padding-block:58px}
  .inner-page .teas-hero-copy::before{inset:24px 18px}
  .page-cta::after{right:-190px}
  footer{padding-top:54px}
}
@media(prefers-reduced-transparency:reduce){
  .home-page .services .capability-card,.inner-page .page-heading h1,.inner-page .page-heading>p:last-child,.inner-page .page-heading .breadcrumb{backdrop-filter:none;-webkit-backdrop-filter:none}
  .home-page .services .capability-card{background:#0b493a}
  .inner-page .page-heading h1,.inner-page .page-heading>p:last-child,.inner-page .page-heading .breadcrumb{background:#07392e}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.text-link b,.footer-enquiry a::after,.story-visual img,.contact-intro>img,.process-photo img,.origin-image img{transition:none!important}}

/* October refinement brief: disciplined editorial scale, richer section rhythm and buyer-first tools. */
.home-page .hero-content::before{content:none!important;display:none!important}
:root{--cream:#f7f5ec;--cream-dark:#ecebdc;--brown:#153f34;--dark:#083d31;--gold:#765d1f;--ink:#171a14;--muted:#4f594f;--line:#d7dccd;--green:#0b4a3a;--sage:#dfe8d8;--charcoal:#202821;--serif:Baskerville,'Iowan Old Style','Palatino Linotype',Palatino,Georgia,serif;--sans:'Avenir Next',Avenir,'Helvetica Neue','PingFang SC','Microsoft YaHei',Arial,sans-serif}
body{background:var(--cream);color:var(--ink);font-family:var(--sans)}
p{color:var(--muted)}
h1,h2,h3{color:var(--ink);text-transform:none}
h1{font-size:clamp(44px,5vw,72px);line-height:.98;letter-spacing:-.03em;text-wrap:balance}
h2{font-size:clamp(36px,4vw,56px);line-height:1.02;letter-spacing:-.025em;text-wrap:balance}
h3{font-size:clamp(22px,2vw,30px)}
.section{padding:clamp(96px,8vw,120px) max(5vw,24px)}
.section>*,.page-heading>*,.teas-hero>*,.footer-main,.footer-links,.footer-bottom{width:min(1240px,100%);margin-left:auto;margin-right:auto}
main .eyebrow,.section-kicker{display:none}
.btn{border-radius:14px;font-family:var(--sans);font-weight:700;letter-spacing:.08em;padding:14px 24px}
.btn.primary{background:var(--green)}.btn.primary:hover{background:#06352b}
.btn.outline{border-color:var(--green);color:var(--green)}
.site-header{height:92px;background:var(--cream);padding-inline:max(4vw,24px)}
.site-header.scrolled{background:#f7f5ecf4;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 10px 26px rgba(28,37,28,.08)}
.brand img{width:176px}.nav a{font-family:var(--sans);font-weight:600;text-transform:none;letter-spacing:.01em}.enquiry-btn{border-radius:14px;background:var(--green);font-family:var(--sans);font-weight:700}
.hero{height:calc(100svh - 92px);min-height:600px}.hero-overlay{background:linear-gradient(90deg,rgba(4,38,30,.8),rgba(5,45,35,.42) 58%,rgba(4,32,25,.18)),linear-gradient(0deg,rgba(3,28,22,.5),transparent 62%)}
.hero-content{left:max(6vw,24px);max-width:780px}.hero h1{font-size:clamp(48px,5.3vw,72px);line-height:.98;text-transform:none;letter-spacing:-.03em}.hero h1 em{color:#e4c46f}.hero-copy{max-width:58ch;font-size:17px}.hero .btn.primary{min-width:0;background:#fff;color:var(--green)}.hero .btn.glass{border-radius:14px}.film-caption{display:none}
.hero .btn.primary:hover{background:var(--dark);color:#fff}
.center-heading{text-align:left;max-width:760px;margin:0 auto 52px}.center-heading h2{color:var(--ink)}.section-intro{margin:20px 0 0;max-width:66ch}
.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.capability-card{min-height:330px;padding:34px 30px;background:#fbfaf4;border-radius:15px;display:flex;flex-direction:column;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}.capability-card.sage{background:var(--sage)}.capability-card.gold{background:#eee3c8}.capability-card.charcoal{background:var(--charcoal);color:#fff}.capability-card.charcoal h3,.capability-card.charcoal p,.capability-card.charcoal span{color:#fff}.capability-card svg,.buyer-types svg{width:46px;height:46px;fill:none;stroke:var(--green);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:auto}.capability-card.charcoal svg{stroke:#d7be75}.capability-card h3{margin-top:56px}.capability-card p{margin-top:14px;font-size:15px}.capability-card>span{margin-top:30px;color:var(--green);font-size:13px;font-weight:700}.capability-card:hover{transform:translateY(-7px);box-shadow:0 18px 34px rgba(24,34,26,.13)}
.story{background:#fbfaf4}.story-copy h2{color:var(--ink)}.story-stamp{background:#fbfaf4ee;backdrop-filter:none;border-radius:12px}.story-stamp strong{color:var(--green)}
.catalogue{background:var(--cream)}.catalog-head{grid-template-columns:minmax(0,1fr) minmax(310px,390px)}.catalog-head h2{color:var(--ink)}.catalog-tools{grid-template-columns:1fr 120px}.catalog-search,.catalog-tools select{border-radius:12px;background:#fff;padding:13px 15px}.filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.filter-chip{flex:0 0 auto;border-radius:13px;padding:9px 18px}.filter-chip.active{background:var(--green);border-color:var(--green)}
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.product-card{background:#fbfaf4;border:0;border-radius:15px;padding:12px 12px 24px;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.product-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px rgba(24,34,26,.12)}.product-image{height:320px;border-radius:12px;background:#f0eee4}.product-image img{object-fit:contain}.product-body{padding:22px 12px 0}.product-body h3{font-size:28px;color:var(--ink);margin:0 0 7px;min-height:0}.product-category{display:block;margin-bottom:18px;color:var(--green);font-size:11px}.product-badge{border-radius:10px;background:var(--green);color:#fff}.small-btn{border-radius:12px}.small-btn.add{background:var(--green);border-color:var(--green)}
.dion-feature{grid-template-columns:1.08fr .92fr;background:var(--sage);padding-block:clamp(96px,8vw,120px)}.dion-copy h2{font-size:clamp(44px,4.5vw,58px);max-width:14ch;color:var(--ink)}.dion-copy p{max-width:52ch}.dion-visual{min-height:520px}.dion-product-photo{object-fit:contain}
.origin-feature{display:grid;grid-template-columns:1fr 1fr;min-height:620px;background:var(--green)}.origin-image{position:relative;inset:auto;height:100%;z-index:0;overflow:hidden}.origin-image img{transition:transform 1s var(--ease)}.origin-feature:hover .origin-image img{transform:scale(1.025)}.origin-feature:after{display:none}.origin-copy{max-width:650px;padding:clamp(70px,8vw,110px)}.origin-copy h2{font-size:clamp(42px,4.5vw,58px)}
.page-heading{background:#f1f0e5;border:0}.inner-page .page-heading,.compact-heading{padding:clamp(64px,8vw,104px) max(5vw,24px)}.inner-page .page-heading h1{font-size:clamp(44px,5vw,64px);line-height:1}.page-heading>p:last-child{max-width:62ch;margin-top:22px;font-size:17px}.breadcrumb{font-size:13px;color:var(--green);display:flex;gap:10px;margin-bottom:22px}.breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.teas-hero{display:grid;grid-template-columns:1fr 1fr;min-height:520px;background:#f1f0e5}.teas-hero-copy{padding:clamp(70px,8vw,110px) max(5vw,24px);align-self:center}.teas-hero-copy>*{max-width:600px}.teas-hero-copy>p:last-child{margin-top:24px;font-size:17px}.teas-hero-image{width:100%;height:100%;overflow:hidden}.teas-hero-image img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}.teas-hero:hover .teas-hero-image img{transform:scale(1.025)}
.who-we-work-with{background:#ecebdc}.who-we-work-with>.section-intro{margin-left:auto;margin-right:auto;text-align:center}.who-we-work-with>h2{text-align:center}.buyer-types{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:45px}.buyer-types article{min-height:210px;padding:28px 24px;background:#fbfaf4;border-radius:15px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .35s var(--ease),background .35s}.buyer-types article:nth-child(2n){background:var(--sage)}.buyer-types article:nth-child(3){background:#eee3c8}.buyer-types article:hover{transform:translateY(-5px)}.buyer-types strong{font:20px/1.25 var(--serif)}
.markets-band{padding:clamp(90px,8vw,120px) max(5vw,24px);background:var(--green);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.markets-band>*{max-width:560px}.markets-band h2,.markets-band h3{color:#fff}.markets-band p{color:#eef3ed;margin:22px 0 28px}.china-market-card{background:#f0e7cd;color:var(--ink);padding:38px;border-radius:15px}.china-market-card h3{color:var(--ink)}.china-market-card p{color:#455046}.china-market-card .btn.outline{background:transparent}
.inner-page .process.section{padding:clamp(90px,8vw,120px) max(5vw,24px)}.inner-page .process-head{grid-template-columns:1fr 1fr;gap:80px;align-items:end}.inner-page .process-head h2{font-size:clamp(44px,4.5vw,58px);max-width:12ch}.process-journey{position:relative;margin-top:70px}.process-journey:before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--green)}.process-step{display:grid;grid-template-columns:1fr 64px 1fr;gap:36px;align-items:center;margin-bottom:28px}.process-step:nth-child(even) .process-photo{grid-column:3}.process-step:nth-child(even)>span{grid-column:2;grid-row:1}.process-step:nth-child(even)>div:last-child{grid-column:1;grid-row:1;text-align:right}.process-photo{height:260px;border-radius:15px;overflow:hidden;background:#e5e5d8}.process-photo img{width:100%;height:100%;object-fit:cover}.process-step>span{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:700;justify-self:center;z-index:1}.process-step h3{color:var(--green);margin-bottom:12px}.process-step p{max-width:44ch}.process-step:nth-child(even) p{margin-left:auto}
.faq{background:#f1f0e5}.faq-grid{grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);align-items:start}.faq-grid>div:first-child{position:sticky;top:130px}.faq-grid>div:first-child>p{margin-top:22px;max-width:42ch}.accordion{background:#fbfaf4;padding:16px 34px;border-radius:15px;box-shadow:0 18px 38px rgba(24,34,26,.1)}.faq-q{padding:25px 0;color:var(--ink)}
.contact{background:var(--cream)}.contact:after{display:none}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:stretch}.contact-intro{background:var(--green);color:#fff;border-radius:15px;overflow:hidden}.contact-intro>img{width:100%;height:300px;object-fit:cover}.contact-intro>div{padding:36px}.contact-intro h2{color:#fff}.contact-intro p{color:#eef3ed;margin-top:18px}.contact-intro dl{margin:34px 0 0}.contact-intro dl div{padding:14px 0;border-top:1px solid #ffffff35}.contact-intro dt{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#d7c88f}.contact-intro dd{margin:4px 0 0}.contact-form{background:#fbfaf4;padding:40px;border-radius:15px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form h2,.contact-form .full{grid-column:1/-1}.contact-form label span{display:block;font-size:12px;font-weight:700;margin-bottom:7px}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);background:#fff;padding:13px 14px;border-radius:10px}.contact-form textarea{resize:vertical}.form-note{font-size:12px;margin:0}
.page-cta{max-width:none;padding:80px max(5vw,24px);display:flex;align-items:center;justify-content:space-between;gap:40px;background:#e3e8dc}.page-cta>div{max-width:760px}.page-cta h2{font-size:clamp(36px,4vw,52px);color:var(--ink)}.page-cta p{margin-top:14px;font-size:16px}.page-cta .btn{flex:0 0 auto}
footer{background:#e8e7da;border:0;padding:62px max(5vw,24px) 28px}.footer-main{align-items:flex-start}.footer-main>div:first-child p{margin-top:18px}.footer-enquiry{text-align:right;display:grid;gap:8px}.footer-enquiry strong{font:24px var(--serif)}.footer-enquiry a{text-decoration:underline;text-underline-offset:5px}.footer-links{justify-content:flex-start;flex-wrap:wrap;border-top:1px solid #cbd0c2;padding-top:26px}.footer-links button{background:transparent;font:inherit;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){.capability-grid{grid-template-columns:1fr 1fr}.buyer-types{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:1fr 1fr}.contact-layout{grid-template-columns:1fr}.dion-feature{grid-template-columns:1fr}.dion-copy{order:-1}.origin-feature{grid-template-columns:1fr}.origin-image{height:450px}.markets-band{grid-template-columns:1fr}.markets-band>*{max-width:none}}
@media(max-width:700px){h1{font-size:clamp(38px,11vw,48px)}h2{font-size:clamp(32px,9vw,40px)}.section{padding:clamp(56px,15vw,72px) 20px}.site-header{height:78px;padding-inline:18px}.brand img{width:145px}.hero{height:calc(100svh - 78px);min-height:620px}.hero-content{left:20px;right:20px;top:auto;bottom:92px;transform:none;padding:0}.hero h1{font-size:clamp(39px,11vw,52px);line-height:1.02}.hero-copy{font-size:15px}.hero-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:26px}.hero-actions .btn{width:100%}.hero-scroll{display:none}.motion-toggle{bottom:22px}.capability-grid,.buyer-types,.product-grid{grid-template-columns:1fr}.capability-card{min-height:280px}.catalog-head{grid-template-columns:1fr;gap:28px}.catalog-tools{grid-template-columns:1fr 100px}.product-image{height:300px}.teas-hero{grid-template-columns:1fr}.teas-hero-copy{padding:56px 20px}.teas-hero-image{height:320px}.inner-page .page-heading,.compact-heading{padding:52px 20px}.inner-page .page-heading h1{font-size:clamp(38px,11vw,48px)}.dion-copy h2,.origin-copy h2{font-size:clamp(36px,10vw,44px)}.origin-image{height:330px}.origin-copy{padding:60px 20px}.buyer-types article{min-height:160px}.inner-page .process-head{grid-template-columns:1fr;gap:20px}.process-journey:before{left:25px}.process-step,.process-step:nth-child(even){grid-template-columns:52px 1fr;gap:18px;margin-bottom:44px}.process-step .process-photo,.process-step:nth-child(even) .process-photo{grid-column:1/-1;grid-row:1;height:230px;margin-left:70px}.process-step>span,.process-step:nth-child(even)>span{grid-column:1;grid-row:2}.process-step>div:last-child,.process-step:nth-child(even)>div:last-child{grid-column:2;grid-row:2;text-align:left}.process-step:nth-child(even) p{margin-left:0}.faq-grid{grid-template-columns:1fr;gap:34px}.faq-grid>div:first-child{position:static}.accordion{padding:8px 22px}.contact-form{grid-template-columns:1fr;padding:28px 22px}.contact-form h2,.contact-form .full{grid-column:1}.page-cta{padding:58px 20px;align-items:flex-start;flex-direction:column}.footer-main{display:grid}.footer-enquiry{text-align:left;margin-top:30px}.footer-bottom{display:grid}.filters{justify-content:flex-start;margin-left:0;margin-right:-20px;padding-right:20px}.product-actions{flex-direction:column}.small-btn{width:100%}}
@media(max-width:390px){.product-grid,.home-page .product-grid{grid-template-columns:1fr}.product-image{max-width:310px;margin:0 auto}.service-card>img{width:190px;height:190px}}

/* The homepage film remains the original full-width cinematic experience. */
.home-page .hero{height:calc(100svh - 92px);min-height:650px;max-height:940px;position:relative;display:block;padding:0;overflow:hidden;color:#fff;background:#26372a}
.home-page .hero-media{position:absolute;inset:0;width:100%;height:100%;max-height:none;border:0;outline:0;border-radius:0;box-shadow:none;overflow:hidden}
.home-page .hero-media::after{display:none}.home-page .hero-overlay{display:block;position:absolute;inset:-8%;z-index:1;background:linear-gradient(90deg,rgba(9,48,37,.84),rgba(9,48,37,.38) 62%,rgba(9,48,37,.16)),linear-gradient(0deg,rgba(5,30,23,.62),transparent 62%)}
.home-page .hero-content{position:absolute;left:7vw;top:50%;transform:translateY(-50%);display:block;max-width:830px;padding-right:35px;z-index:2}
.home-page .hero-content::before{content:"01";font-size:clamp(2rem,3vw,3.2rem);color:#fff;margin-bottom:22px}
.home-page .hero h1{font-size:clamp(3.2rem,5.6vw,5.8rem);line-height:.92;color:#fff;max-width:10ch;text-shadow:0 3px 28px rgba(0,0,0,.22)}
.home-page .hero h1 em{color:#e7d69d}.home-page .hero .eyebrow{color:#e7d69d}.home-page .hero-copy{color:#f3f4ed}.home-page .hero .btn.primary{background:#fff;color:var(--dark)}.home-page .hero .btn.glass{color:#fff;border-color:rgba(255,255,255,.78);background:rgba(5,42,32,.18)}.home-page .hero .btn.glass:hover{background:#fff;color:var(--dark)}
@media(max-width:700px){.home-page .hero{height:calc(100svh - 80px);min-height:640px}.home-page .hero-content{left:24px;right:24px;top:50%;padding:0;text-align:left}.home-page .hero h1{font-size:clamp(2.9rem,13vw,4.35rem)}.home-page .hero-content::before{font-size:2rem;margin-bottom:18px}.home-page .hero-actions{max-width:370px;margin-left:0}.home-page .hero-media{height:100%;min-height:0}}
@media(prefers-reduced-motion:reduce){.home-page .hero-content{transform:translateY(-50%)!important}}

/* Complete product plates: supplied square artwork remains fully visible in every surface. */
.product-card{animation:productPlateIn .62s var(--ease-cinematic) both;animation-delay:min(calc(var(--product-index,0) * 42ms),252ms)}
.product-image{aspect-ratio:1;height:auto;border:0;border-radius:15px;outline:0;background:#fff;padding:8px;box-shadow:var(--shadow);overflow:hidden}
.product-image::after{content:"";position:absolute;inset:8px;border:1px solid rgba(167,131,44,.2);border-radius:10px;pointer-events:none}
.product-image img{width:100%;height:100%;object-fit:contain;border-radius:10px;transform:scale(.985);transition:transform .5s var(--ease-cinematic),filter .5s var(--ease-cinematic)}
.product-badge{top:18px;left:18px;transform:none}
.modal-main-image{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border:0;border-radius:15px;background:#fff;padding:8px;box-shadow:var(--shadow)}
.modal-thumb{object-fit:contain;background:#fff}
.drawer-item>img{object-fit:contain;border-radius:10px;background:#fff;padding:3px}
@keyframes productPlateIn{from{opacity:.35;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.product-card:hover .product-image img{transform:scale(1);filter:saturate(1.04)}.product-card:hover .product-image{box-shadow:0 22px 48px rgba(35,55,36,.17)}}
@media(max-width:700px){.product-image{padding:5px}.product-image::after{inset:5px}.product-badge{top:11px;left:11px}}
@media(prefers-reduced-motion:reduce){.product-card{animation:none}.product-image img{transform:none}}

/* Keep the cinematic homepage copy inside laptop-height Safari viewports. */
@media(min-width:701px){
  .home-page .hero-content{width:min(680px,86vw);max-width:none;padding-right:0}
  .home-page .hero h1{font-size:clamp(3rem,min(4.7vw,7.2svh),5.2rem);line-height:.91;max-width:620px}
}
@media(max-width:700px){
  .home-page .hero-content{left:clamp(18px,6vw,24px);right:clamp(18px,6vw,24px)}
  .home-page .hero h1{font-size:clamp(2.45rem,min(11.5vw,6.8svh),3.7rem);line-height:.92;max-width:10ch}
  .home-page .hero-content::before{font-size:1.8rem;margin-bottom:12px}
  .home-page .hero .eyebrow{margin-bottom:12px}
  .home-page .hero-copy{margin-top:16px;line-height:1.55}
  .home-page .hero-actions{width:100%;max-width:342px;margin-top:18px;gap:10px}
}
@media(max-width:360px), (max-width:700px) and (max-height:700px){
  .home-page .hero-content{top:48%}
  .home-page .hero h1{font-size:clamp(2.2rem,min(10.5vw,6.2svh),3rem)}
  .home-page .hero-copy{font-size:13px;line-height:1.45}
  .home-page .hero-actions{margin-top:14px}
  .home-page .hero .btn{min-height:44px;padding:11px 16px}
  .home-page .hero-scroll{display:none}
}
@media(max-width:360px){
  .site-header{gap:8px;padding-inline:10px}
  .brand img{width:112px}
  .header-actions{gap:2px}
  .enquiry-btn{width:44px;height:44px;min-height:44px;padding:0}
  .enquiry-btn>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .menu-btn{width:40px;padding:6px}
}

/* Native 4K film delivery, aligned hero instrumentation and scroll handoff. */
.film-loading{--film-progress:0%;position:absolute;right:4vw;bottom:76px;z-index:3;width:min(220px,38vw);display:grid;gap:8px;transition:opacity .45s var(--ease-cinematic),visibility .45s}
.film-loading span{height:1px;background:linear-gradient(90deg,#e7d69d var(--film-progress),rgba(255,255,255,.32) var(--film-progress))}
.film-loading b{font:600 10px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#fff;text-align:right}
.film-loading.complete{opacity:0;visibility:hidden}.film-loading.failed span{background:#e7d69d66}
.film-play{position:absolute;right:4vw;bottom:72px;z-index:4;display:flex;align-items:center;gap:10px;min-height:46px;padding:8px 16px 8px 9px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:rgba(5,42,32,.72);backdrop-filter:blur(14px);color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.film-play[hidden]{display:none}.film-play span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:var(--dark);font-size:11px;padding-left:2px}.film-play b{font:700 11px/1 var(--sans);letter-spacing:.13em;text-transform:uppercase}
.journey-rail{position:relative;z-index:4;display:grid;grid-template-columns:repeat(3,1fr);background:var(--dark);color:#fff;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.16)}
.journey-rail article{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:20px;min-height:126px;padding:26px clamp(24px,4vw,64px);border-right:1px solid rgba(255,255,255,.16)}
.journey-rail article:last-child{border-right:0}.journey-rail article>span{font:400 30px/1 var(--display);color:#e7d69d}
.journey-rail p{font:600 10px/1.35 var(--sans);letter-spacing:.15em;text-transform:uppercase;color:#bfc9c3}
.journey-rail strong{display:block;margin-top:7px;font:500 clamp(16px,1.5vw,22px)/1.15 var(--display);letter-spacing:-.01em;text-transform:none;color:#fff}
.home-page .hero-content{align-content:center}.home-page .hero-copy{max-width:570px}.home-page .hero-actions{align-items:center}
@media(max-width:700px){
  .film-loading{right:20px;bottom:90px;width:160px}.film-loading b{font-size:9px}
  .film-play{right:20px;bottom:84px}
  .journey-rail{grid-template-columns:1fr}.journey-rail article{min-height:98px;padding:22px 24px;border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.journey-rail article:last-child{border-bottom:0}
}
@media(prefers-reduced-motion:reduce){.film-loading{transition:none}.journey-rail article{transform:none!important;opacity:1!important}}

/* Performance floor: keep the native 4K film composited and skip distant layout work. */
.hero-media{contain:paint}
.hero-film{transform:translateZ(0);backface-visibility:hidden;will-change:opacity}
.site-header.scrolled{backdrop-filter:none;-webkit-backdrop-filter:none}
.home-page main>section:not(.hero),.inner-page main>section:not(.page-heading){content-visibility:auto;contain-intrinsic-size:auto 700px}

/* Process page: compact editorial hierarchy with a shared content axis. */
.inner-page .page-heading{
  padding:clamp(44px,5vw,68px) max(6vw,24px) clamp(38px,4vw,56px);
}
.inner-page .page-heading>p,
.inner-page .page-heading>h1{
  width:min(1180px,100%);
  max-width:none;
}
.inner-page .page-heading h1{
  font-size:clamp(3.5rem,5.4vw,5.9rem);
  line-height:.94;
  letter-spacing:-.03em;
}
.inner-page .page-heading .eyebrow{
  margin-bottom:14px;
}
.inner-page .process.section{
  padding:clamp(54px,6vw,84px) max(6vw,24px) clamp(76px,8vw,112px);
}
.inner-page .process.section>*{
  width:min(1180px,100%);
}
.inner-page .process .section-kicker{
  grid-template-columns:56px minmax(0,1fr);
  gap:18px;
  align-items:center;
  margin-bottom:clamp(40px,4.5vw,58px);
  padding-bottom:15px;
}
.inner-page .process .section-kicker>span{
  font-size:36px;
  letter-spacing:-.045em;
}
.inner-page .process .section-kicker p{
  padding-bottom:0;
  line-height:1.35;
}
.inner-page .process-head{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);
  gap:clamp(48px,7vw,112px);
  align-items:end;
}
.inner-page .process-head h2{
  max-width:13.5ch;
  font-size:clamp(3.25rem,4.8vw,5.6rem);
  line-height:.98;
  letter-spacing:-.03em;
  text-transform:none;
  color:var(--ink);
  text-wrap:balance;
}
.inner-page .process-head h2 em{
  display:block;
}
.inner-page .process-head>p{
  max-width:46ch;
  margin:0 0 .45rem;
  font-size:1.0625rem;
  line-height:1.65;
}
.inner-page .process-list{
  margin-top:clamp(50px,5vw,70px);
}
@media(max-width:900px){
  .inner-page .process-head{
    grid-template-columns:1fr;
    gap:22px;
    align-items:start;
  }
  .inner-page .process-head h2{
    max-width:13.5ch;
  }
  .inner-page .process-head>p{
    max-width:58ch;
    margin:0;
  }
}
@media(max-width:700px){
  .inner-page .page-heading{
    padding:34px 22px 32px;
  }
  .inner-page .page-heading h1{
    font-size:clamp(2.75rem,12vw,4rem);
    line-height:.98;
  }
  .inner-page .page-heading .eyebrow{
    margin-bottom:10px;
  }
  .inner-page .process.section{
    padding:48px 22px 68px;
  }
  .inner-page .process .section-kicker{
    grid-template-columns:44px minmax(0,1fr);
    gap:14px;
    margin-bottom:34px;
    padding-bottom:13px;
  }
  .inner-page .process .section-kicker>span{
    font-size:29px;
  }
  .inner-page .process-head{
    gap:18px;
  }
  .inner-page .process-head h2{
    max-width:none;
    font-size:clamp(2.65rem,11vw,4rem);
    line-height:1;
  }
  .inner-page .process-head>p{
    font-size:1rem;
    line-height:1.6;
  }
  .inner-page .process-list{
    margin-top:42px;
  }
}

/* Final cascade: Additional Refinements brief. Kept last intentionally. */
html{scroll-behavior:smooth;scroll-padding-top:108px}
body{overflow-x:clip}
.text-link b{display:inline-block;transform:none;transition:transform .5s var(--ease-premium)}
.text-link:hover b,.text-link:focus-visible b{transform:translateX(5px)}

.home-page .services{position:relative;isolation:isolate;overflow:hidden;background:var(--forest-950);color:#fff}
.home-page .services::before{content:"";position:absolute;inset:-20% -8% auto auto;width:min(680px,62vw);aspect-ratio:1;border:1px solid rgba(218,196,122,.2);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.018),0 0 0 140px rgba(255,255,255,.012);pointer-events:none;z-index:-1}
.home-page .services .center-heading{margin-left:0}
.home-page .services .center-heading h2{color:#fff;max-width:13ch}
.home-page .services .section-intro{color:#edf3ef}
.home-page .services .capability-card{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.075);color:#fff;box-shadow:0 18px 46px rgba(0,0,0,.16);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.home-page .services .capability-card:nth-child(2){background:rgba(220,230,215,.13)}
.home-page .services .capability-card:nth-child(3){background:rgba(218,196,122,.12)}
.home-page .services .capability-card:nth-child(4){background:rgba(0,0,0,.18)}
.home-page .services .capability-card h3,.home-page .services .capability-card span{color:#fff}
.home-page .services .capability-card p{color:#edf3ef}
.home-page .services .capability-card svg{stroke:#e3c872}
.home-page .services .capability-card:hover{background:rgba(255,255,255,.12);border-color:rgba(218,196,122,.38)}

.inner-page .page-heading,.inner-page .compact-heading{position:relative;isolation:isolate;min-height:clamp(390px,48vw,560px);display:grid;align-content:center;overflow:hidden;background:linear-gradient(90deg,rgba(5,43,35,.97),rgba(5,43,35,.82) 58%,rgba(5,43,35,.68)),url("assets/photos/tea-02.webp") center 44%/cover no-repeat;color:#fff;padding:clamp(64px,8vw,104px) max(5vw,24px)}
.process-page .page-heading{background-image:linear-gradient(90deg,rgba(5,43,35,.97),rgba(5,43,35,.8) 58%,rgba(5,43,35,.56)),url("assets/photos/tea-04.webp")}
.private-label-page .page-heading{background-image:linear-gradient(90deg,rgba(5,43,35,.97),rgba(5,43,35,.8) 58%,rgba(5,43,35,.56)),url("assets/photos/tea-06.webp")}
.about-page .page-heading{background-image:linear-gradient(90deg,rgba(5,43,35,.97),rgba(5,43,35,.8) 58%,rgba(5,43,35,.56)),url("assets/photos/tea-01.webp")}
.faq-page .page-heading{background-image:linear-gradient(90deg,rgba(5,43,35,.97),rgba(5,43,35,.8) 58%,rgba(5,43,35,.56)),url("assets/photos/tea-03.webp")}
.contact-page .page-heading{background-image:linear-gradient(90deg,rgba(5,43,35,.97),rgba(5,43,35,.8) 58%,rgba(5,43,35,.56)),url("assets/photos/tea-10.webp")}
.inner-page .page-heading::before{content:"";position:absolute;width:min(430px,46vw);aspect-ratio:1;right:-7%;bottom:-45%;border:1px solid rgba(215,190,111,.28);border-radius:50%;box-shadow:0 0 0 54px rgba(255,255,255,.025),0 0 0 108px rgba(255,255,255,.018);z-index:-1}
.inner-page .page-heading>*{position:relative;width:min(760px,100%);max-width:760px;margin-left:max(6vw,24px);margin-right:auto}
.inner-page .page-heading h1,.inner-page .page-heading>p:last-child{color:#fff}
.inner-page .page-heading h1{max-width:12ch;font-size:clamp(44px,5vw,64px);line-height:1}
.inner-page .page-heading>p:last-child{color:#f2f6f3;max-width:58ch;font-size:17px}
.inner-page .page-heading .breadcrumb{color:#e3c872}
.inner-page .page-heading .breadcrumb a{color:#fff}
.inner-page .page-heading h1,.inner-page .page-heading>p:last-child,.inner-page .page-heading .breadcrumb{padding-left:clamp(24px,3vw,42px);padding-right:clamp(24px,3vw,42px);background:rgba(5,43,35,.84);border-left:1px solid rgba(215,190,111,.44);border-right:1px solid rgba(255,255,255,.09);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.inner-page .page-heading .breadcrumb{padding-top:clamp(24px,3vw,34px);padding-bottom:12px;margin-bottom:0;border-top:1px solid rgba(255,255,255,.13);border-radius:16px 16px 0 0}
.inner-page .page-heading h1{padding-top:6px;padding-bottom:10px}
.inner-page .page-heading>p:last-child{padding-top:8px;padding-bottom:clamp(24px,3vw,34px);margin-top:0;border-bottom:1px solid rgba(255,255,255,.13);border-radius:0 0 16px 16px}

.inner-page .teas-hero{background:var(--forest-950);color:#fff}
.inner-page .teas-hero-copy{position:relative;z-index:1}
.inner-page .teas-hero-copy::before{content:"";position:absolute;inset:11% 6% 11% max(3vw,18px);border:1px solid rgba(215,190,111,.26);border-radius:16px;z-index:-1;background:rgba(255,255,255,.045)}
.inner-page .teas-hero-copy h1,.inner-page .teas-hero-copy>p:last-child{color:#fff}
.inner-page .teas-hero-copy>p:last-child{color:#f0f5f2}
.inner-page .teas-hero .breadcrumb,.inner-page .teas-hero .breadcrumb a{color:#e3c872}
.inner-page .teas-hero-image{position:relative}
.inner-page .teas-hero-image::after{content:"";position:absolute;inset:0;box-shadow:inset 40px 0 70px rgba(5,43,35,.32);pointer-events:none}

.inner-page main>section:nth-of-type(even):not(.page-cta):not(.origin-feature):not(.markets-band){background:var(--paper-50)}
.inner-page main>section:nth-of-type(odd):not(.page-heading):not(.teas-hero):not(.page-cta):not(.origin-feature):not(.markets-band){background:var(--cream-100)}
.story-grid,.contact-layout,.inner-page .process-head{position:relative}
.story-grid::before,.contact-layout::before{content:"";position:absolute;left:-18px;top:-18px;width:76px;height:1px;background:var(--gold-500)}
.story-visual,.contact-intro,.pl-visual,.process-photo,.dion-visual{overflow:hidden}
.story-visual img,.contact-intro>img,.process-photo img,.origin-image img{transition:transform .7s var(--ease-premium)}
@media(hover:hover) and (pointer:fine){.story-visual:hover img,.contact-intro:hover>img,.process-photo:hover img{transform:scale(1.035)}}

.page-cta{position:relative;isolation:isolate;overflow:hidden;background:var(--sage-200);border-top:1px solid rgba(7,57,46,.12);border-bottom:1px solid rgba(7,57,46,.12)}
.page-cta::after{content:"";position:absolute;right:-90px;top:50%;width:330px;aspect-ratio:1;border:1px solid rgba(7,57,46,.14);border-radius:50%;transform:translateY(-50%);z-index:-1}
.page-cta h2{max-width:15ch}
.page-cta .btn.primary{background:var(--forest-900);color:#fff}
.page-cta .btn.primary:hover{background:var(--charcoal-900);transform:translateY(-2px)}
footer{background:var(--forest-950);color:#fff;border-top:0;padding-top:72px}
.footer-logo img{filter:brightness(0) invert(1);mix-blend-mode:normal;opacity:.94}
.footer-main p,.footer-bottom small{color:#dfe7e2}
.footer-enquiry strong,.footer-enquiry a,.footer-links a,.footer-links button{color:#fff}
.footer-enquiry a{color:#e3c872;text-decoration:none}
.footer-links{border-top-color:rgba(255,255,255,.16);gap:24px}
.footer-links a,.footer-links button{text-decoration:none;transition:color .3s ease}
.footer-links a:hover,.footer-links button:hover{color:#e3c872}
.footer-bottom{border-top-color:rgba(255,255,255,.1)}

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #e3c872;outline-offset:4px}
.filter-chip,.small-btn,.faq-q,.nav a{transition:color .35s ease,background .35s ease,border-color .35s ease,transform .35s var(--ease-premium)}
.faq-item{transition:transform .45s var(--ease-premium),box-shadow .45s var(--ease-premium)}
.faq-item.open{transform:translateX(6px);box-shadow:0 20px 42px rgba(19,36,25,.13)}

@media(max-width:900px){.home-page .services .capability-grid{grid-template-columns:repeat(2,1fr)}.inner-page .page-heading>*{margin-left:max(4vw,22px)}}
@media(max-width:700px){
  html{scroll-padding-top:88px}
  .home-page .services::before{width:520px;right:-70%}
  .home-page .services .capability-grid{grid-template-columns:1fr}
  .home-page .services .capability-card{min-height:250px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
  .inner-page .page-heading,.inner-page .compact-heading{min-height:430px;padding:50px 20px}
  .inner-page .page-heading>*{width:100%;margin-left:0}
  .inner-page .page-heading h1,.inner-page .page-heading>p:last-child,.inner-page .page-heading .breadcrumb{padding-left:22px;padding-right:22px}
  .inner-page .teas-hero{grid-template-columns:1fr}
  .inner-page .teas-hero-copy{padding-block:58px}
  .inner-page .teas-hero-copy::before{inset:24px 18px}
  .page-cta::after{right:-190px}
  footer{padding-top:54px}
}
@media(prefers-reduced-transparency:reduce){.home-page .services .capability-card,.inner-page .page-heading h1,.inner-page .page-heading>p:last-child,.inner-page .page-heading .breadcrumb{backdrop-filter:none;-webkit-backdrop-filter:none}.home-page .services .capability-card{background:#0b493a}.inner-page .page-heading h1,.inner-page .page-heading>p:last-child,.inner-page .page-heading .breadcrumb{background:#07392e}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.text-link b,.story-visual img,.contact-intro>img,.process-photo img,.origin-image img{transition:none!important}}

/* Corporate contact details remain visible at every page ending. */
.footer-contact{display:flex;justify-content:flex-end;gap:8px 20px;flex-wrap:wrap;font-size:14px}
.footer-contact a{color:#dfe7e2;text-decoration:none}
.footer-contact a:hover,.footer-contact a:focus-visible{color:#fff}
@media(max-width:700px){.footer-contact{justify-content:flex-start}}

/* FAQ refinement: compact, even accordion rhythm at every breakpoint. */
.faq .accordion{padding:0;background:transparent;box-shadow:none;gap:12px}
.faq .faq-item{border-radius:12px}
.faq .faq-q{min-height:68px;padding:18px 22px;font-size:clamp(17px,1.3vw,20px);line-height:1.28}
.faq .faq-q>span:first-child{max-width:calc(100% - 44px)}
.faq .faq-q>span:last-child{width:30px;min-width:30px;text-align:center;line-height:1}
.faq .faq-a p{margin:0;padding-left:22px;padding-right:58px;line-height:1.65}
.faq .faq-item.open .faq-a p{padding-bottom:20px}
@media(max-width:700px){
  .faq.section{padding-left:18px;padding-right:18px}
  .faq .faq-grid{gap:30px}
  .faq .accordion{gap:9px}
  .faq .faq-q{min-height:62px;padding:16px 18px;font-size:17px}
  .faq .faq-a p{padding-left:18px;padding-right:50px}
  .faq .faq-item.open .faq-a p{padding-bottom:18px}
}

/* Cinematic brand startup: assemble the mark, hold it, then hand off to the hero. */
.site-intro{animation:none;isolation:isolate;overflow:hidden;background:#f5f1e6;opacity:1;visibility:visible}
.site-intro::before{content:"";position:absolute;inset:-18%;z-index:-1;background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.96) 0 13%,rgba(234,229,213,.65) 38%,rgba(228,224,207,.12) 66%,transparent 78%);animation:introLight 2.5s cubic-bezier(.16,1,.3,1) both}
.intro-mark{width:min(510px,80vw);aspect-ratio:4.12/1;overflow:hidden;animation:introMarkSettle 2.2s cubic-bezier(.16,1,.3,1) .12s both}
.intro-logo-window{position:absolute;inset:0;overflow:hidden;animation:introLogoReveal 1.55s cubic-bezier(.16,1,.3,1) .24s both}
.intro-logo-sharp{position:absolute!important;left:0!important;top:50%!important;width:100%!important;height:auto!important;max-width:none;transform:translateY(-50%);object-fit:initial!important;filter:drop-shadow(0 8px 18px rgba(16,45,105,.08))}
.intro-logo-sheen{position:absolute;inset:-15% -30%;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.72) 49%,transparent 60%);mix-blend-mode:screen;transform:translateX(-76%) skewX(-12deg);animation:introLogoSheen 1.05s cubic-bezier(.16,1,.3,1) 1.24s both;pointer-events:none}
.intro-accent{top:calc(50% + 86px);width:min(190px,40vw);overflow:hidden}
.intro-accent i{animation:introLine 1.25s cubic-bezier(.16,1,.3,1) 1.42s both}
.site-intro.is-exiting{opacity:0;visibility:hidden;transition:opacity .78s cubic-bezier(.77,0,.175,1),visibility 0s .78s}
@keyframes introLight{from{opacity:0;transform:scale(.9)}45%{opacity:1}to{opacity:.72;transform:scale(1.04)}}
@keyframes introMarkSettle{from{transform:scale(.965)}55%{transform:scale(1.008)}to{transform:scale(1)}}
@keyframes introLogoReveal{from{opacity:0;clip-path:inset(0 50% 0 50%);transform:translateY(9px);filter:blur(3px)}68%{filter:blur(0)}to{opacity:1;clip-path:inset(0);transform:none;filter:none}}
@keyframes introLogoSheen{from{opacity:0;transform:translateX(-76%) skewX(-12deg)}20%{opacity:.72}to{opacity:0;transform:translateX(76%) skewX(-12deg)}}
@keyframes introLine{from{transform:scaleX(0);opacity:0}20%{opacity:1}to{transform:scaleX(1);opacity:1}}
@media(max-width:700px){.intro-mark{width:min(360px,86vw)}.intro-accent{top:calc(50% + 70px);width:145px}}
@media(prefers-reduced-motion:reduce){.site-intro{display:none}}

/* High-resolution brand artwork: crop the transparent source canvas without resampling the mark. */
.brand-logo-window{position:relative;display:block;width:176px;aspect-ratio:4.12/1;overflow:hidden}
.brand-logo-window img{position:absolute!important;left:0;top:50%;width:100%!important;height:auto!important;max-width:none;transform:translateY(-50%)}
@media(max-width:1200px){.brand-logo-window{width:155px}}
@media(max-width:1000px){.brand-logo-window{width:180px}}
@media(max-width:700px){.brand-logo-window{width:145px}}
@media(max-width:390px){.brand-logo-window{width:128px}}

/* October brand system. Supplied original logo is displayed without redrawing it. */
:root{--green:#004d3b;--dark:#003c2f;--brown:#123c30;--cream:#f7f8f2;--sage:#e4eddf;--line:#cbd8ce;--gold:#8b702a}
body{background:#fff;color:#163a2e}
.brand-original{position:relative;display:block;width:176px;aspect-ratio:1058/292;overflow:hidden;background:#fff;flex-shrink:0}
.brand-original img{position:absolute!important;left:-9.1%!important;top:-161%!important;width:118.53%!important;height:auto!important;max-width:none!important;transform:none!important;object-fit:initial!important;filter:none!important;mix-blend-mode:normal!important}
.intro-mark{aspect-ratio:1058/292;background:#fff}
.intro-logo-window>.brand-original{width:100%;height:100%}
.site-intro{background:#fff}.site-intro::before{display:none}
.brand,.footer-logo{display:inline-block}.footer-logo .brand-original{width:210px;border-radius:2px}
.pack-front .brand-original{width:120px}
.site-header,.site-header.scrolled{background:#fff;box-shadow:0 4px 22px #00000006;border-bottom:1px solid var(--line);gap:18px;padding-inline:3vw}
.nav{gap:15px}.nav a{font-size:12px}.header-actions{gap:8px}
.enquiry-btn,.btn.primary{background:var(--green);color:#fff}
.services,.who-we-work-with,.sage-section{background:var(--sage)}
.catalogue,.story,.process,.faq{background:#fff}
.emerald-section,.origin-feature,.dion-feature{background:var(--green);color:#fff}
.emerald-section h2,.emerald-section h3,.emerald-section p,.emerald-section a{color:inherit}
.private-label{background:var(--sage)}
.page-heading.compact-heading,.inner-page .page-heading,.teas-hero-copy{background:var(--sage);padding:64px max(24px,6vw);text-align:left}
.inner-page .page-heading h1,.teas-hero h1{margin:18px 0;font-size:clamp(36px,4.5vw,64px);line-height:1.08;max-width:100%;text-align:left;letter-spacing:-.025em}
.page-heading>p:last-child,.teas-hero-copy>p:last-child{max-width:720px;font-size:17px;line-height:1.65;margin:0}
.breadcrumb{font-size:12px;letter-spacing:.1em;color:var(--green)}
.section-lead{max-width:850px;margin-bottom:36px}.section-lead h2{font-size:clamp(30px,3.5vw,48px);line-height:1.15;margin:10px 0 22px}.section-lead p{font-size:17px;line-height:1.8;margin:0 0 18px}
.refinement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.refinement-card{padding:28px;border:1px solid var(--line);background:#fff;border-radius:14px}.refinement-card h3{font-size:25px;line-height:1.2;margin:0 0 14px}.refinement-card p{font-size:15px;line-height:1.75;color:#4a6357}.refinement-card .text-link{margin-top:24px;font-size:14px}.market-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:28px}
.section-note{font-size:14px;line-height:1.7;margin-top:28px}.page-cta{background:#e4eddf;border-top:1px solid var(--line);padding:56px 6vw}.page-cta h2{font-size:clamp(28px,3vw,42px);max-width:720px}.page-cta p{max-width:720px;font-size:16px;line-height:1.7}.page-cta .btn{flex-shrink:0}
footer{background:#003c2f;color:#e7efe9;padding:44px 6vw 24px}footer p,footer small,footer a,footer button{color:#e7efe9}footer .footer-main{padding:0 0 28px}footer .footer-main p{font-size:14px}footer .footer-enquiry strong{font-size:20px}footer .footer-contact a,footer .footer-links a,footer .footer-links button{font-size:13px}.footer-links{flex-wrap:wrap;gap:16px 24px}.footer-bottom{font-size:12px}
.text-link b,.arrow{display:inline-block;transition:transform .18s ease}.text-link:hover b,.btn:hover .arrow{transform:translateX(4px)}
.product-spec{display:flex;justify-content:space-between;gap:14px;margin-top:9px;font-size:12px;line-height:1.6}.product-spec span{color:#647568;flex-shrink:0}.product-spec b{font-weight:500;text-align:right}.product-actions{margin-top:20px}.product-card{animation:catalogueEnter .35s ease both;animation-delay:calc(min(var(--product-index),5)*35ms)}
@keyframes catalogueEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.private-form textarea,.private-form input,.private-form select{width:100%;padding:12px;border:1px solid #aebfb3;border-radius:7px;background:#fff;font:inherit}.private-form .full{grid-column:1/-1}
.certification-groups>section{margin-bottom:34px}.certification-groups h3{font-size:24px;margin-bottom:18px}.certification-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.certification-item{border:1px solid var(--line);border-radius:10px;padding:18px;background:#f7faf6}.certification-item summary{cursor:pointer;font-weight:600;line-height:1.5}.certification-item summary span{display:block;font-size:11px;color:#6e682e;font-weight:500;margin-top:4px}.certification-item dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:13px;margin-top:20px}.certification-item dd{margin:0}.certification-item p{font-size:13px;line-height:1.7;margin-top:14px}.review-note{padding:20px;border-left:3px solid #a28b3b;background:#f7f3e7;font-size:14px;line-height:1.7}
@media(min-width:1001px) and (max-width:1400px){.site-header{gap:12px;padding-inline:20px}.brand-original{width:145px}.nav{gap:11px}.nav a{font-size:11px}.enquiry-btn{padding:12px;font-size:11px}.header-actions{gap:3px}}
@media(max-width:1000px){.refinement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header .nav{background:#fff}}
@media(max-width:700px){.brand-original{width:140px}.intro-logo-window>.brand-original{width:100%}.refinement-grid,.market-grid,.certification-list{grid-template-columns:1fr}.refinement-card{padding:24px}.page-heading.compact-heading,.inner-page .page-heading,.teas-hero-copy{padding:42px 22px}.page-heading>p:last-child{font-size:15px}.page-cta{padding:42px 22px}.section-lead p{font-size:15px}.section-lead h2{font-size:32px}.footer-logo .brand-original{width:180px}.product-spec{font-size:12px}.private-form{grid-template-columns:1fr}.private-form label{min-width:0}}
@media(max-width:390px){.site-header .brand-original{width:120px}}
@media(prefers-reduced-motion:reduce){.product-card{animation:none}.text-link:hover b,.btn:hover .arrow{transform:none}}
.inner-page .page-heading{display:block;min-height:0;color:#123c30;overflow:visible}
.inner-page .page-heading::before{display:none}
.inner-page .page-heading>*{width:auto;margin-left:0;margin-right:0}
.inner-page .page-heading h1,.inner-page .page-heading>p:last-child,.inner-page .page-heading .breadcrumb{background:none;border:0;border-radius:0;padding:0;backdrop-filter:none;-webkit-backdrop-filter:none;color:#123c30}
.inner-page .page-heading .breadcrumb a{color:#004d3b}
.inner-page .page-heading h1{margin:20px 0;max-width:100%}
.inner-page main>section.section.sage-section:nth-of-type(n):not(.page-cta){background:#e4eddf}
.inner-page main>section.section.emerald-section:nth-of-type(n):not(.page-cta){background:#004d3b;color:#fff}
.inner-page main>section.section:not(.sage-section):not(.emerald-section):not(.private-label){background:#fff}
.inner-page main>section.section.private-label:nth-of-type(n):not(.page-cta){background:#e4eddf}
.emerald-section .section-lead h2,.emerald-section .section-lead p{color:#fff}
.emerald-section .btn.light{background:#fff;color:#004d3b}
.refinement-card,.certification-item{box-shadow:none}