@font-face{font-family:Manrope;src:local('Manrope');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fbfaf6;color:#183b2f;font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.header{height:111px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9ddd4}.brand{display:flex;align-items:center;gap:10px;font-size:27px;letter-spacing:2px}.brand img{border-radius:50%;object-fit:contain}.brand small{font-size:7px;letter-spacing:1.3px;display:block;margin-top:4px}.header nav{display:flex;gap:35px;font-size:13px}.header nav a:hover,.text-link:hover{color:#8d3e28}.header-cta{font-size:13px;border-bottom:1px solid #183b2f;padding:10px 0}.header-cta span{margin-left:24px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:42px;padding-block:56px 54px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:600;display:block;line-height:1.7}.hero .eyebrow{font-size:9px;letter-spacing:1.1px;display:flex;align-items:center;gap:9px}.eyebrow i{width:6px;height:6px;border-radius:50%;background:#b95335}h1{font-size:clamp(49px,5.45vw,78px);line-height:1.02;letter-spacing:-3.7px;font-weight:500;margin:27px 0}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;font-style:italic}h1 em{letter-spacing:-4px;white-space:nowrap}.hero-description{font-size:15px;line-height:1.8;color:#637169;margin:0 0 28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#183e31;color:#fff;font-size:12px;font-weight:500;min-height:55px;padding:17px 23px;border:1px solid transparent;border-radius:4px;transition:background .2s,transform .2s;cursor:pointer}.button:hover{background:#285743;transform:translateY(-2px)}.button svg{width:18px;height:18px;fill:currentColor}.button>span{margin-left:19px;font-size:19px}.text-link{display:block;font-size:11px;margin-top:22px;width:max-content}.text-link span{margin-left:15px}.hero-visual{position:relative;height:560px;background:#e5e8dc;border-radius:120px 8px 8px 8px;overflow:hidden;background-image:radial-gradient(ellipse at 60% 48%,#f3f2e8 0%,#e4e8dc 60%,#d7ddcc 100%)}.visual-top{position:absolute;top:31px;left:36px;right:28px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px}.visual-top>span:first-child{max-width:98px;line-height:1.7;padding-left:27px}.visual-top>span:last-child{writing-mode:vertical-rl}.round-label{position:absolute;right:28px;top:94px;background:#e7ab89;color:#663b2b;transform:rotate(12deg);border-radius:50%;width:104px;height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:7px;line-height:1.4;letter-spacing:1px;z-index:5}.round-label b{font:italic 29px Georgia;letter-spacing:-1px;margin-block:-3px}.hero-products{position:absolute;left:3%;right:3%;bottom:90px;height:350px}.hero-products:after{content:'';position:absolute;left:0;right:0;bottom:-13px;height:2px;background:#b5bdab;box-shadow:0 23px 40px 8px #66745e35}.product{position:absolute;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(8px 16px 9px #1d311b20);z-index:2}.p-herbarista{height:83%;width:31%;bottom:0;left:0;transform:rotate(-8deg)}.p-monin{height:100%;width:34%;left:21%;bottom:0;transform:rotate(5deg)}.p-milk{height:69%;width:34%;right:4%;bottom:0;transform:rotate(3deg);z-index:3}.p-matcha{width:31%;height:34%;bottom:-30px;left:47%;z-index:4;transform:rotate(-7deg)}.visual-bottom{position:absolute;bottom:26px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;font-size:11px;line-height:1.5}.visual-bottom>span:last-child{font-size:38px;font-weight:400}.brand-strip{padding:26px 0 28px;border-block:1px solid #d9ddd4;display:flex;align-items:center;justify-content:space-between;gap:30px}.strip-label{font-size:8px;letter-spacing:1.2px;color:#7b847a;max-width:130px;line-height:1.8}.brand-strip>div{display:flex;justify-content:space-between;align-items:center;gap:85px}.herbarista-word{font-family:Georgia,serif;font-size:23px;letter-spacing:1px}.monin-word{font-family:Georgia,serif;font-weight:bold;font-size:28px;letter-spacing:3px}.five-word{font-size:30px;font-weight:900;font-style:italic;letter-spacing:-2px}.cedrus-word{font-size:24px;letter-spacing:4px}.section{padding-block:88px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px;gap:30px}h2{font-weight:500;font-size:42px;line-height:1.15;letter-spacing:-1.7px;margin:16px 0 0}.section-heading>p{font-size:13px;color:#70796f;line-height:1.8;margin:0 0 5px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.category-card{border:1px solid #e3e5dc;border-radius:7px;overflow:hidden;background:#fffefb}.category-image{height:270px;display:flex;justify-content:center;align-items:center;padding:22px 30px;position:relative}.category-image.peach{background:#f2e5d8}.category-image.cream{background:#efeddf}.category-image.sage{background:#e0e7d5}.category-image img{width:80%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(8px 10px 7px #18261a20);transition:transform .4s}.category-image.two img{width:50%}.category-card:hover .category-image img{transform:translateY(-7px) rotate(-3deg)}.category-content{padding:24px}.category-brand{font-size:9px;letter-spacing:1px;color:#79816e}.category-content h3{font-size:22px;font-weight:500;letter-spacing:-.7px;margin:13px 0}.category-content p{font-size:12px;line-height:1.8;color:#71796d;min-height:44px}.category-content a{font-size:11px;display:flex;justify-content:space-between;padding-block:13px 0;border-top:1px solid #e3e5dc;margin-top:23px}.category-content a:hover{color:#a3442f}.availability{font-size:10px;color:#7b8379;margin-top:20px}.how-section{background:#f0f0e8}.how-section .eyebrow{color:#61725c}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin:45px 0 36px}.steps li{border-top:1px solid #cbd1c2;padding-top:21px}.step-number{font:italic 27px Georgia;color:#9caa8d}.steps h3{font-size:19px;font-weight:500;letter-spacing:-.5px;margin:22px 0 12px}.steps p{font-size:12px;line-height:1.8;max-width:230px;color:#707b69}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.about-mark{height:300px;background:#e9ecdf;display:flex;align-items:center;justify-content:center;border-radius:50% 50% 5px 5px;font:240px Georgia;position:relative;color:#264f3c;overflow:hidden}.about-mark span{font:100px Georgia;position:absolute;left:57%;top:40%;color:#a85436}.about h2{font-size:36px}.about p{font-size:13px;color:#6c7869;line-height:1.9;max-width:500px}.closing{background:#193f31;color:#f9f8ed;border-radius:7px;padding:53px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden}.closing h2{font-size:44px}.closing .eyebrow{font-size:8px;color:#bdc9b1}.closing p{font-size:12px;color:#b8c7b0}.light-button{background:#f0e7cf;color:#183e31;z-index:2;flex-shrink:0}.light-button:hover{background:#fff7e4}.closing-star{position:absolute;font:250px Georgia;opacity:.05;right:185px;top:-60px}.footer{padding-top:60px}.footer-main{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:50px;gap:30px}.footer-brand{font-size:32px;letter-spacing:3px}.brand-dot{width:9px;height:9px;background:#b95036;border-radius:50%;margin:15px 0 0 3px}.footer-main>div>a{display:block;font-size:12px;margin-top:12px}.footer-main .phone{font-size:20px;letter-spacing:-.5px}.footer-caption{font:italic 23px/1.4 Georgia}.footer .eyebrow{font-size:8px;color:#8a9083}.footer-bottom{padding:24px 0;border-top:1px solid #d9ddd4;display:flex;justify-content:space-between;color:#909487;font-size:9px}#legal{font-size:10px;line-height:1.8}dialog{border:0;border-radius:10px;padding:44px;max-width:480px;width:calc(100% - 40px);color:#183b2f;background:#fbfaf6}dialog::backdrop{background:#0b241ccc;backdrop-filter:blur(4px)}dialog h2{font-size:33px}dialog p{font-size:14px;line-height:1.8;color:#6c7869;margin-block:22px}dialog .button{width:100%}.dialog-close{position:absolute;right:16px;top:12px;background:transparent;border:0;color:#183b2f;font-size:30px;cursor:pointer;min-width:44px;min-height:44px}.skip{position:fixed;top:-100px;left:20px;background:#fff;padding:10px;z-index:100}.skip:focus{top:10px}a:focus-visible,button:focus-visible{outline:3px solid #bc603d;outline-offset:5px}@media(min-width:1450px){h1{font-size:80px}.hero-visual{height:590px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:28px}h1{font-size:60px}.hero-visual{height:510px}.hero-products{height:300px}.brand-strip>div{gap:45px}.header nav{gap:22px}.category-image{height:235px;padding:20px}.category-content{padding:20px}.category-content h3{font-size:19px}.closing{padding:40px}h2{font-size:37px}.closing h2{font-size:38px}}@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header{height:86px}.header nav{display:none}.brand{font-size:24px}.brand small{font-size:6px}.brand img{width:40px;height:40px}.hero{grid-template-columns:1fr;padding-block:34px 35px;gap:32px}.hero-copy{max-width:590px}h1{font-size:70px;letter-spacing:-3px;line-height:1.02;margin:23px 0}h1 br:nth-of-type(1){display:none}h1 br:nth-of-type(1):after{content:' '}.hero-description{font-size:14px}.hero-visual{height:510px;border-top-left-radius:100px;max-width:590px;width:100%;justify-self:center}.hero-products{height:340px}.brand-strip{display:block;padding-block:23px}.strip-label{max-width:none;display:block;text-align:center;margin-bottom:24px}.brand-strip>div{gap:20px;justify-content:space-around}.herbarista-word{font-size:19px}.monin-word{font-size:23px}.five-word{font-size:27px}.cedrus-word{font-size:20px}.section{padding-block:58px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:20px;font-size:12px}.category-grid{gap:15px;grid-template-columns:1fr}.category-card{display:grid;grid-template-columns:42% 1fr}.category-image{height:280px;padding:14px}.category-content{padding:22px;align-self:center}.category-content h3{font-size:25px}.category-content p{font-size:12px;min-height:0}.category-content a{margin-top:18px;padding-top:14px}.steps{gap:24px;margin-block:32px}.steps h3{font-size:17px}.about{gap:35px;grid-template-columns:1fr 1.4fr}.about-mark{height:270px;font-size:200px}.about-mark span{font-size:75px}.about h2{font-size:29px}.closing{display:block;padding:32px}.closing .button{margin-top:20px}.closing-star{right:-60px}.footer-main{flex-wrap:wrap;gap:30px}.footer-caption{display:none}.footer-bottom{gap:20px;line-height:1.7}}
@media(max-width:480px){.hero .eyebrow{font-size:7px;letter-spacing:1px}h1{font-size:54px;letter-spacing:-2.6px}h1 em{letter-spacing:-2.5px}.hero h1 br:nth-of-type(1){display:block}.hero h1 br:nth-of-type(2){display:block}.hero-description{font-size:13px;line-height:1.8}.button{font-size:11px;padding:15px 19px;min-height:54px}.hero .button{width:100%}.text-link{margin:19px auto 0}.hero-visual{height:400px;border-top-left-radius:85px}.hero-products{height:260px;bottom:75px}.visual-top{top:23px;left:20px;right:20px}.visual-top>span:first-child{padding-left:27px;font-size:6px}.round-label{width:78px;height:78px;right:18px;top:70px;font-size:5px}.round-label b{font-size:23px}.visual-bottom{bottom:18px;font-size:9px;left:22px;right:22px}.visual-bottom>span:last-child{font-size:29px}.brand-strip>div{gap:13px}.herbarista-word{font-size:13px;letter-spacing:.5px}.monin-word{font-size:19px;letter-spacing:1px}.five-word{font-size:22px}.cedrus-word{font-size:15px;letter-spacing:2px}h2{font-size:34px;letter-spacing:-1.3px}.category-card{display:block}.category-image{height:280px;padding:22px 50px}.category-content{padding:23px}.category-content h3{font-size:25px}.category-content p{min-height:0}.availability{font-size:9px;line-height:1.7}.steps{grid-template-columns:1fr;gap:21px}.steps li{position:relative;padding:21px 0 0 48px}.step-number{position:absolute;left:0;top:19px;font-size:23px}.steps h3{margin:0 0 10px;font-size:20px}.steps p{max-width:none;margin:0}.how-section .button{width:100%}.about{grid-template-columns:1fr;gap:28px}.about-mark{height:230px;font-size:210px;max-width:280px;width:100%;margin:auto}.about h2{font-size:31px}.closing{padding:29px 24px}.closing h2{font-size:35px}.closing .eyebrow{font-size:7px;letter-spacing:1px}.closing .button{width:100%}.footer{padding-top:45px}.footer-main{display:block;padding-bottom:30px}.footer-main>div{margin-top:28px}.footer-bottom{font-size:8px}dialog{padding:35px 25px}dialog h2{font-size:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Isolated matcha tin is styled as a product alongside the bottles and carton. */
.product,.category-image img{filter:none}.p-matcha{height:48%;width:30%;left:45%;bottom:-16px;object-fit:contain;transform:rotate(-5deg);mix-blend-mode:normal;filter:drop-shadow(6px 9px 6px #1e36262b)}.category-content h3{min-height:26px}@media(min-width:801px){.category-content h3{min-height:52px}}

/* The two CEDRUS teas sit together with the rest of the selection. */
.p-matcha{left:38%;width:29%;height:50%;bottom:-24px;z-index:4}
.p-hojicha{left:63%;width:25%;height:46%;bottom:-19px;transform:rotate(4deg);mix-blend-mode:normal;z-index:5;filter:drop-shadow(5px 8px 5px #1e362620)}
.category-image.tea-pair{gap:4px}
.category-image.tea-pair img{mix-blend-mode:normal;max-width:50%}

/* Four milk flavors in the assortment, using self-contained product images. */
.category-image.milk-range{padding:20px 12px;gap:0}
.category-image.milk-range img:first-child{width:30%;height:100%;flex-shrink:0}
.category-image.milk-range img:last-child{width:70%;height:108%;flex-shrink:0;mix-blend-mode:normal}
@media(min-width:481px) and (max-width:800px){.category-image.milk-range{padding:20px 7px}}