:root{--navy:#102446;--deep:#101f39;--gold:#cb9935;--ivory:#f9f6f0;--muted:#6c7179;--line:#deded7;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--navy);background:var(--ivory);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{touch-action:manipulation}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #b78b2c;outline-offset:4px}img{max-width:100%;display:block}.skip-link{position:absolute;left:8px;top:-80px;padding:12px;background:white;z-index:100}.skip-link:focus{top:8px}.announcement{height:33px;background:var(--deep);color:#eee6d5;display:flex;align-items:center;justify-content:center;gap:16px;font-size:9px;letter-spacing:.2em;font-weight:700}.announcement-star{color:#d1a84f;font-size:12px}.site-header{height:87px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,88px);background:#fbfaf7;position:relative;z-index:20;border-bottom:1px solid #eeece4}.wordmark{display:block;width:170px;height:75px;overflow:hidden}.wordmark img{width:170px;height:75px;object-fit:contain;object-position:center}.desktop-nav{display:flex;gap:42px;align-items:center;margin-left:38px}.desktop-nav a,.header-actions .text-link{font-size:12px;letter-spacing:.04em;font-weight:600}.desktop-nav a:hover,.header-actions a:hover,.footer a:hover{color:#a87d2c}.header-actions .text-link{border-bottom:1px solid var(--gold);padding-bottom:8px}.header-actions span{color:var(--gold);margin-left:12px}.menu-button{display:none;border:0;background:none;font-size:25px;color:var(--navy)}.mobile-nav{position:absolute;left:0;right:0;z-index:30;background:#fff;padding:14px 28px 28px;box-shadow:0 15px 30px #10244618}.mobile-nav[hidden]{display:none}.mobile-nav a{display:block;padding:14px 0;border-bottom:1px solid #eee}.hero{position:relative;min-height:min(745px,76vw);background:#c6d8ef url('assets/journey-sky.jpg') center 51%/cover no-repeat;overflow:hidden;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,246,247,.79),rgba(247,247,245,.50) 46%,rgba(247,248,249,.08) 75%)}.hero-haze{position:absolute;inset:0;background:linear-gradient(0deg,rgba(255,247,235,.25),transparent 35%)}.hero-content{position:relative;max-width:740px;margin-left:clamp(26px,10.8vw,175px);padding:85px 15px 115px 0;z-index:1}.eyebrow{font-size:10px;line-height:1.5;letter-spacing:.24em;font-weight:700;color:#92702f}.hero-eyebrow{color:#243c5e;display:flex;align-items:center;gap:16px}.eyebrow-line{height:1px;width:40px;background:#c49a44}.hero h1{font-family:var(--serif);font-weight:400;letter-spacing:-.059em;line-height:1.085;font-size:clamp(60px,7.2vw,114px);margin:24px 0 24px}.hero h1 em{font-weight:400;color:#b18435}.hero-sub{font-size:17px;line-height:1.8;max-width:435px;color:#34435b;margin:0}.hero-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:28px;margin-top:37px}.button{min-height:54px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:44px;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-navy{background:var(--navy);color:#fff}.button span{font-size:17px;font-weight:400}.quiet-button{font-size:12px;font-weight:700;border-bottom:1px solid var(--navy);padding-bottom:8px}.quiet-button span{margin-left:18px}.hero-side-note{position:absolute;bottom:42px;left:clamp(26px,10.8vw,175px);font-size:9px;letter-spacing:.23em;font-weight:700;z-index:1}.hero-side-note span{margin-left:24px;color:#667083}.scroll-cue{position:absolute;right:60px;bottom:42px;font-size:9px;letter-spacing:.21em;z-index:1}.scroll-cue span{font-size:18px;margin-left:15px}.intro-section{text-align:center;padding:112px 24px 94px;max-width:860px;margin:auto}.intro-section h2,.section-head h2,.impact-header h2,.story-copy h2,.feature-copy h2,.closer-section h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:1.2}.intro-section h2{font-size:clamp(38px,5vw,68px);margin:18px 0 23px}.intro-section em,.section-head em,.story-copy em,.impact-header em,.feature-copy em,.closer-section em,.quote-band em{font-weight:400;color:#b28a41}.intro-section>p:not(.eyebrow){font-size:17px;line-height:1.95;color:#5d6370;max-width:680px;margin:auto}.intro-ornament{font-size:26px;color:var(--gold);margin-top:30px}.collection-section,.journey-section{padding:100px clamp(24px,7vw,115px);background:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:45px}.section-head h2{font-size:clamp(38px,4.4vw,64px);margin:15px 0 0;max-width:770px}.section-head>p{max-width:310px;font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 8px}.filter-row{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:36px}.filter{border:1px solid #d8d8d4;background:#fff;color:#555f6c;padding:12px 19px;border-radius:50px;font-size:11px;letter-spacing:.06em;transition:.2s}.filter:hover,.filter.active{border-color:var(--navy);background:var(--navy);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:37px 24px}.product-card{min-width:0}.product-art{border:0;width:100%;height:380px;position:relative;background:#e9ebed;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background .2s}.product-card:nth-child(3n+1) .product-art{background:#ece6e2}.product-card:nth-child(3n+2) .product-art{background:#e6e9eb}.product-card:nth-child(3n) .product-art{background:#e5e9df}.product-art:hover .packet{transform:translateY(-11px) rotate(-1deg) scale(1.035)}.art-corner{position:absolute;bottom:18px;right:19px;font-size:9px;letter-spacing:.15em;font-weight:700;opacity:0;transform:translateY(4px);transition:.2s}.product-art:hover .art-corner,.product-art:focus-visible .art-corner{opacity:1;transform:none}.packet{width:172px;min-height:280px;padding:14px 13px 15px;background:linear-gradient(152deg,#faf8f0,#eee9e2);box-shadow:12px 15px 20px #12213822,1px 2px 2px #1221380a;border:1px solid #fff9;position:relative;display:flex;flex-direction:column;transition:transform .3s;filter:drop-shadow(0 0 1px #fff)}.packet:before{content:'';position:absolute;inset:7px;border:1px solid #b0abb15e;pointer-events:none}.packet:after{content:'';position:absolute;left:0;right:0;top:0;height:10px;background:repeating-linear-gradient(90deg,#d5ced0 0 2px,#f5f0ec 2px 4px);opacity:.6}.packet-top{display:flex;align-items:start;justify-content:space-between;color:var(--navy);font-family:var(--serif);font-size:24px;font-style:italic;position:relative;z-index:1}.packet-top small{font-family:var(--sans);font-size:8px;color:#30915f;font-weight:700;letter-spacing:.2em;font-style:normal}.packet-top>span+span{font-size:22px;color:#c5a05b}.packet-body{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:6px;position:relative}.packet-symbol{font-size:68px;font-family:var(--serif);line-height:1.1;color:#b17b6f}.packet-name{font-family:var(--serif);font-size:22px;font-style:italic;line-height:1.13;color:var(--navy)}.packet-type{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#665c5e}.packet-foot{display:flex;justify-content:space-between;gap:3px;border-top:1px solid #b4b2b4;padding-top:7px;font-size:6px;letter-spacing:.07em;color:#6c6666;position:relative}.packet-rose{background:linear-gradient(150deg,#faf5ef,#e9d6d9)}.packet-rose .packet-symbol{color:#ad6b77}.packet-navy{background:linear-gradient(150deg,#f3f6f8,#dae4ef)}.packet-navy .packet-symbol{color:#436082}.packet-sage{background:linear-gradient(150deg,#faf9f0,#d7e4d5)}.packet-sage .packet-symbol{color:#7c9c73}.packet-butter{background:linear-gradient(150deg,#fef8f0,#f6e2be)}.packet-butter .packet-symbol{color:#b5985e}.packet-mint{background:linear-gradient(150deg,#f5faf4,#cfe7df)}.packet-mint .packet-symbol{color:#528a79}.packet-lavender{background:linear-gradient(150deg,#f7f4f8,#e2dbee)}.packet-lavender .packet-symbol{color:#8a7aa9}.product-meta{display:flex;justify-content:space-between;gap:10px;margin-top:20px;color:#8d8e90;font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.product-card h3{font-family:var(--serif);font-size:29px;font-weight:500;letter-spacing:-.04em;margin:8px 0 3px}.product-bottom{display:flex;align-items:center;justify-content:space-between}.product-bottom p{font-size:12px;color:#626b75;margin:0}.product-bottom button{background:none;border:1px solid #cdd2d9;border-radius:50%;font-size:18px;color:var(--navy);height:35px;width:35px;transition:.2s}.product-bottom button:hover{background:var(--navy);color:#fff}.collection-note{color:#8a8d8e;font-size:10px;margin-top:32px}.quote-band{text-align:center;padding:85px 24px 95px;background:#182b49;color:#fff}.quote-mark{font-family:var(--serif);font-size:72px;line-height:.6;color:#c8a362}.quote-band blockquote{max-width:920px;font:400 clamp(28px,3.55vw,50px)/1.45 var(--serif);letter-spacing:-.025em;margin:22px auto 35px}.quote-caption{font-size:10px;letter-spacing:.2em;color:#c6cbd5}.journey-section{background:#f7f5f1}.timeline{display:flex;justify-content:space-between;position:relative;margin:65px 0 30px;gap:4px}.timeline:before{content:'';position:absolute;left:4%;right:4%;height:1px;top:6px;background:#b9b5aa}.time-stop{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;z-index:1;background:none;border:0;min-width:0;flex:1;color:#737780}.time-dot{height:13px;width:13px;border-radius:50%;border:2px solid #adaba4;background:#f7f5f1;margin-bottom:12px}.time-stop strong{font-size:16px;font-weight:600}.time-stop>span:last-child{font-size:9px;letter-spacing:.12em;font-weight:700}.time-stop.selected{color:var(--navy)}.time-stop.selected .time-dot{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 7px #c99e4630}.timeline-detail{background:#fff;border:1px solid #e7e5df;min-height:245px;padding:40px 55px;display:grid;grid-template-columns:minmax(190px,32%) 1fr;gap:30px;align-items:center}.timeline-year{font-family:var(--serif);font-size:clamp(60px,10vw,132px);line-height:1;color:#e5e6e6}.timeline-detail h3{font:400 clamp(24px,2.5vw,38px)/1.2 var(--serif);margin:7px 0 13px}.timeline-detail h3 em{color:var(--gold)}.timeline-detail p:not(.eyebrow){font-size:13px;line-height:1.8;color:#666d75;max-width:620px}.line-button{display:inline-flex;align-items:center;gap:35px;background:none;border:0;border-bottom:1px solid var(--gold);padding:0 0 9px;font-weight:700;letter-spacing:.04em;font-size:12px;color:var(--navy);margin-top:15px}.line-button span{font-size:19px}.story-section{display:grid;grid-template-columns:1fr 1fr;min-height:610px}.story-photo{background:url('assets/tea-grower.jpg') center 44%/cover no-repeat;position:relative;min-height:530px}.story-photo-label{position:absolute;bottom:30px;left:30px;right:30px;color:#fff;font-size:10px;letter-spacing:.19em;display:flex;justify-content:space-between;text-shadow:0 1px 5px #000}.story-copy{background:#fff;display:flex;flex-direction:column;align-items:start;justify-content:center;padding:75px clamp(38px,7vw,120px)}.story-copy h2{font-size:clamp(42px,4.6vw,68px);margin:15px 0 25px}.story-copy p:not(.eyebrow){font-size:14px;line-height:1.95;color:#67707a;max-width:510px;margin:0 0 14px}.impact-section{padding:105px clamp(24px,7vw,115px);background:#eeeae2}.impact-header{text-align:center;max-width:700px;margin:0 auto 65px}.impact-header h2{font-size:clamp(41px,4.7vw,66px);margin:12px 0 20px}.impact-header>p:not(.eyebrow){font-size:15px;line-height:1.9;color:#6b6c6b}.impact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.impact-cards article{background:#fcfaf6;padding:30px 30px 40px;min-height:275px;position:relative}.impact-number{position:absolute;right:28px;top:27px;color:#ada89f;font-size:10px;letter-spacing:.1em}.impact-icon{font:40px var(--serif);color:#ba923c;margin-bottom:25px}.impact-cards h3{font:500 27px var(--serif);margin:0 0 14px}.impact-cards p{font-size:13px;line-height:1.8;color:#6c7077;max-width:320px}.impact-foot{text-align:center;margin-top:35px;color:#797a76;font-size:12px}.impact-foot a{text-decoration:underline;text-underline-offset:4px}.feature-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:515px;overflow:hidden;background:#e2e9f3}.feature-copy{padding:78px 0 78px clamp(35px,9vw,150px);max-width:650px;position:relative;z-index:2}.feature-copy h2{font-size:clamp(42px,4.5vw,65px);margin:12px 0 23px}.feature-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#5c6474}.concept-pill{display:inline-block;border:1px solid #c3c6cd;border-radius:30px;padding:10px 15px;font-size:9px;letter-spacing:.16em;margin-top:22px}.mug-image{min-height:500px;display:flex;justify-content:center;align-items:center;padding:35px 30px}.mug-image img{width:min(94%,610px);filter:drop-shadow(14px 21px 19px #1729482b)}.closer-section{text-align:center;padding:103px 22px 116px;background:#102444;color:#fff}.closer-section h2{font-size:clamp(40px,5.5vw,78px);margin:18px 0}.closer-section p:not(.eyebrow){color:#bfc7d3;font-size:16px;line-height:1.8;max-width:500px;margin:0 auto 30px}.closer-section .eyebrow{color:#d5b66e}.button-light{background:#f7f2e6;color:var(--navy)}.footer{background:#f8f6f1;padding:63px clamp(25px,7vw,115px) 22px}.footer-top{display:flex;justify-content:space-between;gap:50px;align-items:start;padding-bottom:70px}.footer-brand{font:italic 52px var(--serif);letter-spacing:-.07em}.footer-brand span{font:700 11px var(--sans);color:#4b9b72;letter-spacing:.2em}.footer-top p{font-size:12px;color:#7a7d7f;margin-top:7px}.footer-links{display:flex;gap:40px;flex-wrap:wrap;font-size:12px;font-weight:600}.footer-bottom{border-top:1px solid #dadcd9;display:flex;justify-content:space-between;gap:22px;padding-top:22px;font-size:10px;color:#898b8e;line-height:1.7}.modal-shell[hidden]{display:none}.modal-shell{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:#0c1829ce;backdrop-filter:blur(6px)}.modal-dialog{position:relative;background:#fff;max-width:990px;width:100%;max-height:min(92vh,900px);overflow:auto;box-shadow:0 35px 80px #09162a55}.modal-close{position:sticky;top:15px;float:right;margin:15px 17px -50px 0;border:0;background:#fff;border-radius:50%;width:38px;height:38px;font-size:27px;z-index:2}.modal-content{display:grid}.modal-dialog #modal-content{display:grid;grid-template-columns:42% 58%;min-height:610px}.modal-art{display:flex;align-items:center;justify-content:center;background:#e9ebed;padding:65px 18px}.modal-art .packet{transform:scale(1.45)}.modal-copy{padding:52px 64px 44px 50px}.modal-copy h2{font:400 51px/1.1 var(--serif);letter-spacing:-.04em;margin:13px 0 8px}.modal-type{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:#9a7a41}.modal-intro{font:italic 20px/1.6 var(--serif);color:#4b5970;margin:27px 0}.modal-separator{height:1px;background:#e6e2dc;margin:25px 0}.modal-copy h3{font:500 23px var(--serif);margin:0 0 10px}.modal-copy p:not(.eyebrow){line-height:1.8;color:#66707c;font-size:13px}.modal-facts{display:grid;gap:13px;margin-top:24px}.modal-facts div{display:grid;grid-template-columns:150px 1fr;gap:14px;font-size:11px;line-height:1.55}.modal-facts strong{color:#9e7a3d;letter-spacing:.08em;font-size:9px}.modal-facts span{color:#33435a}.modal-copy .modal-disclaimer{font-size:10px!important;color:#91959a!important;margin-top:24px}.modal-open{overflow:hidden}.reveal{opacity:0;transform:translateY(15px);transition:opacity .7s,transform .7s}.revealed{opacity:1;transform:none}@media(max-width:950px){.desktop-nav{gap:18px;margin-left:5px}.site-header{padding:0 28px}.header-actions .text-link{display:none}.product-art{height:315px}.packet{transform:scale(.86)}.product-art:hover .packet{transform:scale(.89) translateY(-7px)}.story-copy{padding:50px 40px}.section-head{align-items:start}.story-section{min-height:520px}.modal-copy{padding:48px 30px}}@media(max-width:700px){.announcement{font-size:8px;letter-spacing:.1em}.site-header{height:74px}.wordmark,.wordmark img{width:135px;height:70px}.desktop-nav{display:none}.menu-button{display:block}.hero{min-height:710px;align-items:flex-start;background-position:63% center}.hero:before{background:linear-gradient(90deg,#eaf0f2dc,#f3f3f0a6 70%,#f3f3f000)}.hero-content{margin:0 23px;padding-top:103px}.hero h1{font-size:clamp(58px,12vw,85px)}.hero-sub{max-width:360px;font-size:15px}.hero-buttons{gap:23px}.hero-side-note{bottom:58px;left:25px;font-size:8px;max-width:230px;line-height:1.7}.hero-side-note span{display:block;margin-left:0}.scroll-cue{display:none}.intro-section{padding:82px 25px}.collection-section,.journey-section,.impact-section{padding:75px 22px}.section-head{display:block}.section-head>p{margin-top:18px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:33px 13px}.product-art{height:280px}.packet{transform:scale(.75)}.product-art:hover .packet{transform:scale(.78) translateY(-5px)}.product-card h3{font-size:24px}.product-meta{font-size:8px;display:block}.product-meta span+span{display:none}.quote-band{padding:73px 25px}.timeline{overflow-x:auto;gap:0;padding-bottom:15px}.timeline:before{left:55px;right:55px}.time-stop{min-width:95px}.timeline-detail{grid-template-columns:1fr;gap:0;padding:27px}.timeline-year{font-size:70px}.story-section{grid-template-columns:1fr}.story-photo{min-height:410px;background-position:center 38%}.story-copy{padding:75px 25px}.impact-cards{grid-template-columns:1fr}.impact-cards article{min-height:0}.impact-header{margin-bottom:38px}.feature-section{grid-template-columns:1fr}.feature-copy{padding:70px 26px 10px}.mug-image{min-height:300px;padding:0 30px 15px}.mug-image img{max-width:430px}.footer-top{display:block;padding-bottom:38px}.footer-links{gap:19px;margin-top:35px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:10px}.modal-shell{padding:10px}.modal-dialog{max-height:95vh}.modal-dialog #modal-content{display:block}.modal-art{height:265px;padding:0}.modal-art .packet{transform:scale(.76)}.modal-copy{padding:25px 24px 35px}.modal-copy h2{font-size:38px}.modal-facts div{grid-template-columns:115px 1fr}}@media(max-width:390px){.product-grid{grid-template-columns:1fr}.product-art{height:345px}.packet{transform:scale(.95)}.product-art:hover .packet{transform:scale(.99)}.hero h1{font-size:56px}.hero-content{padding-top:75px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
