:root{--ease-out:cubic-bezier(.22,1,.36,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--space-section:clamp(64px,8vw,124px)}
html{scroll-padding-top:104px}body{overflow-x:clip}button,a,summary{touch-action:manipulation}button:active,.button:active{transform:scale(.98)}
.site-header{height:82px;background:#fffffff2;border-bottom-color:#181b1310;transition:box-shadow .25s,background-color .25s}.site-header.is-scrolled{box-shadow:0 4px 28px #18200c06;background:#fffffff9}.site-header .logo img{width:202px}.site-header nav a{min-height:44px;display:flex;align-items:center}.site-header nav a:after{bottom:2px;height:2px}.site-header nav a[aria-current=true]:after{transform:scaleX(1)}.header-contact{padding:10px 22px;min-height:44px;transition:background-color .2s,border-color .2s}
.section{padding-top:var(--space-section);padding-bottom:var(--space-section)}.section-top{margin-bottom:38px;align-items:end}.section-top h2{font-size:clamp(38px,4.15vw,62px);line-height:1.25;letter-spacing:-.025em}.section-top>p{font-size:14px;line-height:1.9}.hero-layout{min-height:710px;padding-top:64px;padding-bottom:60px}.hero h1{letter-spacing:-.018em}.hero-description{line-height:1.95}.hero-ring{opacity:.65}.button,.plain-link,.arrow{transition:background-color .2s,color .2s,transform .2s var(--ease-out),border-color .2s}.arrow{display:inline-flex;align-items:center;justify-content:center}.arrow:active{transform:scale(.94)}.plain-link{min-height:44px}.about-intro{gap:8%;margin-bottom:48px}.about-intro>div{font-size:16px;line-height:1.95}.story-strip{border-radius:22px;height:340px}.story-caption{padding:40px 32px}.story-caption>p{font-size:38px}.story-caption>span{font-size:12px;letter-spacing:1px}
.products{padding-top:32px}.product-tabs{position:relative;isolation:isolate;gap:0;margin-bottom:30px}.product-tabs button{display:flex;justify-content:center;align-items:center;gap:8px;min-height:66px;font-size:17px;font-weight:400;padding:16px 8px;transition:color .2s}.product-tabs button[aria-selected=true]{font-weight:600}.product-tabs button:after{display:none}.product-tabs img{width:28px;height:28px;object-fit:contain;image-rendering:pixelated;opacity:0;transform:translateY(3px);transition:opacity .18s,transform .18s var(--ease-out)}.product-tabs button[aria-selected=true] img{opacity:1;transform:none}.product-tab-indicator{position:absolute;bottom:-1px;left:0;width:33.333333%;height:3px;pointer-events:none;background:var(--lime);transform:translateX(calc(var(--tab-index,0)*100%));transition:transform .28s var(--ease-out)}
.product-stage{display:grid;position:relative;border-radius:26px;isolation:isolate;overflow:hidden}.product-panel{grid-area:1/1;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);min-height:650px;border-radius:26px;opacity:1;transform:none;transition:opacity .24s var(--ease-out),transform .32s var(--ease-out),visibility .24s;background:#f0f4d8}.js .product-panel:not(.selected){display:grid;visibility:hidden;opacity:0;transform:translateY(8px);pointer-events:none}.product-panel.selected{position:relative;z-index:2;visibility:visible;pointer-events:auto}.product-art{min-width:0;background:#e2eaa5;order:0;padding:22px;isolation:isolate}.product-art img{width:105%;height:520px;object-fit:contain;filter:drop-shadow(0 18px 18px #53612b10);transition:transform .55s var(--ease-out)}.product-art:after{content:'';position:absolute;inset:20%;border:1px solid #ffffff70;border-radius:50%;z-index:-1}.product-big{font-size:clamp(90px,13vw,180px);top:30px;right:25px;opacity:.7}.product-copy{padding:35px clamp(25px,3.4vw,52px);justify-content:flex-start;min-width:0;order:1}.product-topline{display:flex;justify-content:space-between;align-items:baseline;width:100%;margin-bottom:18px;gap:10px}.product-number{font-size:11px;letter-spacing:1px;color:#636d4e}.volume{font-size:25px;margin:0;font-weight:500}.volume>span{font-size:12px}.product-copy h3{font-size:clamp(42px,4.8vw,66px);line-height:1.08;letter-spacing:-.015em}.product-image-note{font-size:10px;color:#576440;bottom:20px;letter-spacing:.5px}
.story-tabs{display:flex;gap:24px;border-bottom:1px solid #50622a24;width:100%;margin-top:25px;margin-bottom:21px}.story-tabs button{padding:8px 0 12px;background:none;color:#677253;font-size:12px;min-height:44px;position:relative}.story-tabs button:after{content:'';height:2px;position:absolute;left:0;right:0;bottom:-1px;background:#3b4f23;transform:scaleX(0);transform-origin:left;transition:transform .22s var(--ease-out)}.story-tabs button[aria-pressed=true]{color:#24351b;font-weight:600}.story-tabs button[aria-pressed=true]:after{transform:scaleX(1)}.product-story{display:grid;align-items:start;width:100%;min-height:175px}.story-face{grid-area:1/1;transition:opacity .18s var(--ease-out),transform .24s var(--ease-out),visibility .18s;min-width:0;width:100%}.story-face h4{font-size:19px;font-weight:500;line-height:1.5;margin:0 0 10px}.product-copy .story-face p{font-size:13px;line-height:1.95;margin:0 0 16px;max-width:390px;color:#566143}.ingredient-line{border-top:1px solid #50622a20;padding-top:12px;display:flex;gap:18px;align-items:baseline;font-size:11px}.ingredient-line>span{color:#768260}.ingredient-line strong{font-weight:500;font-size:12px}.process-copy{opacity:0;visibility:hidden;transform:translateY(7px);pointer-events:none}.is-process .process-copy{opacity:1;visibility:visible;transform:none;pointer-events:auto}.is-process .feature-copy{opacity:0;visibility:hidden;transform:translateY(-7px);pointer-events:none}.tea-process{list-style:none;padding:0;display:flex;gap:16px;border-top:1px solid #50622a20;padding-top:12px;font-size:11px;color:#344729}.tea-process li{display:flex;gap:6px;align-items:center;white-space:nowrap}.tea-process li>span{font-family:Arial,sans-serif;font-size:9px;color:#839068}
.lemon-switch-row{display:flex;align-items:center;gap:12px;width:100%;margin-top:10px;min-height:85px}.lemon-toggle{background:none;padding:0;flex:0 0 118px;min-height:84px;border-radius:18px;position:relative}.lemon-visual{display:block;position:relative;width:118px;height:84px;perspective:500px}.lemon-visual img{object-fit:contain;position:absolute;image-rendering:pixelated;pointer-events:none;transition:opacity .2s var(--ease-out),transform .38s var(--ease-out)}.lemon-whole{inset:0;width:118px;height:84px}.lemon-half{width:140px;height:140px;max-width:none;top:-28px;left:-11px;opacity:0}.lemon-half-left{clip-path:inset(0 50% 0 0);transform:translateX(12px) rotate(4deg)}.lemon-half-right{clip-path:inset(0 0 0 50%);transform:translateX(-12px) rotate(-4deg)}.is-process .lemon-whole{opacity:0;transform:scale(.92)}.is-process .lemon-half-left{opacity:1;transform:translateX(-9px) rotate(-5deg)}.is-process .lemon-half-right{opacity:1;transform:translateX(9px) rotate(5deg)}.lemon-invitation{font-size:11px;line-height:1.7;color:#344426;pointer-events:none}.lemon-invitation>span{display:block;font-size:10px;color:#7a8567;margin-top:3px}.product-controls{padding-top:20px;font-size:12px}.product-touch-hint{color:#7a836c;font-size:11px}.product-controls .arrow{width:44px;height:44px}
.stores{background:#f6f7f3}.store-summary{max-width:1376px;margin:0 auto 25px;color:#747c6a;font-size:12px}.store-list{gap:8px 35px}.store-list article{border-top:1px solid #a2ac934a;padding-top:22px;padding-bottom:25px;transition:opacity .18s}.store-list h3{font-size:23px;font-weight:500;letter-spacing:-.02em;margin:10px 0}.store-list a{font-size:12px;min-height:34px}.store-list article>span{font-size:11px;color:#7a8469}.store-address{font-size:12px!important;line-height:1.8!important;color:#6d775e!important;margin-top:10px!important}.gallery-image{border-radius:22px}.gallery-heading h3{font-size:32px}.gallery-heading>span,.gallery-controls{font-size:12px}.gallery-image>img{transition:transform .5s var(--ease-out)}
.support-layout{gap:7%;align-items:start}.support-layout>img{height:480px;border-radius:24px}.support-answers summary{font-size:20px;font-weight:500;padding:23px 0}.support-answers details p{font-size:14px;line-height:1.95}.accordion-body{overflow:hidden}.accordion-inner>p{padding-bottom:22px}details summary:focus-visible{outline-offset:0}.advisor-list{gap:8%}.advisor-list article{border-top-width:1px;border-top-color:#a2ac936b;padding-top:30px}.advisor-list h3{font-size:54px}.advisor-list ul{font-size:14px;line-height:2.2}.advisor-role{background:#f0f4d8;font-size:12px;padding:4px 13px;margin:15px 0}.join-facts{padding:34px 0}.join-facts strong{font-size:60px}.join-facts strong>span{font-size:15px}.join-facts p{font-size:13px}.join-columns h3{font-size:21px}.join-columns ul,.steps{font-size:14px}.faq{max-width:none;margin-top:65px}.faq>h3{font-size:34px;margin-bottom:20px}.faq summary{font-size:16px;padding:22px 0}.faq details p{font-size:14px;line-height:1.95}.investment-note,.fineprint{font-size:12px;line-height:1.9}.contact{padding-top:76px;padding-bottom:76px;position:relative;overflow:hidden}.contact-invitation{display:flex;align-items:center;gap:13px;margin-bottom:18px}.contact-invitation img{height:64px;width:64px;object-fit:contain;image-rendering:pixelated;transform:rotate(-7deg);transition:transform .28s var(--ease-out)}.contact-invitation>span{font-size:12px;letter-spacing:1px}.contact h2{font-size:clamp(44px,5vw,70px)}.contact-copy>p{font-size:14px}.contact-qr .qr-image-button{border-radius:20px;padding:9px;background:#fff}.contact-qr>p{font-size:12px;margin-top:15px}.contact-qr .plain-link{font-size:12px}.floating-contact{box-shadow:0 7px 24px #18200f18;font-size:13px;min-height:48px;padding:11px 20px}.contact-copy .company{font-size:12px}footer{padding-top:32px;padding-bottom:32px}footer .logo img{width:176px}footer>p,footer>a:last-of-type{font-size:13px}footer small{font-size:11px}dialog{border-radius:24px;border:1px solid #d8dece;box-shadow:0 18px 90px #17220d22}dialog[open]{animation:dialog-reveal .22s var(--ease-out)}dialog::backdrop{background:#19231180;backdrop-filter:blur(5px)}@keyframes dialog-reveal{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.lemon-toggle:hover .lemon-whole{transform:rotate(-5deg) translateY(-2px)}.is-process .lemon-toggle:hover .lemon-half-left{transform:translateX(-13px) rotate(-7deg)}.is-process .lemon-toggle:hover .lemon-half-right{transform:translateX(13px) rotate(7deg)}.contact-copy:hover .contact-invitation img{transform:rotate(0)}.store-list a:hover{color:#46651d;border-color:#46651d}.product-art:hover img{transform:rotate(-2deg) translateY(-3px)}}
@media(max-width:1050px){.product-panel{min-height:660px;grid-template-columns:.95fr 1fr}.product-copy{padding:30px}.product-copy h3{font-size:51px}.product-art img{height:480px}.tea-process{gap:10px}.lemon-invitation{font-size:10px}.story-strip{height:290px}.story-caption{padding:28px}.story-caption>p{font-size:32px}.site-header{gap:40px}.store-list{gap:8px 25px}}
@media(max-width:700px){html{scroll-padding-top:112px}.site-header{height:100px;padding:0 6%;display:grid;grid-template-columns:1fr auto;grid-template-rows:60px 40px;gap:0}.site-header .logo img{width:158px}.header-contact{padding:7px 13px;font-size:12px;min-height:36px;gap:17px;grid-column:2;grid-row:1}.site-header nav{grid-column:1/-1;grid-row:2;display:flex;gap:32px;font-size:12px;align-self:stretch}.site-header nav a{min-height:38px}.site-header nav a:after{bottom:5px}.section{padding-top:65px;padding-bottom:65px}.section-top{display:block;margin-bottom:28px}.section-top h2{font-size:39px;line-height:1.25}.section-top>p{font-size:12px;margin-top:15px;line-height:1.85}.hero-layout{padding:42px 6% 32px;min-height:0}.hero h1{font-size:68px}.hero-description{font-size:14px;margin-top:20px}.hero-actions{margin-top:23px;gap:19px}.hero-actions .button{font-size:12px;min-height:45px;gap:15px;padding:12px 18px}.hero-actions .plain-link{font-size:12px}.origin{font-size:12px;margin-bottom:19px}.hero-art{min-height:345px}.hero-cup{width:390px;max-width:108%;animation-duration:8s}.hero-letter{font-size:140px;right:-6px;top:5px}.hero-ring{width:290px;height:290px;top:15px;right:0}.cup-caption{font-size:10px;right:4px;bottom:0}.hero-bottom{font-size:10px;padding:0 6% 22px}.motion-toggle{min-height:36px;font-size:10px;padding:5px 10px}.about-intro{gap:23px;margin-bottom:28px}.about-intro h2{font-size:37px}.about-intro>div{font-size:13px;line-height:1.95}.story-strip{border-radius:20px;height:250px;grid-template-columns:1.05fr 1fr}.story-strip>img:last-child{display:none}.story-caption{padding:22px 18px}.story-caption>span{font-size:10px;letter-spacing:0}.story-caption>p{font-size:28px;margin-top:18px}.products{padding-top:0}.product-tabs{margin-bottom:20px}.product-tabs button{min-height:60px;font-size:12px;padding:10px 3px;gap:3px;flex-direction:column}.product-tabs img{height:20px;width:24px;position:absolute;top:0}.product-tabs button>span{padding-top:10px}.product-tab-indicator{height:2px}.product-stage,.product-panel{border-radius:22px}.product-panel{grid-template-columns:1fr;grid-template-rows:280px auto;min-height:0}.product-art{padding:12px;min-height:0}.product-art img{height:265px;width:100%;max-width:355px}.product-big{font-size:114px;top:13px;right:15px}.product-art:after{inset:12% 20%}.product-image-note{font-size:9px;bottom:12px}.product-copy{padding:24px 23px 19px}.product-topline{margin-bottom:15px}.product-number{font-size:9px;letter-spacing:.7px}.volume{font-size:24px}.product-copy h3{font-size:45px;line-height:1.1}.product-copy h3 br{display:none}.story-tabs{margin-top:17px;margin-bottom:17px;gap:25px}.story-tabs button{font-size:11px;min-height:40px;padding-bottom:10px}.story-face h4{font-size:17px;margin-bottom:8px}.product-copy .story-face p{font-size:12px;line-height:1.9;margin-bottom:14px}.product-story{min-height:166px}.ingredient-line{font-size:10px;padding-top:11px;gap:17px}.ingredient-line strong{font-size:11px}.tea-process{font-size:10px;gap:13px;padding-top:11px}.tea-process li{gap:4px}.lemon-switch-row{min-height:72px;margin-top:3px;gap:14px}.lemon-toggle{min-height:72px;flex-basis:100px}.lemon-visual{width:100px;height:72px}.lemon-whole{width:100px;height:72px}.lemon-half{width:122px;height:122px;top:-25px;left:-11px}.lemon-invitation{font-size:10px;line-height:1.9}.lemon-invitation>span{font-size:9px;margin-top:1px}.product-controls{padding-top:16px;font-size:10px}.product-touch-hint{font-size:10px}.product-controls .arrow{width:42px;height:42px}.city-filter{margin-top:22px;gap:7px}.city-filter button{font-size:12px;padding:8px 16px;min-height:44px}.store-summary{font-size:10px;margin-bottom:22px}.store-list{grid-template-columns:1fr;margin-bottom:42px;gap:0}.store-list article{grid-template-columns:38px 1fr auto;padding:18px 0;gap:7px}.store-list h3{font-size:20px}.store-list article>span{font-size:10px}.store-list a{font-size:10px;min-height:32px}.store-address{font-size:11px!important;grid-column:2/-1!important;margin-top:1px!important}.gallery-heading{gap:10px}.gallery-heading h3{font-size:28px}.gallery-heading>span{font-size:10px}.gallery-image{height:265px;border-radius:18px}.gallery-controls{gap:10px;margin-top:14px}.gallery-controls>p{font-size:11px}.gallery-controls>div{gap:7px}.gallery-controls>div>span{font-size:10px;margin-right:3px}.gallery-controls .arrow{width:40px;height:40px}.design-tag,.expand{font-size:10px;padding:5px 10px}.fineprint{font-size:10px}.support-layout{gap:25px}.support-layout>img{height:320px;border-radius:20px}.support-answers summary{font-size:18px;padding:20px 0}.support-answers details p{font-size:12px}.advisor-list{gap:30px}.advisor-list article{padding-top:24px}.advisor-list h3{font-size:46px}.advisor-list ul{font-size:12px}.advisor-role{font-size:10px;margin:12px 0}.join-facts{gap:10px;padding:25px 0}.join-facts strong{font-size:41px;letter-spacing:-.8px}.join-facts strong>span{font-size:11px;letter-spacing:0;display:block;margin:7px 0 0}.join-facts .owner{font-size:24px;min-height:68px}.join-facts p{font-size:10px}.investment-note{font-size:11px;margin:18px 0 28px}.join-columns{gap:27px}.join-columns h3{font-size:18px}.join-columns ul,.steps{font-size:12px}.faq{margin-top:42px}.faq>h3{font-size:30px}.faq summary{font-size:13px;padding:19px 0}.faq details p{font-size:12px}.contact{padding-top:45px;padding-bottom:40px;gap:30px}.contact-invitation{gap:10px;margin-bottom:15px}.contact-invitation img{width:52px;height:52px}.contact-invitation>span{font-size:10px;letter-spacing:.4px}.contact h2{font-size:46px}.contact-copy>p{font-size:12px;margin-top:17px}.phone{font-size:33px;margin-top:8px}.contact-actions{gap:10px}.contact-actions .button{font-size:12px;padding:12px 16px;min-height:44px}.contact-copy .company{font-size:11px;margin-top:21px}.contact-qr .qr-image-button{width:218px;border-radius:18px;padding:8px}.contact-qr>p{font-size:11px;margin-top:12px}.contact-qr .plain-link{font-size:11px}footer{padding-top:28px;padding-bottom:85px;gap:15px}footer .logo img{width:145px}footer>p,footer>a:last-of-type{font-size:11px}footer small{font-size:10px}.floating-contact{right:13px;bottom:max(14px,env(safe-area-inset-bottom));font-size:12px;padding:11px 17px;min-height:44px}dialog{border-radius:21px}.dialog-close{min-width:44px;min-height:44px}}
@media(max-width:700px){.product-topline .volume{position:static}.product-panel{grid-template-rows:240px auto}.product-art{height:auto}.product-art img{height:235px}.product-copy .story-face p{font-size:13px;line-height:1.9}.product-story{min-height:190px}.product-number{font-size:10px}.lemon-invitation{font-size:11px}.lemon-invitation>span{font-size:10px}}
@media(max-width:370px){.hero h1{font-size:61px}.header-contact{gap:10px}.product-copy{padding-left:19px;padding-right:19px}.product-copy h3{font-size:41px}.product-story{min-height:208px}.tea-process{gap:8px;font-size:9px}.lemon-switch-row{gap:8px}.phone{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-panel,.product-tab-indicator,.product-tabs img,.story-face,.story-tabs button:after,.lemon-visual img,.contact-invitation img,.site-header,.header-contact,.button,.plain-link,.arrow,.product-art img,.gallery-image>img{transition:none!important;animation:none!important}dialog[open]{animation:none}.hero-cup,.hero-copy,.hero-art{animation:none!important}.lemon-visual img{will-change:auto}}

/* A consistent, gentle product float across all three cutout visuals. */
@keyframes product-cup-float{0%,100%{transform:translateY(0) rotate(-.3deg)}50%{transform:translateY(-8px) rotate(.5deg)}}
.product-panel.selected .product-art img{animation:product-cup-float 7s ease-in-out infinite}
.product-motion-paused .product-panel.selected .product-art img{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.product-panel.selected .product-art img{animation:none!important;transform:none}}